/* General Layout -------------------------------------------------------------------------------- */

body{
	margin:0;
	padding:0;
	font-family:Trebuchet MS, Tahoma, Verdana, sans-serif;}
	
#Center{
	width:804px;
	margin:0 auto;}

h1{
	margin:30px 0 20px 0;}
	
a {outline: none;}
	


/* Top-Navigation -------------------------------------------------------------------------------- */

#Navigation { 
	margin-left:-40px;
	padding:0;}

#Buttons {
	position: relative;}
 
#Buttons li {
	float: left;
	display: block;
	width: 133px;
	height: 45px;
	border-left:1px solid #fff;
	color:#000;
	text-align:center;
	overflow:hidden;
	background-color:#000000;}

#Buttons li a{
	display:block;
	font-size:14px;
	cursor:pointer;
	color:#FFFFFF;
	text-decoration:none;
	height:45px;
	padding-top:12px;
	font-weight:bold;
	background:url(../images/navi_bg.png);}

#Buttons .start {background:url(../images/navi_bg_start_hover.png) left top;}
#Buttons .start a{background:url(../images/navi_bg_start.png) left top;}
#Buttons .end {background:url(../images/navi_bg_end_hover.png) right top;}
#Buttons .end a{background:url(../images/navi_bg_end.png) right top;}
#Buttons .activ a, #Buttons .activ a:hover {background:url(../images/navi_bg_red.png);}
#Buttons .start_activ a, #Buttons .start_activ a:hover {background:url(../images/navi_bg_start_red.png) left top;}
#Buttons .end_activ a, #Buttons .end_activ a:hover {background:url(../images/navi_bg_end_red.png) right top;}
	
#Buttons li a:hover{
	background:url();}
	
#TopNavi{
	margin:-75px 0;
	width:300px;
	float:right;}
	
#TopNavi a{
	text-decoration:none;
	color:#333333;
	font-size:11px;
	float:right;
	margin-left:10px;}
	
#TopNavi a:hover{
	text-decoration:underline;}
		
	
	
/* Content -------------------------------------------------------------------------------------- */

#Content{
	padding:75px 0 0 1px;
	font-size:12px;
	text-align:left;}
	
a{
	color:#c60000;
	text-decoration:none;}
	
a:hover{
	text-decoration:underline;}
	
h3{
	font-size:14px;
	font-weight:bold;}
	
p{
	line-height:1.2em;}


/* Options <<<<<<<<< */
#Options{
	position:absolute;
	margin-left:285px;
	width:130px;
	z-index:100;}

#OptionVideo{
	width:42px;
	height:25px;
	background:url(../images/video.png) no-repeat top right #fff;
	float:left;}
	
#OptionVideo:hover, #OptionVideo.activ:hover{
	background:url(../images/video.png) no-repeat top center #fff;}
	
#OptionVideo.activ{
	background:url(../images/video.png) no-repeat top left #fff;}
	
#OptionText{
	margin:0 0 0 15px;
	width:42px;
	height:25px;
	background:url(../images/text.png) no-repeat top right #fff;
	float:left;}

#OptionText:hover, #OptionText.activ:hover{
	background:url(../images/text.png) no-repeat top center #fff;}
	
#OptionText.activ{
	background:url(../images/text.png) no-repeat top left #fff;}
	


/* left Col <<<<<<<< */
#leftCol{
	width:380px;
	float:left;
	margin:0 0 0 0px;}

h2{
	color:#c60000;
	font-size:20px;
	font-weight:normal;
	margin:0 0 30px 0;}
	
#Selector{
	margin:10px 0;
	padding:0;
	border-top:1px solid #ccc;
	position:absolute;
	z-index:100;}
	
#Selector li{
	margin:0;
	padding:0;
	list-style-type:none;
	clear:both;
	width:380px;}
	
#Selector li a.topic{
	display:block;
	text-decoration:none;
	color:#333333;
	overflow:hidden;
	margin:0;
	cursor:pointer;
	padding:10px 0 10px 0;
	border-bottom:1px solid #ccc;
	background-color:#FFFFFF;}
	
#Selector li a.topic:hover{
	background:url(../images/selHover2.png) repeat-x bottom #fff;}
	
#Selector .topic .label i{
	display:block;
	color:#999999;
	font-weight:normal;
	margin:-4px 0;
	font-size:11px;}
	
#Selector li a.profil{
	position:absolute;
	margin:26px 0 0 80px;
	color:#333333;}
	
#Selector li a.kontakt{
	position:absolute;
	margin:15px 0 0 355px;
	color:#333333;
	background:url(../images/msg.png) top left no-repeat;
	display:block;
	width:16px;
	height:16px;
	overflow:hidden;}
	
#Selector li a.kontakt:hover{
	background:url(../images/msg.png) top right no-repeat;
	text-decoration:none;}

#Selector li a.kontakt span{visibility:hidden;}
	
#Selector li a:after{
	content:'.';
	visibility:hidden;
	display:block;
	height:0;
	clear:both;}
	
#Selector li a .radio{
	background:url(../images/radio_inactiv.png) no-repeat top left;
	display:block;
	float:left;
	width:16px;
	height:17px;}
	
#Selector li a.activ .radio{
	background:url(../images/radio_activ.png) no-repeat top left;}
	
#Selector li a .pic{
	display:block;
	float:left;
	width:43px;
	margin:0 10px 0;}

#Selector li a img{
	border:0;}
	
#Selector li a .label{
	display:block;
	float:left;
	width:300px;
	font-weight:bold;}

#Selector li .topic .desc{
	display:none;
	clear:both;
	line-height:1.1em;
	text-decoration:none;
	padding:7px 15px 0 0;
	margin:35px 0 0 80px;
	color:#aaa;}
	
.noPoints li{
	list-style-type:none;}
	
.limit{
	width:370px;}
	
	
/* right Col <<<<<<<< */
#rightCol{
	width:400px;
	float:left;
	margin-left:22px;
	min-height:335px;
	background:url(../images/loading.gif) center no-repeat;}
	
#rightCol.noloading{
	background:none;}

#flashcontent{
	position:absolute;
	margin:0 0 0 -402px;
	z-index:1;
	display:none;}
	
#textcontent, #textc{
	border:2px solid #000;
	padding-bottom:0px;
	margin-bottom:40px;
	overflow:hidden;
	display:none;
	background-color:#FFFFFF;}
	
#textc{
	display:block;}
	
#textcontent div{
	margin:0;
	display:none;}
	
#textcontent .show{
	display:block;}
	
#textcontent h3{
	font-size:14px;
	font-weight:bold;
	margin:15px;}
	
#textcontent p{
	line-height:1.2em;
	margin:0 15px 10px 15px;}
	
#textcontent .clearMe{
	clear:both;
	display:block;
	height:1px;
	overflow:visible;}

#textcontent .pic{
	position:absolute;
	background:url(../images/corner.gif) top left no-repeat;
	//background:url(../images/corner.gif) 0 1px no-repeat;
	padding:2px 0 0 48px;
	margin-top:1px;
	margin-left:300px;}

#textcontent .pic img{
	border:0;
	//margin-top:1px;}
	
/* Questions ---------------------------------------------------------------------------------------------- */
#Questions{
	clear:both;
	background:url(../images/timeline.png) no-repeat top center;
	height:200px;
	border-top:1px solid #fff;}
	
#Questions.start{
	height:80px;
	background:none;
	border:0;
}

#Marker{
	margin:3px 0 0 14px;}
	
#Marker div{
	float:left;
	background:url(../images/marker.gif) no-repeat left top;
	overflow:hidden;
	height:35px;}
	
#Marker div.activ{
	background:url(../images/marker_activ.gif) no-repeat left top;}
	
#Marker div span{
	background:url(../images/progress.gif) repeat-x;
	display:block;
	height:2px;
	overflow:hidden;
	width:1%;
	margin:4px 0 0 0;}

#Questions ul{
	margin:0;
	padding:0;
	clear:both;}
	
#Questions li{
	float:left;
	list-style-type:none;
	display:block;}
	
#Questions li a{
	border:1px solid #888888;
	height:33px;
	display:block;
	background:url(../images/quest_bg.png) repeat-x #fff bottom;
	text-decoration:none;
	color:#000000;
	position:absolute;
	text-align:center;
	padding:2px 5px 0 5px;
	line-height:15px;
	border:1px solid #8d8d8d;}
	
#Questions li a:hover{
	background:url(../images/quest_bg_hover.png) repeat-x #fff bottom;
	border:1px solid #000;}
	
#Questions li a.z{
	padding-top:8px;
	height:25px;}
	
#Questions li a span{
	margin:8px 0;
	display:block;}
	
	
/* Kontakt Formular --------------------------------------------------------------------------------------- */
#Kontakt{
	background:url(../images/bg_kontakt.png) bottom repeat-x #ededed;
	display:block;
	padding:15px 0 1px 0;
	margin:15px 0 0 0;}

#Kontakt p{
	margin-right:0;}

#Kontakt label{
	display:block;
	width:140px;
	font-size:11px;
	color:#4f4f4f;}
	
#Kontakt .names{
	width:182px;
	float:left;
	overflow:hidden;
	padding-bottom:10px;}
	
#Kontakt .names input{
	width:170px;}
	
#Kontakt textarea{
	width:360px;
	height:80px;}
	
#Kontakt .long{
	width:360px;}
	
#submit{
	display:block;
	background:url(../images/btn_submit.png) no-repeat;
	height:31px;
	width:141px;
	margin-left:221px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-top:8px;}
	
#submit:hover{
	text-decoration:underline;}

.inp{
	border:1px solid #bbb;}

.problem{
	background-color:#FFD7D7;}
	
.focus{
	border:1px solid #000;}
	
#textcontent .desc{
	display:none;}
	
.kontakte ul{
	margin:-8px 0 15px 0;
	padding:0 0 0 30px;}
	
.kontakte ul li{
	margin:0;
	padding:0;
	line-height:1.2em;}
	
.success{
	border:1px solid #00CC33;
	background-color:#CEFFCE;
	padding:3px 5px 3px 5px;}
		
	
	
/* Working Screen ------------------------------------------------------------------- */
#Working{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:1000;
	background:url(../images/blende.png);
	font-size:12px;}
	
#Working div{
	width:400px;
	border:1px solid #000;
	margin:100px auto;
	background-color:#FFFFFF;
	padding:15px;}
	
#Working b{
	display:block;
	margin-bottom:30px;
	font-size:16px;}