/*
Reset CSS
*/
center, isindex, menu, dir,
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0px;
padding: 0px;
border: 0;
outline: 0;
font-style:normal;
font-weight:normal;
}
/*
Standard Werte
*/
body{
font-family:Arial;
background-image:url(../layout/background.jpg);
background-repeat:repeat-x;
background-color:#eee;
}
strong{
font-weight: bold;
}
p, li, h1{
font-size: 12px;
line-height:18px;
color:#fff;
}
p.sub{
font-size: 9px;
line-height:18px;
color:#fff;
}
h1{
margin-bottom:25px;
font-size: 14px;
font-weight:bold;
}

a{
color:#fff;
}
#container{
width:1000px;
margin:0 auto;
background-color:#131313;
}
.clear{
clear:both;
}
.nodeco{
text-decoration: none;
}
.out_error{
border: 1px solid #f00;
background-color:#fee;
color:#000;
padding:5px;
}
.out_erfolg{
border: 1px solid #006600;
background-color:#E1F7E2;
color:#000;
padding:5px;
}
/*
Header
*/
#header{
background-image:url(../layout/layout_header.jpg);
background-repeat:no-repeat;
height:165px;
width:1000px;	
}

#header #header_hinweis{
width: 400px;
position:relative;
margin-left:420px;
top:50px;
}

#header #header_hinweis .btn{
float: right;
}
#header #header_hinweis .btn a{
font-size:14px;
color:#fff;
text-decoration:none;
font-weight:bold;
font-family:Verdana, Geneva, sans-serif;
}
.btn_gr a{
font-size:28px;
color:#fff;
text-decoration:none;
font-weight:bold;
font-family:Verdana;
}
.m_infos{
width: 180px;
}
/*
Navigation
*/
#navigation{
position:relative;
height: 40px;
width:1000px;
background: #ff1c1c;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff1c1c), to(#cd0000));
background: -moz-linear-gradient(#ff1c1c, #cd0000);
background: linear-gradient(#ff1c1c, #cd0000);
-pie-background: linear-gradient(#ff1c1c, #cd0000);
behavior: url(PIE.htc);
border-bottom:1px solid #ff0037;
}
#navigation ul{
padding-left: 19px;
padding-top: 6px;
}
#navigation ul li{
float: left;
margin-right:20px;
list-style:none;
}

/* Start Button */
#navigation ul li.nav_1 a, #navigation ul li.nav_1 a:link, #navigation ul li.nav_1 a:visited{
background-image:url(../layout/start_normal.png);
background-repeat:no-repeat;
width:55px;
height:34px;
line-height:34px;
display:block;
position:relative;

z-index:9999;
cursor:pointer;
}
#navigation ul li.nav_1 a:hover{
background-image:url(../layout/start_hover.png);
background-repeat:no-repeat;
width:55px;
height:34px;
line-height:34px;
display:block;
position:relative;
}
#navigation ul li.nav_1 ul li a, #navigation ul li.nav_1 ul li a:link, #navigation ul li.nav_1 ul li a:visited, #navigation ul li.nav_1 ul li a:hover{
background-image:none;
}

/* be-Inside Button */
#navigation ul li.nav_2 a, #navigation ul li.nav_2 a:link, #navigation ul li.nav_2 a:visited{
background-image:url(../layout/be_insider_normal.png);
background-repeat:no-repeat;
width:124px;
height:34px;
line-height:34px;
display:block;
z-index:9999;
cursor:pointer;
}
#navigation ul li.nav_2 a:hover{
background-image:url(../layout/be_insider_hover.png);
background-repeat:no-repeat;
width:124px;
height:34px;
line-height:34px;
display:block;
}
#navigation ul li.nav_2 ul li a, #navigation ul li.nav_2 ul li a:link, #navigation ul li.nav_2 ul li a:visited,#navigation ul li.nav_2 ul li a:hover{
background-image:none;
}

/* Partner Button */
#navigation ul li.nav_3 a, #navigation ul li.nav_3 a:link, #navigation ul li.nav_3 a:visited{
background-image:url(../layout/partner_normal.png);
background-repeat:no-repeat;
width:72px;
height:34px;
line-height:34px;
display:block;
z-index:9999;
cursor:pointer;
}
#navigation ul li.nav_3 a:hover{
background-image:url(../layout/partner_hover.png);
background-repeat:no-repeat;
width:72px;
height:34px;
line-height:34px;
display:block;
}
#navigation ul li.nav_3 ul li a, #navigation ul li.nav_3 ul li a:link, #navigation ul li.nav_3 ul li a:visited,#navigation ul li.nav_3 ul li a:hover{
background-image:none;
}

/* Events Button */
#navigation ul li.nav_4 a, #navigation ul li.nav_4 a:link, #navigation ul li.nav_4 a:visited{
background-image:url(../layout/events_normal.png);
background-repeat:no-repeat;
width:201px;
height:34px;
line-height:34px;
display:block;
z-index:9999;
cursor:pointer;
}
#navigation ul li.nav_4 a:hover{
background-image:url(../layout/events_hover.png);
background-repeat:no-repeat;
width:201px;
height:34px;
line-height:34px;
display:block;
z-index:9999;
cursor:pointer;
}
#navigation ul li.nav_4 ul li a, #navigation ul li.nav_4 ul li a:link, #navigation ul li.nav_4 ul li a:visited,#navigation ul li.nav_4 ul li a:hover{
background-image:none;
}

/* Specials Button */
#navigation ul li.nav_5 a, #navigation ul li.nav_5 a:link, #navigation ul li.nav_5 a:visited{
background-image:url(../layout/special_normal.png);
background-repeat:no-repeat;
width:78px;
height:34px;
line-height:34px;
display:block;
}
#navigation ul li.nav_5 a:hover{
background-image:url(../layout/special_hover.png);
background-repeat:no-repeat;
width:78px;
height:34px;
line-height:34px;
display:block;
}
#navigation ul li.nav_5 ul li a, #navigation ul li.nav_5 ul li a:link, #navigation ul li.nav_5 ul li a:visited,#navigation ul li.nav_5 ul li a:hover{
background-image:none;
}


/* Schüler Button */
#navigation ul li.nav_6 a,#navigation ul li.nav_6 a:link, #navigation ul li.nav_6 a:visited{
background-image:url(../layout/schueler_normal.png);
background-repeat:no-repeat;
width:73px;
height:34px;
line-height:34px;
display:block;
}
#navigation ul li.nav_6 a:hover{
background-image:url(../layout/schueler_hover.png);
background-repeat:no-repeat;
width:73px;
height:34px;
line-height:34px;
display:block;
}
#navigation ul li.nav_6 ul li a, #navigation ul li.nav_6 ul li a:link, #navigation ul li.nav_6 ul li a:visited,#navigation ul li.nav_6 ul li a:hover{
background-image:none;
}


/* Studenten Button */
#navigation ul li.nav_7 a, #navigation ul li.nav_7 a:link, #navigation ul li.nav_7 a:visited{
background-image:url(../layout/studenten_normal.png);
background-repeat:no-repeat;
width:94px;
height:34px;
line-height:34px;
display:block;
position:relative;
}
#navigation ul li.nav_7 a:hover{
background-image:url(../layout/studenten_hover.png);
background-repeat:no-repeat;
width:94px;
height:34px;
line-height:34px;
display:block;
position:relative;
}
#navigation ul li.nav_7 ul li a, #navigation ul li.nav_7 ul li a:link, #navigation ul li.nav_7 ul li a:visited,#navigation ul li.nav_7 ul li a:hover{
background-image:none;
}

/* Sparkasse Button */
#navigation ul li.nav_8 a,#navigation ul li.nav_8 a:link, #navigation ul li.nav_8 a:visited{
background-image:url(../layout/sparkasse_normal.png);
background-repeat:no-repeat;
width:100px;
height:34px;
line-height:34px;
display:block;
margin-right:0;
position:relative;
}
#navigation ul li.nav_8 a:hover{
background-image:url(../layout/sparkasse_hover.png);
background-repeat:no-repeat;
width:100px;
height:34px;
line-height:34px;
display:block;
margin-right:0;
position:relative;
}
#navigation ul li.nav_8 ul li a, #navigation ul li.nav_8 ul li a:link, #navigation ul li.nav_8 ul li a:visited,#navigation ul li.nav_8 ul li a:hover{
background-image:none;
}


#content_body{
background-color:#191919;
width:720px;
float:left;
padding: 0 20px;

}

#breadcrump{
height: 20px;
margin: 18px 0;
border-left: 2px solid #dc0326;
padding-left:5px;
position:relative;
z-index:5;
}
#breadcrump a{
color:#fff;
font-size:13px;
text-decoration:none;
margin-right: 10px;
}

#breadcrump a.pfeil{
background-image:url(../layout/li_style_breadcrump.jpg);
background-repeat:no-repeat;
padding-left: 10px;
}
/*
Content Bereich
*/
img#v, img#f{
cursor:pointer;
}
#content_header, #interaktiv{
padding:10px;
border: 1px solid #2e2d2d;
background-color:#131313;
margin-bottom:25px;
}
#interaktiv {
text-align: center;
}
#content{
margin-top: 25px;
margin-bottom:50px;
}

#content ul{
margin: 10px 0 10px 25px;
}
#content ul li{
list-style:none;
list-style-image:url(../layout/li_style.jpg);
}

#content #interaktiv .pirobox_gall img{
padding: 5px;
border: 1px solid #2e2d2d;
background-color:#191919;
margin-right: 2px;
}

#content #partner_nav{
float: right;
}

#content #vorteilsbox{
border-top: 1px solid #696969;
border-right : 1px solid #535353;
border-bottom : 1px solid #3d3d3d;
border-left:  1px solid #535353;
position:relative;
padding: 20px 40px;
width:640px;
background: #4e4e4e;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4e4e4e), to(#3b3b3b));
background: -moz-linear-gradient(#4e4e4e, #3b3b3b);
background: linear-gradient(#4e4e4e, #3b3b3b);
-pie-background: linear-gradient(#4e4e4e, #3b3b3b);
behavior: url(PIE.htc);
margin-bottom:40px;
}
#content #vorteilsbox .vorteil{
display:block;
float:left;
width:123px;
}
#content #vorteilsbox .text{
display:block;
float:left;
width: 490px;
margin-left:20px;
}
#content .text_teaser{
padding:5px;
border: 1px solid #2e2d2d;
background-color:#131313;
float:left;
margin: 0 20px 20px 0;
}
#content .text_teaser_team{
padding:5px;
float:left;
margin: 0 20px 20px 0;
}

#content #kommentare{
margin-top:40px;
}
#content #kommentare .kommentare{
margin-bottom: 20px;
}
#content #kommentare .kommentar_box{
padding:10px;
border: 1px solid #2e2d2d;
background-color:#222;
margin-bottom:10px;
}
#content #kommentare .kommentar_box .datum,#content #kommentare .antwort .datum, .datum{
color:#868686;
}
#content #kommentare .kommentar_box .nick,#content #kommentare .antwort .nick, .headline{
color:#f00;
}
#content #kommentare .antwort{
border: 1px solid #f00;
background-color:#fee;
margin-bottom:10px;
margin-top:-20px;
padding: 10px;
}
.atext p, .atext{
color:#000;
}
p.top_all span{
float:left;
}
p.top_all span.headline,p.top_all span.nick {
margin-left:5px;
}
p.top_all span.wertung{
float: right;
}
p.top_all{
height:17px;
line-height: 17px;
}
#content #kommentare form input, #content #kommentare form textarea,
form#feedback input, form#feedback textarea{
border: 1px solid #2e2d2d;
background-color:#131313;
color:#a3a3a3;
float:left;
}
#content #kommentare form input, form#feedback input{
width:200px;
height:30px;
line-height:30px;
}
#content #kommentare form textarea{
width: 500px;
margin-left: 10px;
height:126px;
}
form#feedback textarea{
width: 500px;
height:126px;
}
#content #kommentare form .rating{
margin-top:-100px;
height:30px;
width:150px;
float:left;
}
#content #kommentare form .senden{
background-image:url(../layout/btn_senden.jpg);
background-repeat:no-repeat;
border:0;
width:112px;
height:40px;
float:right;
}
form#feedback #f_senden{
background-image:url(../layout/btn_senden.jpg);
background-repeat:no-repeat;
border:0;
width:112px;
height:40px;
}
#content form#feedback label{
line-height: 30px;
margin-left: 15px;
}
#content form#feedback label.feedback_txt{
margin-left: 0;
font-weight:bold;
}
/* Startseite */
.start_teaser{
display:block;
float:left;
margin-right:10px;
margin-bottom: 10px;
width:352px;
}
.start_teaser_right{
display:block;
float:left;
margin-bottom: 10px;
width:352px;	
}
.start_teaser a, .start_teaser_right a{
text-decoration:none;
}
.teaser_box, .team, .box_downloads_audio{
border: 1px solid #2e2d2d;
background-color:#131313;
padding: 10px;
}
.teaser_balken{
background: #535353;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#535353), to(#393939));
background: -moz-linear-gradient(#535353, #393939);
background: linear-gradient(#535353, #393939);
-pie-background: linear-gradient(#535353, #393939);
behavior: url(PIE.htc);	
width:352px;
height:7px;
line-height:7px;
display: block;
float:left;
position:relative;
font-size:4px;
}
.teaser_balken_btn{
width:352px;
height:40px;
display: block;
float:left;
position:relative;

}

#tops{
margin-top: 25px;	
}
#tops .spalte{
display: block;
width: 230px;
float:left;	
padding-right: 10px;
}
#tops p .headline, #tops p .rubrik{
font-size: 18px;
font-weight:bold;
margin-bottom:10px;
}
#tops .teaser_box .headline{
font-size: 12px;
font-weight:normal;
}
#tops .top_pic{
float: left;
display:block;
}
#tops .spalte .teaser_box{
margin-bottom: 10px;
}
#tops .spalte .teaser_box p{
padding-left:10px;
float:left;
width: 140px;
}
#tops .spalte .teaser_box a{
text-decoration:none;
}

/*
Filter und Sortierung
*/
#filter form select, #filter form .textfeld{
border: 1px solid #2e2d2d;
background-color:#131313;
color:#a3a3a3;
padding:4px;
float:left;
margin-right: 10px;
}
#filter form label{
float: left;
color: #fff;
font-size:12px;	
height: 22px;
line-height:22px;
margin-right:10px;
}
#filter form select option{
border: none;
}

/* Download Klingeltoene */
.downloads_links{
width: 150px;
}
.downloads_rechts{
width: 275px;
}
.downloads_links, .downloads_rechts{
float:left;
}
.box_downloads_audio{
margin-bottom:10px;
}

.wall_list{
float:left;
width:150px;
}
.wall_list a{
color: #f00;
}

/* Gold Only */

img.gold{
position: absolute;
z-index:99;
}

img.sk_teaser{
position: absolute;
z-index:99;	
margin-top: 120px;
margin-left:280px;
}

/*
Banner Seite
*/
#banner{
width:220px;
float:left;
}

#banner .box{
width:200px;
border: 1px solid #2e2d2d;
background-color:#1b1b1b;
padding: 10px;
margin:10px 0 10px 10px;
}
/*
#banner form label{
color:#fff;
font-size:12px;
line-height: 28px;
}

#banner form input.absenden{
background-image:url(../layout/btn_abstimmen.jpg);
background-repeat:no-repeat;
border:0;
width:90px;
height:28px;
}
*/


#banner form input{
float: left;
height: 22px;
}
#banner form label{
color:#fff;
font-size:12px;
display: block;
float: left;
width: 120px;
padding-top: 5px;
}
#banner form br{
clear: both;
}
#banner form input.absenden{
background-image:url(../layout/btn_abstimmen.jpg);
background-repeat:no-repeat;
border:0;
width:90px;
height:28px;
float:none;
}


/* Umfrage */
.balken_diagramm{
height: 5px;
background-color:#666666;
position:relative;
z-index:5;
width:160px;
float:left;
font-size:4px;
}
.fortschritt{
height: 5px;
background-color:#f00;
position:relative;
z-index:6;
font-size:4px;

}
.prozent{
font-size: 10px;
color:#f00;
float:right;
width: 30px;
margin-top:-3px;
}
/*
Seitenzahl
*/
#seitenzahl{
clear:both;
text-align:center;
margin-top:10px;
padding: 5px;
border: 1px solid #2e2d2d;
background-color:#131313;
}
/*
Footer
*/
#footer{
width:1000px;
height:235px;
border-top: 1px solid #696969;
border-bottom: 1px solid #e3e3e3;
background-image:url(../layout/bg_footer.jpg);
background-repeat:repeat-x;
}
#footer #footer_logo{
position:relative;
top: 50px;
left:40px;
width: 314px;
float:left;
}
#footer ul{
float:right;
}
#footer ul li{
list-style:none;
float:left;
margin-right: 10px;
}
#footer ul li a{
font-size:10px;
color:#fff;
}
#footer #kontakt{
float: left;
width: 450px;
position:relative;
top: 50px;
left: 100px;
}
#footer .column{
float: left;
width:150px;	
}
#footer .column strong{
color:#f00;
}

.column{
width: 230px;
float:left;
display: block;
margin-bottom: 20px;
}

#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #111;
padding: 5px;
opacity: 0.85;
color:#000;
width:300px;
background: #4e4e4e;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4e4e4e), to(#3b3b3b));
background: -moz-linear-gradient(#4e4e4e, #3b3b3b);
background: linear-gradient(#4e4e4e, #3b3b3b);
-pie-background: linear-gradient(#4e4e4e, #3b3b3b);
behavior: url(PIE.htc);
}
#tooltip h3, #tooltip div { margin: 0; width:260px; color:#fff;}

#header #link{
position:relative;
width: 350px;
height: 100px;
display:inline-block;
z-index:101;
background-color:transparent;
margin-left:0;
float:left;
}
#header #link a{
position:relative;
width: 350px;
height: 100px;
margin-top: 20px;
z-index:101;
background-color:transparent;
display:inline-block;
float:left;
}
.trenner{
border-bottom: 2px solid #696969;
text-align: right;
margin-bottom: 10px;
}
.trenner a{
text-decoration: none;
font-size: 10px;
}
.trenner img{
float: right;
margin-top:4px;
width:18px;
height:9px;
}


/* YOUTUBE PLAYER */
#wrapper {
	position:absolute;
	top:50%;
	left:50%;
	width:750px;
	height:379px;
	margin-left:-375px;
	margin-top:-190px;
}

/* player */
#player {
	position:relative; /* offset parent */
	width:640px;
	height:379px;
	overflow:hidden;
	margin-left:30px;
}

#window {
	position:absolute;
	top:0px;
	left:0px;
	width:640px;
	height:338px;
	background-color:#000;	
}

#play-pause-btn {
	position:absolute;
	bottom:0px;
	left:0px;
	width:40px;
	height:40px;
	background:#000 url(../layout/play-pause-btn.gif) 0px 0px no-repeat;
	cursor:pointer;
}

#seekbar {
	position:absolute;
	bottom:0px;
	left:41px;
	width:524px;
	height:6px;
	background:#d61920 url(../layout/seekbar-bg.gif) 0px 0px no-repeat;
	border:17px solid #000;
}

#mute-btn {
	position:absolute;
	bottom:0px;
	right:0px;
	width:40px;
	height:40px;
	background:#000 url(../layout/mute-btn.gif) 0px 0px no-repeat;
	cursor:pointer;
}
/* Youtube Thumbnails */
#you_thumbnails {
	width:720px;
	float:left;
	list-style:none;
}
#content ul#you_thumbnails {
	margin:0;
}
#you_thumbnails li {
	position:relative;
	float:left;
	width:150px;
	height: 150px;
	margin:0px 5px 5px 0px;
	border:1px solid #000;
	overflow:hidden;
	background-color:#131313;
	padding: 10px;
	display:block;
}
#you_thumbnails li a{
	text-decoration: none;
}

#you_thumbnails li.selected {
	border:5px solid #d61920;
}

#you_thumbnails li img {
	display:block;
	position:relative;
}

#einbetten .btn1, #einbetten .btn2{
border:1px solid #000;
background-color:#131313;
padding: 10px;
color:#fff;
cursor: pointer;
width: 180px;
text-align: center;
float:left;
margin-right: 10px;
}
#einbetten .min, #einbetten .min2{
width: 100px;
}

#popup{
position: absolute;
width: 650px;
top: 40px;
margin-left: 150px;
z-index:9999;
}
#close{
position:absolute;
text-align:right;
font-weight:bold;
margin-right:15px;
padding-top:5px;
cursor:pointer;
margin-left:613px;
}