/* NLDX Design Studio */ 

/* --- 1st Level FORMATS --- */

html, body {
	height : 100%;
	margin : 0;
	padding : 0;
}

body {
	background: #000 url(/images/backgrounds/_body_bg.gif) repeat-y 1px top;
	color: #fff;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

/* --- Main Layers --- */

#main {
	position : relative;
	width : 100%;
	height : 100%;
	background: url(/images/backgrounds/_sp2_bg_for_oldIE.gif) repeat-y right;
}

#sp1 {
	background-color : #f06;
	background-image : url(/images/backgrounds/_sp1_bg.gif);
	background-repeat : no-repeat;
	height : 100%;
	width : 40px;
	position : absolute;
	top : 0;
	left : 1px;
	z-index : 2;
	visibility : visible;
	min-height : 100%;
}

#sp2 {
	height : 100%;
	width : 790px;
	position : absolute;
	z-index : 3;
	visibility : visible;
	min-height : 100%;
	background: url(/images/backgrounds/_sp2_bg.gif) no-repeat;
	left: 41px;
}

#sp3 {
	height : 100%;
	width : 40px;
	top : 0;
	position : absolute;
	right : 0;
	z-index : 4;
	visibility : visible;
	min-height : 100%;
	border-left : 1px solid black;
	background: #ff0066 url(/images/backgrounds/_sp3_bg.gif) no-repeat;
}

#feature {
	color : #fff;
	height : 50px;
	width : 50px;
	position : absolute;
	top : 0;
	left : 830px;
	z-index : 5;
	visibility : visible;
	min-height : 100%;
}


#sp3base { /* fuer IE */
	background-color : #f06;
	height : 100%;
	width : 40px;
	top : 0;
	position : fixed;
	right : 0;
	z-index : 1;
	visibility : visible;
	min-height : 100%;
}

#nav {
	background-image : url(/images/backgrounds/_nav_under_bg.gif);
	background-repeat : no-repeat;
	width : 241px;
	float : left;
}

a#logo {
	background: url(../images/svrg_logo.gif) no-repeat;
	height: 202px;
	width: 240px;
	display: block;
	}

#content {
	font-size : 12px;
	position : relative;
	width : 549px;
	float : left;
}

a#myspace {
	background: url(../images/myspace_link.gif) no-repeat;
	height: 42px;
	margin-top: 2px;
	margin-left: 28px;
	display: block;
	}
	
a#mtv {
	background: url(../images/im_MTV_Stuttgart.gif) no-repeat center;
	display: block;
	height: 74px;
	margin-top: 12px;
	margin-left: 10px;
	}
	
a#nldx{
	background: url(../images/powered_by_nldx.gif) no-repeat center;
	display: block;
	height: 50px;
	margin-top: 8px;
	margin-left: 10px;
	}

#contentHeader {
	width : 549px;
	height : 217px;
}

#contentText {
	line-height : 1.5em;
	height : auto;
	min-height : 335px;
	padding: 4px 29px 4px 20px;
	margin: 0;
}

#contentModule {
	height : auto;
	min-height : 326px;
	margin : 0;
	padding : 0 30px 0 19px;
}

#contentFooter {
	margin : 10px 30px 10px 20px;
	border-top: 2px solid #f06;
	padding-top: 6px;
	padding-bottom: 6px;
	clear: both;
}


/* 
--- Header ---
*/

#contentHeader {
	background-repeat: no-repeat;
	}

#headerLink {
	display: block;
	height: 150px;
	}

#headerHeadline {
	height: 50px;
	background-repeat: no-repeat;
	float: right;
	width: 300px;
	background-position: right 2px;
	margin-right: 50px;
	}
	
#headerLang {
	display: block;
	width: 115px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-left: 30px;
	}

#headerBottom {
	clear: both;
	background-image: url(../images/header-bottom.gif);
	height: 6px;
	}

	
/* 
--- Basic Content TAGS --- 
*/

a:focus {
	border: none;
	outline: none;
}

p {
	line-height : 1.4em;
	margin: 4px 0;
	padding : 4px 0;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height: 1.25em;
	font-weight: normal;
	font-style: normal;
	}

h1 {
	color : #3c3;
	font-size : 24px;
	margin: 4px 0 12px;
	padding: 4px 0 0;
}
	
h2 {
	color : #0cf;
	font-size : 20px;
	background-image : url(/images/backgrounds/h2_bg.gif);
	background-repeat : repeat-x;
	background-position : 0 22px;
	margin : 20px 0 0;
	padding : 0 0 10px;
	}

h3 {
	color : #fff;
	font-size : 14px;
	margin : 16px 0 0;
	padding : 0 0 4px;
	}

h4 {
	color : #f06;
	font-size : 14px;
	margin : 16px 0 0;
	padding : 0 0 4px;
	}

hr {
	background-color:#333; /* Mozilla 1.4 */
	color:#333; /* IE 6 */
	border: #ff0000; /* Opera 7.11 */
	height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
	}


/* ContentText FORMATE */
	
#contentText a {
	color : #99ff66;
	text-decoration: none;
	border-bottom: 1px dotted #99ff66;
	}

#contentText a:hover {
	color : #eaeaea;
	border-bottom: 1px dotted #ccffaa;
	}

#contentText :first-child img {
	margin: 0;
	padding: 0;
	}
	
#contentText .textblock {
	margin-bottom: 8px;
	padding-bottom: 8px;
}

table.staff {
	text-align : center;
	margin-bottom: 20px;
}

table.staff img {
	margin: 0;
	padding: 0;
	border : solid 1px #333;
	display: block;
	}
	
table.staff p {
	background-image: url(/images/pixelRaster.gif);
	margin: 1px 0 0;
	padding: 5px 2px 3px;
	border-top: 1px dashed #f06;
	}

table.team {
	text-align : center;
	margin-bottom: 15px;
	margin-top: 10px;
	}

table.team img {
	margin: 0;
	padding: 0;
	display: block;
	}
	
table.team .name {
	background-image: url(/images/pixelRaster.gif);
	margin: 1px 0 0;
	padding: 5px 2px 3px;
	border-top: 1px dashed #f06;
	font-size: 13px;
	text-transform: uppercase;
}

table.team .number {
	color: #f06;
	font: bold 24px Georgia, "Times New Roman", Times, serif;
	width: 150px;
	height: 190px;
	text-align: right;
}

/* HACKS & ADSS FOR IE 5-6 */
/* Randproblem rechts - DIV fixed (sp_4) geht nicht, deshalb via Background */
/*
* html #sp_1 {
	float : left;
}
*/
* html #sp_2 {
	color : #fff;
	position : relative;
	width : auto;
	height : 100%;
	background: url(/images/backgrounds/_sp2_bg_for_oldIE.gif) repeat-y right 0;
}


* html #contentText {
	height : 326px;
}

* html #contentModule {
	height : 326px;
}


/* HACKS & ADSS FOR IE 7 */
*+html #content_text {  }


/* BORDERS FOR LAYOUT MODE */
/*
#main { border: solid 1px aqua; }
#sp_2 { border: solid 1px yellow; }
#nav { border: solid 1px #ccf; }
*/


/* REDAXO ADDONS */

#nav ul {
	list-style-type: none;
	margin: 0 20px 0 30px;
	padding: 0;
	text-align: right;
	border-top: 2px solid #ff0066;
	border-bottom: 2px solid #ff0066;
}

#nav .imgBlock {
	vertical-align: bottom;
	border: 0;
	margin: 0 0 1px;
	padding: 0;
}

#nav ul li {
	padding-top: 1px;
	padding-bottom: 1px;
}


#nav ul li.borderSolid {
	border-top: 2px solid #ff0066;
}

#nav ul li.borderDashed {
	background: url(/images/nav_li_bg.gif) repeat-x;
}

#nav ul li a {
	display: block;
	background: url(/images/nav_star_white.gif) no-repeat right 7px;
	padding-right: 45px;
}

#nav ul li a:hover {
	background: url(/images/nav_hover_bg.gif) no-repeat right 1px;
}

#nav ul li a.active, #nav ul li a.active:hover {
	background: url(/images/nav_star_blue.gif) no-repeat right 7px;
}

#nav ul li a.home {
	background: url(/images/nav_arrow_white.gif) no-repeat right 7px;
}

#nav ul li a.homeActive, #nav ul li a.homeActive:hover {
	background: url(/images/nav_arrow_blue.gif) no-repeat right 7px;
}

#nav ul li a.home:hover {
	background: url(/images/nav_arrow_hover_bg.gif) no-repeat right 1px;
}

/* --- gerenderte Headline --- */

.headline {
	display: block;
}

.headline span { 
	display: none;
}

.headline img {
	position: relative;
	left: -4px;
}

/* --- NEWSLETTER Formular --- */
/* Rahmenfarbe angeben für Opera */ 
#formular fieldset { 
	padding: 8px 0px 0px 12px; 
	margin: 0 0px 0px 0;
	border-style: none;
	background-image: url(/images/schraffur_1zu5.gif);
} 

#formular legend { 
	border: none; 
} 

#formular Label { 
	padding: 0; 
	margin-left: 0px;
	line-height: 24px;
	color: #0cf;
	margin: 0;
} 

#formular .inpt { 
   width: 200px; 
   border: 1px solid #999; 
   background-image: url(/images/pixelRaster.gif); 
   color: silver; 
   padding: 2px 1px 2px 3px; 
   margin: 0px 0px 5px 0px; 
   word-spacing: 0.2em;
	background-color: black;
	border-top-color: #444;
	border-left-color: #444;
	border-right-color: #5e5e5e;
	border-bottom-color: #787878;
} 

#formular .txt { 
   width: 350px; 
   border: 1px solid #999; 
   background-color: transparent; 
   color: #666666; 
   font-family: Verdana, Arial, Sans-Serif; 
   font-size: 11px; 
   padding: 1px 1px 1px 3px; 
   margin: 0px 0px 5px 0px; 
   word-spacing: 0.2em; 
} 

#formular input.inpt:focus, textarea.txt:focus { 
   color: #fff;
} 

#formular .senden { 
   font-weight: bold; 
   margin: 10px 0px 10px 0; 
   padding: 2px 5px; 
   background-color: silver; 
   color: #333; 
   text-align: center; 
   border: solid 1px #999; 
   cursor: pointer; 
} 

#formular label, 
#formular select, 
#formular input[type=checkbox], 
#formular input[type=radio], 
#formular input[type=button], 
#formular input[type=submit] { 
   cursor: pointer; 
} 

/* --- MODUL: PHOTOGALERIE ---*/

div.thumbnail {
	border: none;
	width: 100px;
	float: left;
	padding-bottom: 5px;
	text-align: center;
}

div.thumbnail img {
	border: 1px solid white;
	margin: 0;
	padding: 0;
	display: block;
}
	
div.thumbnail a {
	border: none;
}


/* 
--- MODUL: Sponsoren Logos --- 
*/

div.logos-block {
	margin-bottom: 20px;
	}

div.logos-thumbnail {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	}
	
.logos-thumbnail a {
	text-decoration: none;
	border: none;
	}
	
/*
--- MODUL: Slice Splitter ---
*/

.slices_splitter {
	padding-bottom: 15px;
	}

/* --- */

div.clear {
	clear: both;
	}