@charset "utf-8";
/* Legende */
/* Links #ff007c */

*{margin:0; padding:0;}
body {background-image:url(images/layout/std_bg.jpg); font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:14px;}
.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}
img {border:none;}

/* BASIS LAYOUT */
#page {width:100%; height:100%; background-repeat:no-repeat;}
#bg {background-image:url(images/layout/con_nav_bg.png); background-repeat:no-repeat; width:1080px; height:760px;}
#navi {position:absolute; width:250px; height:484px; top:133px;}
#logo {position:absolute;left:25px; width:214px; height:136px;}
#content {position:absolute; height:750px; width:830px; left:300px;}
#special { position:absolute; width:220px; height:105px; top:20px; left:65px; z-index:10; background-repeat:no-repeat;}
#main {	position:absolute; width:472px;	height:441px; left:72px; top:62px;/*IE*/ overflow-y:scroll;	/**/overflow:auto; padding:60px 40px 40px 40px;}
#right {position:absolute; width:228px; height:247px; top:80px; left:570px;}
#footer {position:absolute; width:150px; height:30px; left:885px; top:725px; }

/*FONTS*/
h2 {font-family:Verdana, Geneva, sans-serif; font-size:14px; margin-bottom:15px; font-weight:bold;}
h3, h3 a {font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#ff007c; font-weight:bold;}
a {text-decoration:none; color:#ff007c;}
a:hover {text-decoration:none; color:#000;}
#faq-62 h3 {font-family:Verdana, Geneva, sans-serif; font-size:14px; margin-bottom:15px; font-weight:bold; text-decoration:underline;}

/*NEWS*/
#news .layout_latest {background-image:url(images/news/trennung.png); background-position:0% 100%; background-repeat:no-repeat; padding-bottom:15px; margin-bottom:25px;}
#news h2 a {color:#FFF; background-color:#ff007c; font-size:13px;}
#news p.info, #newsreader p.info {color:#FFF; background-color:#000; font-size:9px; width:100px;}
#news ul {margin-top:5px; height:25px;}
#news li {list-style:none; display:inline; border:dashed 1px #000; padding:3px 5px;}
#news li:hover {color:#FFF; background-color:#CCC;}
#news li .current {font-size:12px; font-weight:bold;}

/*FOOTER*/
#footer li {list-style:none; display:inline; margin-right:20px;}
#footer li a {text-decoration:none; color:#666;}
#footer li a:hover {color:#ff007c;}
#footer li.active {color:#ff007c;}

/* NAVIGATION */
#left { position:absolute; left:20px; height:340px; width:200px; top:145px;}
#left li {list-style:none;}

#left .studio li {background-image:url(images/nav/btn_studio.jpg); background-position:top; width:115px; height:41px; margin-left:50px;}
#left .studio li .active, #left .studio li a {display:block; height:41px; text-align:center; padding-top:15px;}
#left .studio li:hover {background-position:bottom;}
#left .studio li.active{background-position:bottom;}

#left .ausgang li {background-image:url(images/nav/btn_ausgangslage.png); background-position:top; width:198px; height:31px;}
#left .ausgang li .active, #left .ausgang li a {display:block; height:31px; text-align:center; padding-top:10px;}
#left .ausgang li:hover {background-position:bottom;}
#left .ausgang li.active{background-position:bottom;}

#left .mappen li {background-image:url(images/nav/btn_mappene.png); background-position:top; width:150px; height:42px; margin-left:30px;}
#left .mappen li .active, #left .mappen li a {display:block; height:42px; text-align:center; padding-top:15px;}
#left .mappen li:hover {background-position:bottom;}
#left .mappen li.active{background-position:bottom;}

#left .kurse li {background-image:url(images/nav/btn_kurse.png); background-position:top; width:103px; height:47px; margin-left:50px;}
#left .kurse li .active, #left .kurse li a {display:block; height:47px; text-align:center; padding-top:17px;}
#left .kurse li:hover {background-position:bottom;}
#left .kurse li.active{background-position:bottom;}

#left .faq li {background-image:url(images/nav/btn_faq.png); background-position:top; width:141px; height:40px; margin-left:50px;}
#left .faq li .active, #left .faq li a {display:block; height:40px; padding-left:15px; padding-top:15px;}
#left .faq li:hover {background-position:bottom;}
#left .faq li.active{background-position:bottom;}

#left .kontakt li {background-image:url(images/nav/btn_kontakt.png); background-position:top; width:126px; height:44px; margin-left:40px;}
#left .kontakt li .active, #left .kontakt li a {display:block; height:44px; text-align:center; padding-top:18px;}
#left .kontakt li:hover {background-position:bottom;}
#left .kontakt li.active{background-position:bottom;}

#left .news li {background-image:url(images/nav/btn_news.png); background-position:top; width:118px; height:39px; margin-left:48px;}
#left .news li .active, #left .news li a {display:block; height:39px; text-align:center; padding-top:12px;}
#left .news li:hover {background-position:bottom;}
#left .news li.active{background-position:bottom;}

#left .links li {background-image:url(images/nav/btn_links.png); background-position:top; width:168px; height:40px; margin-left:10px;}
#left .links li .active, #left .links li a {display:block; height:40px; text-align:center; padding-top:12px;}
#left .links li:hover {background-position:bottom;}
#left .links li.active{background-position:bottom;}

/* KONTAKT */
#kontakt label {width:120px; color:#464646; font-size:11px; font-weight:light; display:block; float:left; height:30px; line-height:40px;}
#kontakt select, input {height:20px; width:250px; margin-bottom:15px; border:none;background-color:transparent;}
#kontakt #ctrl_2 {width:80px!important;}
#kontakt #ctrl_7_submit {background-image:none!important; border:dashed 1px #000; height:28px!important; background-color:#EFEFEF; margin-left:120px;}
#kontakt #ctrl_7_submit:hover {background-color:#FFF;}
#kontakt input { font-size:12px; padding:5px; background-image:url(images/news/trennung.png); background-position:bottom; background-repeat:no-repeat;}
#kontakt textarea {background-image:url(images/kontakt/linien.png); font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666; margin-bottom: 25px; line-height:35px; border:none; background-color:transparent;}
#kontakt .captcha_text {display:block; margin-bottom:25px;}

/*FAQ*/
#faq-62 .mod_faqlist li {background-image:url(images/news/trennung.png); background-position:0% 100%; background-repeat:no-repeat; padding-bottom:15px; margin-bottom:25px;}