/*

Ganztagshauptschule an der Neustrasse 
Autor: Carsten Peters, www.carsten-peters.net
Version: 11.04.2007

*/


/* body
---------------------------------------------------------------------------*/

* { padding: 0; margin: 0; }
body { margin: 0 auto; text-align: center; font-size: 62.5%; font-family: Arial, Helvetica, Sans-Serif; color: #333; background: #525252 url(../upload/css_img/bg_body.gif) repeat-y center fixed; }


/* links 
---------------------------------------------------------------------------*/

:link, :visited, :hover, :active, :focus { text-decoration: none; }
a, a:link, a:visited { color: #600; }
a:hover, a:active, a:focus { color: #f60; }
	a img, :link img, :visited img, :hover img, :active img { border: none; }

		
/* paragraphs 
---------------------------------------------------------------------------*/

	p, pre { margin: 0 0 10px 0; }
	em, address { font-style: italic; }


/* listen 
---------------------------------------------------------------------------*/

ul, li { list-style: none; }

	

/* misc 
---------------------------------------------------------------------------*/

	abbr, acronym { border-bottom: 1px dotted #000; cursor: help; }
	.clear { clear: both; }
	

/* tabellen
---------------------------------------------------------------------------*/

table#ansprech { margin: 0 0 10px 0; border: #333 solid; 0 0 1px 1px; border-collapse: collapse; width: 100%; }
#ansprech td,
#ansprech th { border-color: #333; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 5px; background-color: #fff; }
#ansprechth { font-weight: bold; color: #333; background-color: #eee; }
caption { font-size: 1em; font-weight: bold; padding: 20px 0 10px; }

table.layout { border: none; }
.layout td,
.layout th { border: none; }


/* headlines 
---------------------------------------------------------------------------*/

h2, h3, h4, h5, h6 { font: 1.78em Arial, Helvetica, sans-serif; font-weight: normal; color: #2F71BB; background: #fff }
	h2 { margin: 0 0 10px 0; border-bottom: 1px dotted #2F71BB; }
	h3 { margin: 0 0 5px 0; padding: 6px 0 3px 0; font: 1.1em Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #666; }
	h4 { font-size: 1em; margin: -12px 0 0 0; }
	h5 { font-size: 0.9em; }
	h6 { font-size: 0.8em; }


/* container 
---------------------------------------------------------------------------*/

#container { width: 635px; margin: 0 auto; text-align: center; font-size: 1.16em; line-height: 1.6em; }



/* header 
---------------------------------------------------------------------------*/

#header { height: 240px; background: url(../upload/css_img/head.jpg) no-repeat center 30px; }
	#header h1 a, 
	#header h1 a:link, 
	#header h1 a:visited, 
	#header h1 a:hover, 
	#header h1 a:active, 
	#header h1 a:focus { text-indent: -9999px; position: absolute; display: block; margin: -5px 0 0 320px; height: 55px; width: 305px; }
	
	
/* Hilfsnavigation 
---------------------------------------------------------------------------*/

#hilfsnavi { height: 21px; margin: 10px 15px 15px 15px; font-weight: bold; background: url(../upload/css_img/bg_hilfsnavi.gif) no-repeat 50% 50%; }
	#hilfsnavi li { float: left; display: inline; width: 121px; }
		#hilfsnavi li a { height: 21px; line-height: 21px; margin: 0 1px; color: #666; text-decoration: none; background: none; display: block; text-align: center; }
		#hilfsnavi li a:hover,
		#hilfsnavi li a:focus,
		#hilfsnavi li a#current { color: #333; background: url(../upload/css_img/bg_navi.gif) no-repeat 50% 100%; }


/* content 
---------------------------------------------------------------------------*/

#content { font: 0.98em/1.6em Verdana, Arial, Helvetica, Sans-Serif; }
#start #content { float: left; display: inline; text-align: left; width: 280px; margin: 0 0 0 190px; }
#standard #content { float: left; display: inline; text-align: left; width: 430px; margin: 0 0 0 190px; }
	#content a,
	#content a:link,
	#content a:visited { color: #2F71BB; border-bottom: 1px dotted #2F71BB; }
	#content a:hover,
	#content a:active,
	#content a:focus { color: #BDD1ED; border-bottom: 1px solid #BDD1ED; }
	#content .galeriethumb a { border-bottom: none; }
	#content img { border: 1px solid #ccc; padding: 4px; background: #fff; margin: 0; }
	#content img.logo { border: none; }
	#content img.icon { border: none; padding: 0; }
	#content img.rechts { float: right; display: inline; background: #fff; margin: 5px 0 0 10px; }
	#content img.links { float: left; display: inline; background: #fff; margin: 5px 10px 0 0; }
	#content ul { padding: 0 0 10px 8px; }
	#content ol { padding: 0 0 10px 20px; }
		#content ul li { padding: 2px 0 2px 10px; background: url(../upload/css_img/navi_dot.gif) no-repeat 0 11px; }
		#content ol li { margin: 2px 0 2px 10px; list-style-type: decimal; }

	#content .galeriethumb { float: left; display: inline; width: 120px; height: 120px; padding: 0 20px 15px 0; }		

	#start #extra { float: left; display: inline; width: 140px; margin: 0 0 0 10px; text-align: left; font-size: 0.9em; line-height: 1.4em; }


/* navi 
---------------------------------------------------------------------------*/

#navigation { float: left; display: inline; width: 145px; margin: 0 0 0 -605px; }
	#navigation ul { font-weight: bold; }
		#navigation ul li { margin: 5px 0; }
			#navigation ul li a { display: block; height: 21px; width: 135px; line-height: 21px; background: url(../upload/css_img/bg_navi.gif) no-repeat 0% 0%; text-align: left; padding: 0 0 0 10px; }
			#navigation ul li a:link,
			#navigation ul li a:visited { color: #666; }
			#navigation ul li a:hover,
			#navigation ul li a:focus,
			#navigation ul li a#current,
			#navigation ul li a:hover#current { color: #333; background: url(../upload/css_img/bg_navi.gif) no-repeat 0% 100%; }
				#navigation ul ul { background: none; }
					#navigation li ul li { background: none; }
						#navigation li ul a { font: 0.98em Verdana, Arial, Helvetica, Sans-Serif; display: block; background: none; height: 10px; line-height: 10px; padding: 4px 0 4px 18px; }
						#navigation li ul a:link,
						#navigation li ul a:visited { color: #999; }
						#navigation li ul a:hover,
						#navigation li ul a:focus,
						#navigation li ul a#subcurrent,
						#navigation li ul a:hover#subcurrent { color: #666; background: url(../upload/css_img/dot.gif) no-repeat 5px 60%; }


/* footer 
---------------------------------------------------------------------------*/

#footer { clear: both; margin: 0 auto; padding: 15px 0 0 0; font: 0.98em Verdana, Arial, Helvetica, Sans-Serif; color: #999; }