/* ------------------------------ 
    Schuelerportal-Stylesheet
           20.04.2009
            BP-Style
       carsten-peters.net
------------------------------ */

/* ------------------------------ 
             Links
------------------------------ */

:link, :visited, :hover, :active, :focus { text-decoration: none; }
a, a:link, a:visited { color: #4662ae; }
a:hover, a:active, a:focus { color: #5AABD6; }
	a img, :link img, :visited img, :hover img, :active img { border: none; }

a[href$='.pdf'] { padding: 5px 20px 5px 0; background: url(../upload/css_img/pdf.gif) no-repeat right; }
.unsichtbar { position: absolute; top: -9999px; left: -9999px; }
.clear { clear: both; }

.box:after,
#content p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.box,
#content p { display: inline-block; }
/* Hides from IE-mac \*/
* html .box,
* html #content p { height: 1%; }
.box,
#content p { display: block; }
/* End hide from IE-mac */


/* ------------------------------ 
            Headlines
------------------------------ */

h2#willkommen,
h2#aktuell,
h2#schulsport,
h2#fit,
h2#helfen,
h2#beruf,
h2#service,
#kompetent h2#headline,
#aktiv h2#headline,
#fit h2#headline,
#verantwortlich h2#headline{ text-indent: -9999px; position: relative; margin: 4px 0 0 -2px; width: 410px; height: 30px; background: url(../upload/css_img/willkommen.gif) no-repeat; display: block; }
#kompetent h2#headline,
h2#aktuell { background: url(../upload/css_img/aktuell.gif) no-repeat; }
#aktiv h2#headline,
h2#schulsport {	background: url(../upload/css_img/meinsport.gif) no-repeat; }
#fit h2#headline,
h2#fit { background: url(../upload/css_img/fitundschoen.gif) no-repeat; }
#verantwortlich h2#headline,
h2#helfen { background: url(../upload/css_img/helfen.gif) no-repeat; }


/* ------------------------------ 
             Kopf
------------------------------ */

#head { margin: 0; }
#head #topnavi { border-left-color: #4662ae; background-color: #5583BD; background-image: none; height: 77px; }
#head h1 { width: 284px; height: 55px; margin: 14px 0 0 -9px; background-image: url(../upload/css_img/logo_schueler.gif); } 
#head h1 a,
#head h1 a:hover { width: 284px; height: 55px; }

#head #kontakt a:link,
#head #kontakt a:visited { color: #fff; }

#fotos_start { margin: 0 -17px 20px -19px; position: relative; height: 153px; background: url(../upload/css_img/banner_start.jpg) repeat-x; }
#banner_start { position: relative; height: 153px; margin: 0 0 20px 0; }
#fotos { margin: 0 -17px 20px -19px; position: relative; height: 77px; background: url(../upload/css_img/banner_fit.jpg) repeat-x; }
#fotos_schulsport { margin: 0 -17px 20px -19px; position: relative; height: 77px; background: url(../upload/css_img/banner_im_schulsport.jpg) repeat-x; }
#verantwortlich #fotos { margin: 0 -17px 20px -19px; position: relative; height: 77px; background: url(../upload/css_img/banner_verantwortlich.jpg) repeat-x; }
#aktiv #fotos { margin: 0 -17px 20px -19px; position: relative; height: 77px; background: url(../upload/css_img/banner_aktiv.jpg) repeat-x; }
#kompetent #fotos { margin: 0 -17px 20px -19px; position: relative; height: 77px; background: url(../upload/css_img/banner_kompetent.jpg) repeat-x; }


/* ------------------------------ 
           Navigation
------------------------------ */

#navigation #home a {  background-image: url(../upload/css_img/sportler.gif); height: 122px; width: 93px; }

#navigation { background-image: url(../upload/css_img/blau_sp.gif); }
#navigation ul li { background-image: url(../upload/css_img/blau_sp.gif); }
#navigation li a:hover,
#navigation li a:active,
#navigation li a#current,
#navigation li a#subcurrent,
#navigation li a#sub_subcurrent { color: #369; }
	#navigation ul ul ul { padding-left: 10px; }
	#navigation ul ul ul li { background: none; font-size: .9em; }

#traeger dt { color: #4662ae; }


/* ------------------------------ 
            Artikel
------------------------------ */

#startseite #content p { background: url(/images_temp/horzline.gif) repeat-x left bottom; /* margin: -10px 0 18px; */ padding: 0 0 10px 0; }
#startseite #content .artikellist { background: url(/images_temp/horzline.gif) repeat-x left bottom; margin: 0 20px; padding: 0 0 5px 0; }
#startseite #content { padding: 0 3px 0 1px; }
.zweite #content,
.dritte #content { margin: 0 243px 0 210px; }
.ohnebox #content { margin: 0 0 0 210px; }
#content .artikel { margin: 10px 0; }
	#content .box h2 { padding: 15px 0; }
	#startseite #content .box { padding: 0 20px; }
	#content .artikel h2 a,
	#content .artikel h3 a:link,
	#content .artikel h3 a:visited { border-bottom: none; }
	#content .artikel a:link,
	#content .artikel a:visited { border-bottom: 1px dotted #588C9F; }
	#content .artikel ul li { margin: 0 0 0 -10px; padding: 2px 0 2px 20px; }
	#content .promoimg { margin: 10px 0 0 0; }
	#content .fullartikel,
	#content .ntext,
	#content #tnp,
	#content #galeriebild { margin: 0 -15px; padding: 5px 15px; font-weight: normal; background-color: #fff; }
	#content #portfolio { padding: 5px 0 0 0; }
	#content #portfolio li { margin: 0; padding: 0; }
	#content .ntext img { float: left; display: inline; margin: 0 5px 0 0; }
	#content .artikellist img,
	#content .box img,
	#content .fullartikel img.links { float: left; display: inline; margin: 0 10px 0 0; }
	#content .fullartikel img.rechts { float: right; display: inline; margin: 0 0 0 10px; }
	#content #breadcrumb { font-size: 0.9em; }
	.zweite #content #breadcrumb,
	.dritte #content #breadcrumb { margin: 10px 0 0 0; }
	#content ul li { margin: 0 0 0 -5px; padding: 2px 0 2px 20px; background: url(../upload/css_img/dot.gif) no-repeat 0px 4px; }
	#content .feed li a { margin: 0 0 0 20px; display: block; padding: 3px 0; line-height: 1.45em; }
	#content #teaser li { margin: -1px 0 -1px -10px; padding: 0; }
	#content #teaser img.links { margin: 0 5px 0 0; }
	#content #material { float: right; height: 70px; margin: 90px 10px 0 0; }
	#startseite #content #material { float: right; height: 70px; margin: 0 10px 0 0; }
	.start #content .box img { float: left; display: inline; margin: 0 7px 2px 0; }
	.start #content img { padding: 0; }
	.start #content h3 { margin: 0; }
	#startseite #content h3 { margin: 0 0 10px 0; }
	.start #content p { background: none; margin: 0; }
	.start #content #breadcrumb img { margin: 0; }
	.start #content .box h2,
	#standard #content .box h3,
	.zweite #content h3,
	.dritte #content h3,
	#back { padding: 20px 0 0 0;  margin: -10px 0 15px 0; background: url(/images_temp/horzline.gif) repeat-x left top; }
	
	#popup { width: 153px; height: 203px; background: url(../upload/css_img/popup.gif) no-repeat }
	#content .mal_anders { width: 450px; text-align: center; border: none; } 
	#content .mal_anders th,
	#content .mal_anders td { background: #fff; text-align: center; border: none; }
	#content #rate_table td { vertical-align: top; }

.imageLink { padding-right: 0px !important; background: none !important; } 

#newsletterbox { width: 250px; }

#content table#video-wett { width: 444px; }

/* ------------------------------ 
             Formulare
-------------------------------*/

	#content #newsletterform input,
	#content #newsletterform textarea, 
	#content #newsletterform select { margin: 2px; padding: 3px; border: 1px solid #999; font: 1em Verdana, Arial, Helvetica, sans-serif; }
	#content #newsletterform dt { float: left; width: 8em;  } 
	#content #newsletterform dd { margin: 5px 10px; }  
	#content #newsletterform input { width: 300px; }
	#content #newsletterform input#submit,
	#content #newsletterform input.absenden { color: #666; border: 1px solid #999; font-weight: bold; width: 100px; }
	#content #newsletterform input:focus,
	#content #newsletterform textarea:focus { padding: 2px; border: 2px solid  #999; }
	#content #newsletterform input#Mann,
	#content #newsletterform input#Frau { width: auto; border: 0; }  
	#content form#newsletterform p { margin: 0 0 0 8em; }
	#content form#newsletterform p#pflicht { margin: 0; }
	#content #newsletterform p input { width: 140px; border: none; cursor: pointer; }
	#content #newsletterform p input:hover { background: #eee; }
	#content #newsletterform textarea { width: 300px; height: 150px; }


/* ------------------------------ 
             Rechts
------------------------------ */
	
	#extra { border-color: #4662ae; }
	#extra h3 { background: #4662ae; }
	#extra .blog h3 a { color: #fff; }
	#extra .feed,
	#extra .blog { margin: 0 0 40px 0; }
	#extra .video h3 { margin: 0 0 2px 0; }
	#extra .video p { margin: 0 0 10px 0; }
	#extra .blog_mix { height: 180px; margin: 0; padding: 15px 5px 0 0; font-size: 0.78em; background: url(../upload/bilder/bg_rss.gif) no-repeat; }
	#extra #karte { height: 145px; margin: 0; padding: 15px 5px 0 0; font-size: 0.78em; background: url(../upload/css_img/bg_karte.gif) no-repeat; }
	#extra img#jump { margin: 0; }
	#extra #neu,
	#extra #archiv { margin: -10px 0 0 20px; }
	#extra .feed li a { display: block; }
		

/* ------------------------------ 
            Galerie
------------------------------ */

.galeriethumb { float: left; display: inline; width: 78px; padding: 0 15px 15px 0; }