@charset "utf-8";
/* CSS Document */
body {
	background:#fff;
	font-family:Trebuchet MS, Arial;
	font-size:11px;
	color:#444;}

#BoxPagePosition {
	 position:relative;
	 display:block;
	 width:600px;
	 margin:0px auto 0 auto;
	}

* html #BoxPagePosition {
	left:50%;
	margin-left:-300px;
}
	#Headline {
		 display:block;
		 margin-left:20px;
		 width:126px;
		 height:36px;
		 background:url(Bilder/Headline.gif)  0 -6px no-repeat;
		 /*background:url(framework.gif) -34px 0 no-repeat;*/
		 font-size:0;
		 margin-bottom:15px;
		 line-height:200px;
		 overflow:hidden;
		}
strong {color:#0076FF}

h3 {
	margin:15px 0 0 0;
	}

/* Next / Back */
#Back, #Next {
	 display:block;
	 position:absolute;
	 left:0;
	 top:133px;
	 width:22px;
	 height:22px;
	 font-size:0;
	 line-height:200px;
	 overflow:hidden;
	 background:url(framework.gif) -81px -37px no-repeat;
	 opacity:0.5;
	}
	#Back:hover, #Next:hover {opacity:1;}
#Next {
	 left:auto;
	 right:0;
	 background-position:-116px -37px;
	}

/* Content */

#Content {
	 display:block;
	 position:relative;
	 min-height:200px;
	 padding:16px;
	 background:#e9e9e9;
	}
	* html #Content {height:200px;}
	
	#LeftTop, #RightTop, #LeftBottom, #RightBottom {
		position:absolute;
		display:block;
		left:0;
		top:0;
		font-size:0px;
		overflow:hidden;
		background:url(framework.gif) -1px -1px no-repeat;
		width:14px;
		height:14px;
	}
	#RightTop {
		right:0;
		left:auto;
		background-position:-16px -1px;}
	#LeftBottom{
		top:auto;
		bottom:0;
		background-position:-1px -16px;}
	#RightBottom{
		left:auto;
		top:auto;
		bottom:0;
		right:0;
		background-position:-16px -16px;}
	* html #LeftBottom{bottom:-1px;}
	* html #RightBottom{bottom:-1px;}
	
	
	#StartContent {
		min-height:150px;}
	* html #Startcontent {height:150px;}
	
	.Overlip {
		display:block;
		position:relative;
		height:50px;
	}
	.Overlip strong {
		background:#0076FF;
		margin:5px 0;
		cursor:pointer;
		color:#fff;
		text-align:center;
		width:190px;
		display:block; 
		padding:2px;}
	.Overlip p {
		display:none;
		width:300px;
		padding:7px;
		height:auto;
		margin-left:195px;
		bottom:0px;
		position:absolute; 
		background:#f4f4f4;
		border:1px solid #0076FF;
	}
	.Overlip:hover p, .Overlip.sfhover p  {
		display:block; }

/* Status */

#Status {
	display:block;
	position:absolute;
	left:16px;
	color:#1181ff;
	top:16px;
	font-size:14px;
	line-height:51px;
	text-align:center;
	width:51px;
	height:51px;
	background-image:url(framework.gif);
}
.Status1 {background-position:-171px -1px;}
.Status2 {background-position:-222px -1px;}
.Status3 {background-position:-273px -1px;}
.Status4 {background-position:-324px -1px;}
.Status5 {background-position:-375px -1px;}
.Status6 {background-position:-426px -1px;}
.Status7 {background-position:-477px -1px;}
.Status8 {background-position:-528px -1px;}
.Status9 {background-position:-579px -1px;}
.Status10 {background-position:-630px -1px;}
.Status11 {background-position:-681px -1px;}
.Status12 {background-position:-732px -1px;}
.Status13 {background-position:-783px -1px;}
.Status14 {background-position:-834px -1px;}
.Status15 {background-position:-885px -1px;}
.Status16 {background-position:-936px -1px;}
.Status17 {background-position:-987px -1px;}

/* Question */
#Question {
	margin-left:65px;
	font-size:14px;
	margin-top:0;}
	 
/* Form */
#FormPosition {
	margin-left:65px;
	margin-right:20px;
	}
	
	*+html label.iespecial input {margin-left:-65px;}
	* html label.iespecial input {margin-left:-65px;}
	
#FormPosition hr {
	height:0px;
	border:0;
	margin:15px 0;
	border-top:1px dotted #999;
	clear:both;}
	
input {	
	font-size:11px;
	color:#1181ff;
	padding:3px;
	background:#f5f5f5;
	border:1px solid #999;}
	
.checkbox, .radio {
	background:transparent;
	border:0;
	padding:0;}
* html .radio.small {
  width:10px;
}
*+html .radio.small {
  width:10px;
}


	
#FormPosition label {font-size:12px; position:relative; float:left; display:block; margin:4px 0; width:120px;}
#FormPosition textarea {font-size:12px; width:400px; height:100px; color:#1181FF; background:#F5F5F5 none repeat scroll 0%; border:1px solid #999999; padding:3px;}
#FormPosition .breiteslabel{width:280px !important;}
#FormPosition .mittlereslabel{width:220px !important;}
#FormPosition .ganzbreiteslabel{width:440px !important;}
#FormPosition .vorText{width:20px; margin-right:4px;}
#FormPosition .hintercheck{width:200px; float:left;}
#FormPosition label input {float:left;}

.InputSubmit {
	 width:77px;
	 height:24px;
	 background:url(framework.gif);
	 background-position:0 -38px;
	 display:block;
	 margin-top:15px;
	 line-height:200px;
	 font-size:0;
	 overflow:hidden;
	 border:0;
	 cursor:pointer;
	}

.InputTeilnehmen {
	 width:101px;
	 height:24px;
	 background:url(Bilder/ButtonTeilnehmen.gif);
	 display:block;
	 margin-top:15px;
	 line-height:200px;
	 font-size:0;
	 overflow:hidden;
	 border:0;
	 cursor:pointer;
	}
	
.InputGewinnspiel {
	 width:172px;
	 height:24px;
	 background:url(Bilder/ButtonGewinnspiel.gif);
	 display:block;
	 margin-top:15px;
	 position:relative;
	 line-height:200px;
	 font-size:0;
	 overflow:hidden;
	 border:0;
	 cursor:pointer;
	}
	
#Error{-moz-border-radius:8px; background-color:#F8D7D7; color:#650909; margin-left:65px; margin-top:0; padding:3px 3px 3px 7px;}



/* Triuso */

.Row {
	width:100%;
	clear:both;
	display:block;
	margin:5px 0;
	}
	
	.Row .Question {
		width:40%;
		float:left;
		}
	.Row .Question.Logos {
		background:#fff;
	}
	
	.Row .Answer {
		width:45%;
		float:right;
		}
    .Row .Answer p {
      float:left;
      display:block;
      margin:0;
      line-height:11px;
      text-align: center;
      padding:0;
      margin-right:20px;
    }

	
	.col3 span {
		margin:0 10px;
		}
	.col3 input {
		 margin:0 20px;
		}
	
	
	.Rating  {
		margin:23px 0 0 10px;
		}
	.Rating input{
		margin:0 27px 0 8px;
		}
	
	*+html .Rating input{
		margin:0 16px 0 10px !important;
		}
	* html .Rating input{
		margin:0 16px 0 10px !important;
		}
	
	.seite2 input{
		margin: 0 30px 0 20px !important;
	}
	*+html .seite2 input{
		margin:0 20px 0 20px !important;
		}
	* html .seite2 input{
		margin:0 20px 0 20px !important;
		}		
	
	.TextLeft, .TextRight {
		float:left;
	}
	
	.TextRight {
		float:right;
		}
		
	/* Color */
	
	.Color {
		border:1px solid #000;
		width:40px;
		height:20px;
		margin:10px 0 10px 100px;
		display:block;
		}
		
		.Color span {
			display:block;
			float:left;
			height:20px;
			width:20px;
			}
	.Color.Small {
		 width:20px;
		}