/* @override http://localhost:8888/wp-content/themes/default/style.css */

@import url(reset.css);
@import url(typo.css);
@import url(color.css);

/* @group General */
body {width: 830px; margin: 0 auto; background:white url(/images/hintergrund.gif) repeat top left; }
/* @end */

/* @group branding */
#branding {height: 110px; padding-top: 30px; position:relative; background: white; width: 800px;}
#branding h1 {position:absolute; left: 20px; line-height: 2.2; top:6px; z-index: 10;}
#branding h1 span {color: #fc0000;}
#branding h2 {position:absolute; left:-9999px;}
#branding img {position:absolute; left: 0px; top: 0px;}
#branding ul#nav_info {position:absolute; right: 10px; top: 4px;}
#branding ul#nav_info li {float:left; list-style-type:none; line-height: 2.5; }
#branding ul#nav_info li a {text-decoration:none;}
#branding ul#nav_info li a:hover {text-decoration:underline;}
#branding ul#nav_info li.pipe {padding: 0 5px 0 5px;}

#branding #layer1 {position:absolute; left:217px; top:0px; background-image:url(/images/header2_willkommen.gif); width: 304px; height: 140px;}
#branding #layer2 {position:absolute; right:0px; top:0px; background-image:url(/images/header3_animation.gif); width: 280px; height:140px;}
.layer3 {background-image:url(/images/startseite_noflash.gif);
height:270px;
left:217px;
position:absolute;
top:178px;
width:584px;}

.layer4 {
height:300px;
left:218px;
position:absolute;
top:400px;
width:584px;}
/* @end */

/* @group nav_main */
#nav_main {width: 810px; margin-left: 0px;}
#nav_main li {float:left; padding: 4px 9.7px 4px 9.6px; border: 2px solid white; width: auto;}
#nav_main li.first {border-left: 0;}
#nav_main li.last {border-right: 0;}
#nav_main li a {text-decoration:none;}
#nav_main li a:hover {text-decoration:underline;}
/* @end */

/* @group content */
#content {background:white; width: 799px; padding: 0;}
#content #left_hand {position:absolute; height: 70px; width: 240px; left: 230px; top: 70px; cursor:pointer; }
#content #right_hand {position:absolute;  height: 70px; width: 200px; left: 560px; top: 90px;  cursor:pointer; }
/* @end */

/* @group content_sup */
#content_sup { min-height: 500px; width: 169px; float:left; margin-left: 17px; margin-right: 15px; padding: 10px 15px; background:transparent url(/images/bg_left_blue.gif) repeat-x top left;}
#content_sup.red {background: transparent url(/images/verlauf_wirueberuns.jpg) repeat-x top left;}
#content_sup.green {background: transparent url(/images/verlauf_schuleberuf.jpg) repeat-x top left;}
#content_sup.orange {background: transparent url(/images/verlauf_berufsvorbereitung.jpg) repeat-x top left;}
#content_sup.blue {background: transparent url(/images/verlauf_ausbildung.jpg) repeat-x top left;}
#content_sup.pink {background: transparent url(/images/verlauf_energiebildung.jpg) repeat-x top left;}
#content_sup.dark_green {background: transparent url(/images/verlauf_pilotprojekte.jpg) repeat-x top left;}
#content_sup.lila {background: transparent url(/images/verlauf_aktuelles.jpg) repeat-x top left;}
#content_sup h3 {margin-bottom: 8px;}

#content_sup ul li { line-height: 22px; }
#content_sup ul li a { text-decoration: none; }
#content_sup ul li a:hover { font-weight: bold; }
#content_sup ul ul {margin-left: 10px; margin-top: 5px;}
/* @end */


/* @group content_main */
#content_main { width: 510px; float:left; margin-left: 20px; padding: 10px 9px; background:white; margin-bottom: 50px;}
#content_main h2 {margin-bottom: 8px; margin-top: 10px;}
#content_main p {padding: 5px 0 5px 0;}
#content_main img {background:#FAF19A; padding: 12px;}
/* @end */