html, body {margin:0; padding:0; height:100%; /* 100 % height */}
body {background:url(../media/bgrepeat.jpg) fixed; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
html>body #wrap {background:url(../media/bgrepeat.jpg) fixed;} /* 100 % height */

#head {width:100%; height:90px; background: url(../media/bg_top.png) repeat-x;}
html>body #head {position:fixed; z-index:10; /* Prevent certain problems with form controls */}
html>body #wrapper {height:100%;} /* 100 % height */
html>body #content {padding:80px 0;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
#foot {width:100%; height:90px; background: url(../media/bg_bottom.png) repeat-x;}
html>body #foot {position:fixed; bottom:0; z-index:10; /* Prevent certain problems with form controls */}

h1 {color:#999999;}
h3 {margin:0; padding:0; color:#666666;}
a {color:#CC0000; text-decoration:none; font-variant:small-caps;}
a:hover {text-decoration:underline; color:#640000;}
p {}

#wrapper {line-height:1.5em; z-index:3;}

#foot img {padding-top:19px;}
#content {width:960px; margin:auto; height:100%;}
.hidden {display:none;}

/* ------- Key Facts ------- */
.kunde { font-weight:bold; }
.geschaeftsbereich { display:inline; color:#666; }


/* ------- Navigation styling ------- */
.nav {margin:auto; width:960px;}
#navigation {list-style:none; margin:0; padding:0; background:url(../media/top_line_bg.jpg); width:960px; height:70px;}
#navigation li {float:left; margin:0; padding:0;}
#navigation a * {display:none;}
#navigation a, #navigation a .hover {height:70px; position: relative; display:block; background:url(../media/top_line.jpg) 0 0 no-repeat;}
#navigation.en a, #navigation.en a .hover {height:70px; position: relative; display:block; background:url(../media/top_line_en.jpg) 0 0 no-repeat;}
	/* individual styling */
#navigation a.navlink1 {background-position: 0 0; width:67px;}
#navigation .highlight a.navlink1:hover, #navigation a.navlink1 .hover {background:url(../media/top_line_alt.jpg) 0 0; cursor:pointer;}
#navigation.en .highlight a.navlink1:hover, #navigation.en a.navlink1 .hover {background:url(../media/top_line_alt_en.jpg) 0 0; cursor:pointer;}
#navigation a.navlink2 {display:block; background-position: -67px 0; width:88px;}
#navigation .highlight a.navlink2:hover, #navigation a.navlink2 .hover {background:url(../media/top_line_alt.jpg) -67px 0; cursor:pointer;}
#navigation.en .highlight a.navlink2:hover, #navigation.en a.navlink2 .hover {background:url(../media/top_line_alt_en.jpg) -67px 0; cursor:pointer;}
#navigation a.navlink3 {display:block; background-position: -155px 0; width:110px;}
#navigation .highlight a.navlink3:hover, #navigation a.navlink3 .hover {background:url(../media/top_line_alt.jpg) -155px 0; cursor:pointer;}
#navigation a.navlink4 {display:block; background-position: -265px 0; width:90px;}
#navigation .highlight a.navlink4:hover, #navigation a.navlink4 .hover {background:url(../media/top_line_alt.jpg) -265px 0; cursor:pointer;}
#navigation a.navlink5 {display:block; background-position: -355px 0; width:70px;}
#navigation .highlight a.navlink5:hover, #navigation a.navlink5 .hover {background:url(../media/top_line_alt.jpg) -355px 0; cursor:pointer;}
#navigation a.navlink6 {display:block; background-position: -425px 0; width:90px;}
#navigation .highlight a.navlink6:hover, #navigation a.navlink6 .hover {background:url(../media/top_line_alt.jpg) -425px 0; cursor:pointer;}
	/* switch language buttons */
#switch-language { list-style:none; margin:0; padding:0; position:absolute; margin-left:645px; top:37px; }
#switch-language li { float:left; margin:0; padding:0; margin-right:5px; font-size:9px; font-weight:bold; }
#switch-language a.switch-language-btn { display:block; background-color:#ccc; border:1px solid #900; padding:4px; color:#666; text-decoration:none; }
#switch-language a.switch-language-btn.active { color:#cc0000; }
#switch-language a.switch-language-btn span { float:left; padding-right:4px; }
#switch-language a.switch-language-btn img {  }

	/* Footer Navigation */
#foot .nav {padding-top:19px;}
#bott_navigation {list-style:none; margin:0; padding:0; background:url(../media/bottom_line.jpg); width:960px; height:70px;}
#bott_navigation li {float:left; margin:0; padding:0;}
#bott_navigation a * {display:none;}
#bott_navigation a, #bott_navigation a .hover {height:70px; position: relative; display:block; background:url(../media/bottom_line.jpg) 0 0 no-repeat;}

#bott_navigation a.navlink1 {background-position: 0 0; width:83px;}
#bott_navigation .highlight a.navlink1:hover, #bott_navigation a.navlink1 .hover {background:url(../media/bottom_line_alt.jpg) 0 0; cursor:pointer;}
#bott_navigation #bott_first {width:835px;}
#bott_navigation a.navlink2 {display:block; background-position: -835px 0; width:125px;}
#bott_navigation .highlight a.navlink2:hover, #bott_navigation a.navlink2 .hover {background:url(../media/bottom_line_alt.jpg) -835px 0; cursor:pointer;}

	/* Englische Version */
#bott_navigation_en {position:relative; list-style:none; margin:0; padding:0; background:url(../media/bottom_line_repeat.jpg); width:960px; height:70px;}
#bott_navigation_en li {margin:0; padding:0;width:960px;text-align:right;}
#bott_navigation_en a, #bott_navigation_en a .hover {height:70px; position:absolute; right:0; display:block; background:url(../media/bottom_line.jpg) 0 0 no-repeat;}
#bott_navigation_en a * {display:none;}
#bott_navigation_en a.navlink2 {display:block; background-position: -835px 0; width:125px;}
#bott_navigation_en .highlight a.navlink2:hover, #bott_navigation_en a.navlink2 .hover {background:url(../media/bottom_line_alt.jpg) -835px 0; cursor:pointer;}


/* ----------- Footer with "News From The Schoolyard" Logo ------------ */
#foot a#logo_schoolyard_footer {
	position: absolute; display: block; z-index: 1000; margin-left: 550px; top: 10px; display: block;
	width: 235px; height: 50px;
}