html, body{width:100%; height:100%; background-color:#98adca; background-image:url(../images/spring2010/bg.jpg); background-position:center top; background-repeat:repeat-y; text-align:center; vertical-align:top; padding:0; margin:0; border:0; font-family:Arial, sans-serif; font-size:12px; color:#666666;}

a {text-decoration:0; border:0;}
img{border:0;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.bg{width:100%; height:100%; margin:0 auto; position:relative; text-align:center; background-image:url(../images/spring2010/bg_vert.jpg); background-position:center top; background-repeat:repeat-x;}

.head{width:100%; height:336px; margin:0 auto; background-image:url(../images/spring2010/kopf.jpg); background-position:center top; background-repeat:no-repeat; z-index:2; overflow:hidden;}
.headflash{width:1014px; height:336px; margin:0 auto; position:relative; z-index:3;}
.menudiv{width:100%; height:81px; margin:0 auto; background-image:url(../images/spring2010/menu.jpg); background-position:center top; background-repeat:no-repeat; z-index:4; overflow:hidden;}
.mblogo{width:140px; height:120px; position:absolute; left:0; top:0; z-index:4; background-image:url(../images/family/mblogo.png); z-index:2; background-position:left top; background-repeat:no-repeat;}


.menu{width:800px; height:41px; margin:0 auto; position:relative; z-index:2;}
.item_1{width:119px; height:34px; position:absolute; left:68px; top:0; z-index:3;}
.item_2{width:84px; height:34px; position:absolute; left:222px; top:0; z-index:3;}
.item_3{width:177px; height:34px; position:absolute; left:345px; top:0; z-index:3;}
.item_4{width:154px; height:34px; position:absolute; left:557px; top:0; z-index:3;}

.content{width:720px;
position:relative;
left:0px;
#left:0px;
margin:auto;
#padding-left:60px;
z-index:1;
text-align:left;
background-image:url(../images/spring2010/bg.jpg); background-position:center top; background-repeat:repeat-y;
}


.bottom{width:100%; height:35px; z-index:1;}

.footer{width:100%; height:35px; margin:0 auto; z-index:1; font-size:10px; color:#98adca; }



div.content a
{
	color: #98adca;
	
}

div.content p
{
	padding:0 40px 0 40px;
	font-size:12px;
}

div.content p.red
{
	color:#f20019;
	font-weight: bold;
	padding-left:40px;
}

div.content a.button
{
	color: white;
	background: #2e60ac;
	padding: 2px 6px 2px 6px;
	line-height: 30px;
	text-decoration: none;
}


/* Inhalt: Umfrage */

div.content h1
{
	font-size: 16px;
	margin: 15px 0 20px 40px;
	font-weight: bold;
	font-family: arial, sans;
	color:#2e60ac;
	line-height: 110%;
}

div.content h2
{
	font-size: 14px;
	margin: 18px 15px 4px 40px;
	font-weight: bold;
	font-family: arial, sans;
	color:#2e60ac;
	clear: both;
	line-height: 110%;
}


div.content h2.survey
{
	/*padding: 0 15px 3px 15px;*/
	border-bottom: 1px solid #2e60ac;
	margin: 0 15px 3px 40px;;
	color:#2e60ac;
}

div.content p.question
{
	
	position: relative;
	width: 600px;
	padding-left: 80px;
	font-weight: normal;
	color: #2e60ac;
	
}

div.content p.einleitung
{
	
	position: relative;
	padding-left: 40px;
	padding-right: 30px;

}


div.content p.question span
{
	position: absolute;
	left: 30;
	top: 0;
	width: 35px;
	text-align: center;
	font-weight: bold;
	color: white;
	background: #2e60ac;
}


div.content p.answer
{
	position: relative;
	padding-left: 76px;
	width: 600px;
}

div.content p.answer span
{
	display: block;
	padding: 2px 0 2px 5px;
}

div.content p.answer span input.radio
{
	position: absolute;
	left: 56;
}

div.content p.answer span input.checkbox
{
	position: absolute;
	left: 56;
}



/* Inhalt: Teilnehmerdaten */


div.content p.persdatenblock
{
	
	padding-left: 40px;
	width: 665px;
}

div.content p.persdatenblock span.text
{
	margin: 0 0 2px 0px;
	font-size:11px;
}

div.content p.persdatenblock span.text input
{

	width: 196px;
	margin: 0 5px 0 0;
}


div.content p.persdatenblock span.alt input.radio
{
	position: absolute;
	left: 0;
	margin: 0 5px 0 0;
}