/*********************************************************************************

	Project		:	Fahrradgarage Gleichen
	Copyright	:	Christiane helm - www.chhelm.de

**********************************************************************************/


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	background-color: #1b1b1b;
	color: #fff22e;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	padding:0px 0 0 0;
	
		
	}

/* \*/ * html body { text-align:center; font-size: 1em; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0 0 0 10px;
	height:100%;
	width:995px;
border:0px solid #0f0f0f;
	background: #000;
	text-align:center;
		 min-height:100%;    
    min-height:auto !important;
    height:auto !important;
    height:100%;  

}





/* ### Header ############################################################### */

#header {
position:relative;
	margin:0px 0 0 0;
	padding:0;
	color: #c4c4c4;
	height:130px;
	
	
}


#bildleiste{width:	auto;float:right;height:130px; margin:0px 0px 0px 0;padding:0; z-index:1;}
#logo{width:270px; float:left; height:120px; z-index:10; margin:10px 0 0 5px; }
#breadcrumb{ width:400px; display:block; margin:5px 0 0 210px; padding: 3px 0px 0px 0px;float:left; color:#454545; font-size:10px;
 text-align:left;}
#breadcrumb li{ display:inline; }
#breadcrumb a{ color:#454545; }

#sub{ width:95px; display:block;margin:10px 60px 0px 0; float:right;
}





/* ### Content #################################################################### */


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
	margin: 0 ;
	

	
}


/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */


#main-content {
min-height:400px;
}
#links {position: absolute;
  top: 0px;
  left: 7px;
  width:180px;
  height: 400px;
 text-align:left;
 height:520px;
	overflow:auto;
	scrollbar-base-color: #000000;
scrollbar-track-color: #1b1b1b; 
scrollbar-face-color: #333333; 
scrollbar-highlight-color: #1b1b1b;
scrollbar-3d-light-color: #101010; 
scrollbar-darkshadow-color: #454545; 
scrollbar-shadow-color: #232323; 
scrollbar-arrow-color: #fff22e; 

} 
html>body #links{width:200px;}

#main {
	
  margin: 0px 185px 0 210px;
	background-color:#FFFFFF;
	height:520px;
	border:8px solid #FFF22E;
	overflow:auto;
}


#main-block {
	float:left;
	margin:0px;	
	text-align:left;
	color:#101010;
	border:#333333 solid 0px;
}


/* ### main-block => MainContent ################################################### */

#rechts { position: absolute;
  top: 0px;
  right: 10px;
  width: 155px;
  height: 400px;
  

}

html>body #rechts{right: 20px;}
	
#news{
clear:both;
float:left;
font-family:Arial, Helvetica, sans-serif;
width:90%;
margin:0px 5px 20px 5px;
font-size:11px;
border:double #1b1b1b 3px;
padding:5px;
height:150px;
overflow:auto;
}

#news h1{
 
font-size:14px;
font-weight:bold;
color:#fff22e;
line-height:22px; 
 margin: 0 0 0 0;
}

#news h2{
font-size:12px;
font-weight:bold;
color:#fff22e ;
text-transform:uppercase;
text-align:left;
padding:0px 3px 3px 0px; }

#news p{padding:0px 3px 3px 0px; text-align:left;  }


#news a{
text-decoration:none; color:#fff22e;
background: url(pfeil_sw.gif) left no-repeat;  padding:0 0 0 15px;
}
#news a:hover{
text-decoration: underline; color:#fff22e;
}


/* ### Footer ###################################################################### */

#footer {
	display:block;
	width:100%;
	height:20px;
	text-align:center;
}

#footer p {
	padding: 0px 0px 0 0;
	color:#fff22e;
	
	font-size:0.7em;
}

#footer p a,
#footer p a:link {
	color:#fff22e;
	text-decoration: none;
}

#footer p a:hover {
	color:#ef4c17;
	text-decoration: none;
}

/* JAOS Gallery
*******************************************************************************/
/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

#main .jaosg_galerie a
	{
	text-decoration:none;
	border:0px;
	}

div#jaosg_galerie{
margin:0;
}

div#jaosg_galerie a
	{
	text-decoration:none;
	border:0px;
	}

div.jaosg_thumbnail{
		margin:0px 5px 0px 5px;
	padding-bottom:2px;
	float: left;
	height: 130px;
	width: 130px;
	text-align: center;
	vertical-align:middle;
	font-size:0.8em;
		
}


div.jaosg_thumbnail img{
	border: 0px solid;
	border-color: #444 #AAA #AAA #444;
	margin:auto;
}



/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 95px;
	width: 130px;
	margin: 20px 5px;
	
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 95px;
	width: 75px;
	padding: 0px 20px 0px 25px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}