@charset 'utf-8';

/* Standard Styles, gilt fuer Screen und Print */
/* =================================================================== */
/* =================================================================== */
@media screen, projection, print {
	
	/* Standard-Reset Styles. Erleichtert spaeteres CSSen */
	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, 
	font, 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: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }
	:focus { outline: 0; }
	ol, ul { list-style: none; }
	table {	border-collapse: collapse; border-spacing: 0; }
	caption, th, td {	text-align: left; font-weight: normal; }
	a { text-decoration: none; font-family: inherit; font-size: inherit; }
	a abbr { cursor: pointer !important; }
	input[type=submit], button { cursor: pointer; }
	abbr[title] { border-bottom: 1px dotted #333 !important; cursor: help; }

	/* Default Element Styling --- Start Editing below this line */
	/* =================================================================== */
	* {
		font-family:Futura,'Trebuchet MS',sans-serif;
		font-size: 14px;
		line-height: 18px;
		color: #333;
	}

	body {
		background: #fff;
		width:100%;
		background:url(pics/bgbody.jpg) repeat #000000;
	}

	a:hover {
		color:#AC1221;
		text-decoration:none;
	}

	/* Kleiner Versatz nach unten bei Klick - Button-Feeling fuer Links */
	a:active { 
		position: relative; 
		top: 1px;
	}

	input:focus, textarea:focus, select:focus {
		background: #eee;
	}

	fieldset {
		border: 1px solid #333;
		padding: 9px;
	}

	fieldset legend {
		padding: 0 9px;
	}

	/* Abstand Zeilenhoehe nach unten bei manchen Elementen */
	p, h1, h2, h3, h4, h5, h6, table, ul, ol, blockquote, pre {
		margin-bottom: 13px;
	}

	h1, h2, h3, h4, h5, h6 {
		clear: both;
		font-weight: normal;
	}
	
	#maincontainer{
		width:700px;
		margin:0 auto;
		overflow:hidden;
		background:url(pics/spotlight.jpg) repeat #000000;
		min-height:700px;
	}
	
	#head{
		width:100%;
		height:35px;
		clear:both;
		min-height:35px;
		background:transparent url(pics/bgnav.png) repeat-y;
		overflow:hidden;
		font-size:0.7em;
		line-height:25px;
		text-align:center;
		text-transform:uppercase;
		margin:21px 0 0 0;
		border-bottom:1px solid #999999;
		border-top:1px solid #999999;
		color:#C1C1C1;
	}
	
	#head ul{
		margin-top:7px;
		padding:6px 0 4px;
	}
	
	#head ul li{
		display:inline;
		list-style-type:none;
		margin:0;
		padding:0 10px;
	}
	
	#head a{
		color:#C1C1C1;
		font-family:Futura,'Trebuchet MS',sans-serif;
		font-size:0.8em;
		line-height:25px;
		text-align:center;
		text-transform:uppercase;
	}
	
	#head a.active{
		color:#000000;
	}
	
	
	#head a:hover {
		color:#EC001E;
		text-decoration:none;
		text-shadow:0 -1px 2px #333333;
	}
	
	#languages{
		float:right;
		width:120px;
		margin:5px 0 0;
	}
	
	#mainmenu{
		margin:0 auto;
		width:auto;
	}
	
	#mainmenu ul{
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:5px 0 0;
		padding:0 10px;
	}
	
	#contentcontainer{
		width:100%;
		margin-top:17px;
	}
	
	#content{
		width:600px;
		margin:0 auto;
	}
	
	#content h1 {
		color:#FFFFFF;
		font-family:'Futura-Medium','Futura','Trebuchet MS',sans-serif;
		font-size:24px;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		letter-spacing:0;
		line-height:32px;
		margin:0;
		opacity:1;
		padding-bottom:0;
		padding-top:0;
		text-align:center;
		text-decoration:none;
		text-indent:0;
		text-transform:uppercase;
	}
	
	#content h3 {
		color:#FFFFFF;
		font-family:'Futura-Medium','Futura','Trebuchet MS',sans-serif;
		font-size:24px;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		letter-spacing:0;
		line-height:32px;
		margin:0;
		opacity:1;
		padding-bottom:0;
		padding-top:0;
		text-align:center;
		text-decoration:none;
		text-indent:0;
		text-transform:uppercase;
	}
	
	#leftContent{
		float:left;
		clear:left;
		width:360px;
	}
	
	#leftContent .headline{
		color:#BFBFBF;
		text-align:left;
		font-size:16px;
		line-height:21px;
		margin-bottom:19px;
		text-transform:uppercase;
		letter-spacing:0;
	}
	
	#leftContent .body *{
		color:#BFBFBF;
		font-family:'ArialMT','Arial',sans-serif;
		font-size:14px;
		line-height:16px;
	}
	
	#infobox {
		float:right;
		clear:right;
		width:177px;
	}
	
	#infobox .headline{
		color:#7F7F7F;
		font-size:12px;
		line-height:20px;
		text-align:left;
		margin-bottom:20px;
		text-transform:uppercase;
		letter-spacing:0;
	}
	
	#infobox .body *{
		text-align:justify;
		color:#7F7F7F;
		font-size:12px;
		line-height:20px;
	}
	
	.csc-textpic-clear{
		height:30px !important;
	}
	
	.csc-textpic{
		margin-top:17px;
	}
	
	#content *{
		color:#BFBFBF;
	}
	
	#content a:hover {
		color:#AC1221;
		text-decoration:none;
	}
	
	#footercontainer{
		clear:both;
		font-size:8px;
		line-height:18px;
		margin:0 auto 40px;
		width:600px;
	}
	
	#footercontainer a:hover {
		color:#AC1221;
		text-decoration:none;
	}
	#footercontainer a {
		color:#BFBFBF;
		text-decoration:none;
		font-size:8px;
		line-height:11px;
	}
	
	#content .csc-menu li{
		margin:5px 0 6px;
		font-size:16px;
		line-height:21px;
	}
	
	#content .csc-menu a{
		color:#BFBFBF;
	}
	
	#content .csc-menu a:hover {
		color:#AC1221;
		text-decoration:none;
	}
	
}