@charset="utf-8";
/*Allgemein*/
/*Navigation*/
/*Header*/
/*Footer*/
/*Main*/
/*Main Hilfe*/
/*Main FAQ*/
/*Main Politik*/
/*Main Start*/
/*Main Auswahl*/
/*Main Probe*/
/*Script*/



/*Allgemein*/
body {
	background: #fff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #222;
	font-size: 11px;
	overflow-y:scroll;
	margin:0;
	padding:0;
	
}

html, div, span, applet, object, iframe,
h1, h2, h3, p, a, em, font, img, small, strong, sub, sup, 
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	letter-spacing:0.008em;
	background: transparent;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img{
	max-width:100%;
}

h2{
	text-indent:1.6%;
	color:#0091E2;
	font-weight:600;
	font-size:1.4em;
	margin:15px 3.2% 0.5% 1.6%;
}

h1{
	text-indent:1.6%;
	color:#0091E2;
	font-weight:600;
	font-size:1.6em;
	margin:1.04% 3.2% 1.04% 1.6%;
}

#wrapper{
	max-width:960px;
	width: 100%;
	margin: 0 auto;
	background:#fff;
}

#navigation,
#script,
#main,
#footer{
	display: inline;
	float: left;
}

/*Navigation*/
#politikanz #wrapper #navigation, #politik #wrapper #navigation {
	width:18%;
}

#wrapper #navigation{
	width: 11.2%;
	height:350px;
	margin-right:2.08%;
	margin-left:0.5%;
	font-weight:bold;
	border:1px solid #8fd1f3;
	border-radius:5px 0 5px 0;
	-moz-border-radius:5px 0 5px 0;
	-webkit-border-radius:5px 0 5px 0;
	-khtml-border-radius:5px 0 5px 0;
}

#navigation ul{
	font-size:1.2em;
	list-style-type:none;
}

#navigation li{
	background-color:#8fd1f3;
	margin:5px 0 0 0;
	line-height:1.6em;
}

#navigation li:first-child{
	margin:0px 0 0 0;
}

#navigation a{
	text-decoration:none;
	color:#ffffff;
	font-weight:900;
	margin-left:2%;
}

#navigation a:hover{
	color:#222;
}

#auswahl .wahl,
#lyse .analyse,
#basis .basis4d,
#basiskontakt .kontakt,
#basispolitik .basis4d,
#basisprobe .basis4d,
#bstart .start, 
#basisfaq .basis4d,
#politik .basis4d,
#basishilfe .basis4d
{
	background-color:#00a0e7;
}

#wrapper #navigation .spaxer{height:0.5px;background-color:#fff;padding:0;margin:0;}

ul#home li{
	background-color:#c9e8f9;
}

#home a{
	font-size:0.7em;	
	text-decoration:none;
	color:#222;
	padding-left:10px;
	font-weight:900;
}
#wrapper #navigation .politik{margin:0;padding:2px 0 0 0;line-height:1em;height:15px;}
#wrapper #navigation .politik a{vertical-align:top;}
#home a:hover{
	background-image:url(../../images/liste.jpg);
	background-repeat:no-repeat;
	background-position:0px 2px;
}

ul#home {
	background-color:#fff;
	
	
}

ul li ul#home {
	display:none;
}

#basisprobe ul li ul#home {
	display:block;
}
#basispolitik ul li ul#home {
	display:block;
}
#politik ul li ul#home {
	display:block;
}
#politik #home .politik a,
#politikanz #home .faq a,
#basispolitik  #home .anwendungen a,
#basisprobe  #home .anwendungen a,
#basisfaq  #home .faq a,
#basishilfe  #home .hilfe a {
	background-image:url(../../images/liste.jpg);
	background-repeat:no-repeat;
	background-position:0px 2px;
}
#politik #home .politik a{
	margin-left:15px;
	font-size:0.6em;
	padding-top:0;
	
	line-height:1;
}


	
 
#basis ul li 
 {
	display:block;
}

#basisfaq ul li ul#home,
#basis ul li ul#home,
#politik ul li ul#home,
#politikanz ul li ul#home,
#basishilfe ul li ul#home {
	display:block;
}

 
ul li:hover ul#home {
	display:block;
}


/*Header*/
#header{
	width:25.84%;
	margin:2.0% 0 2.0% 17.5%;
}

#header img{
	max-width:100%;
}

#basispolitik #header {width:100%;}
#basispolitik #header img{float:left;}
#basispolitik #header h1{display:inline;font-size:2.2em;}



/*Footer*/
#wrapper #footer{
	max-width:960px;
	width:100%;
	height:44px;
	font-weight:bold;	
	margin:2.08% auto 0 auto;
	background-color:#cc062a;
	border:1px solid #cc062a;
	border-radius:5px 0 5px 0;
	-moz-border-radius:5px 0 5px 0;
	-webkit-border-radius:5px 0 5px 0;
	-khtml-border-radius:5px 0 5px 0;
	color:#fff;
	font-size:1.2em;
	position:fixed;
	bottom:0;
	clear:both;
	left:0;
	right:0;
}

#footer a{
	color:#fff;
	text-decoration:none;
	border-right:2px solid #fff;
	padding-right:0.7%;
	padding-left:2.08%;
}

#footer p{
	padding-top:10px;
}

#basisimp #footer a{
	color:#222;
}

#footer a:hover{
	color:#222;
}

div#minheight {
	height:30px;
	clear:both;
}



/*Main*/
#bstart #wrapper #main{
	width:80%;
}

#wrapper #main{
	width: 68%;
	margin-bottom:5%;
	margin-right:2.08%;
	background-color:#f2f9ff;
	border-radius:5px 0 5px 0;
	-moz-border-radius:5px 0 5px 0;
	-webkit-border-radius:5px 0 5px 0;
	-khtml-border-radius:5px 0 5px 0;
}

#main p{
	margin:0 2.08% 0 3.7%;
	padding:0.5% 4.1% 1.04% 4.1%;
	line-height:1.7em;
	font-size:1.2em;
	text-align:justify;
}

#main a{
	text-decoration:none;
	font-size:1.2em;
	display:block;
	color:#222;
	line-height:1.6;
	margin-left:3.2%;
	margin-right:2.08%;
}

#main a:hover{
	color:#0091E2;
}

html body * span#cleaner,
html body * div#cleaner,
html body * li#cleaner,
html body * dd#cleaner
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Main Impressum */
#basisimp #wrapper #main img{
	clear:both;
	margin-top:2px;
	float:none;
}
#basisimp #main .mail {clear:both;display:inline;padding:0;margin:0;vertical-align:bottom;}
#basisimp #main .maill {clear:both;display:inline;padding:0 0 0 8%;margin:0;vertical-align:bottom;}
/*Main Hilfe*/
#basishilfe #main img{
	margin:2% auto 2% 6%;
	max-width:100%;
}

#hpic{
	width:95%;
}


/*Main FAQ*/
div#answer{
	margin-top:30px;
}

#answer a{
	font-weight:bold;
	margin-top:20px;
}

#basishilfe #main img{
	border:0;
}

#main #answer img{
	margin-right:5px;
	margin-top:8px;
	border:0px;
	padding:0;
	height:7px;
	width:7px;
}

#answer a:hover{
	color:#222;
}

/*Main Politik*/
#basispolitik{
	background-color:#fff;
	margin:0;
	
	
}
#basispolitik  #main{
	background-color:#fff;
	padding:0;
	margin:0;	
}

#basispolitik #wrapper{
	margin:0;
	max-width:1050px;
	background-color:#fff;
}

#basispolitik #wrapper #navigation{
	width: 16.5%;
}

#basispolitik #footer {
	height:20px;	
	line-height:20px;
	max-width:1160px;
	vertical-align:top;
	margin-left:5px;
	
}
#basispolitik #footer p{
	padding-top:0;
}
/*Main Start*/
#bstart #main{
	background-color:#fff;
	width:86.46%;
}

#main img{
	float:left;
	margin-right:0px;
	max-width:100%;
}

#spic{
	width:39.5%;
	float:left;
}

#spicinno{
	width:16%;
	float:right;
}

#theas{
	margin:30px 0 0 4%;
}

#theas span{
	color:#0091E2;
}

#theas h2{
	color:#222;
	margin:5px 0 10px 0;
}

#theas a{
	display:inline;
	margin:0;
	font-size:14px;
}

#bstart #theas img{
	float:right;
	margin-right:10%;
}


/*Main - Auswahl*/
#auswahl #main{
	min-height:750px;
}

#befragung {
	border:1px solid #222;
	margin:20px;
	border-radius:5px 0 5px 0;
	-moz-border-radius:5px 0 5px 0;
	-webkit-border-radius:5px 0 5px 0;
	-khtml-border-radius:5px 0 5px 0;
}

#befragung input{
	margin-left:11.5%;
	width:60%;
}

.editor7 {
	margin-top:0px;
	margin-left:20px;
	margin-right:0px;
	line-height:20px;
	color:#222;
}

span.editor7 {
	margin-left:0px;
	color:#0091E2;
	font-weight:bold;
}

span.editor8 {
	color:#CC062A;
	font-weight:bold;
}
	
.editor8 {
	color:#222;
}

.editor9 {
	color:#D9D9D9;
}

/* Main Kontakt */
#basiskontakt #main{
	min-height:550px;
}
	.formuspace{
	width:140px;
}
#basiskontakt input{
	margin:0;	
}
#basiskontakt p{
	margin:0;	
}
.formuinput{
	width:175px;
	margin:0;
	padding:0;
	font-size:12px;
}
.formutext{
	padding-left:140px;
	font-size:12px;	
}
.formubut{
	padding-left:140px;
	padding-top:20px;
	width:160px;	
}


/*Script*/
#wrapper #script{
	width: 12.5%;
	height:450px;
	position:relative;
}

#wrapper #main #script{
	width: 55%;
	height:280px;
	padding-top:120px;
	padding-left:20px;
	position:relative;
}

.www{
	color:#cc062a;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	padding:1px;
}

#script{
	line-height:1.25em;
	font-size:0.95em;
}

#hoverto .farber{
	color:#0091E2;
	font-weight:bold;
}

#hoverta .farber{
	color:#cc062a;
	font-weight:bold;
}

#hoverto a{
	display:block;
	text-decoration:none;
	font-weight:bold;
	line-height:1.5;
}

#hoverta a{
	display:block;
	text-decoration:none;
	font-weight:bold;
	line-height:1.4;
	padding-bottom:5px;
}

#hoverto span, #hoverta span{
	font-weight:normal;
}

#starter{
	position:absolute;
	max-width:100%;
	top:220px;
	font-weight:normal;
	padding:0.1%;
	line-height:1.5;
}

#main #starter{
	top:280px;
	max-width:100%;
	font-size:1.2em;
	padding-left:25px;
	background-image:url(../images/1c.png);
	background-repeat:no-repeat;
}

#hoverto .activ{
	color:#0091E2;
}

#hoverta .activ{
	color:#cc062a;
	background-image:url(../images/1.png);
	background-repeat:no-repeat;
	margin:0;
	padding-left:25px;
}

span.hover-vielfalt {
    color: #222;
    display: none;
    position: absolute;
    text-decoration: none;
 	top: 220px;
	max-width:100%;
	padding:0.1%;
	line-height:1.5;
}

#main .hover-vielfalt {
	background-image:url(../images/1c.png);
	background-repeat:no-repeat;
	top: 280px;
}

#hoverta p{
	font-weight:bold;
	padding-top:35px;
	padding-left:10px;
}

#hoverto a, #hoverta a{
	color:#222;
}

div#hoverto:hover a.activ{
	color:#222;
}

div#hoverta:hover a.activ{
	color:#222;
	background-image:url(../images/1b.png);
	background-repeat:no-repeat;
}

#script #hoverto .activ:hover{
	color:#0091E2;
	
}

#script #hoverta .activ:hover{
	color:#cc062a;
	background-image:url(../images/1.png);
	background-repeat:no-repeat;
}

#hoverto:hover span#starter, #hoverta:hover span#starter{
	display:none;
}

#script #hoverto span:hover, #script #hoverta span:hover{
	display:block;
}

#hoverto a:hover{
	color:#0091E2;
}

#hoverta a:hover{
	color:#cc062a;
}

a:hover span.hover-vielfalt {
    display: block;
	margin-left:-25px;
	padding-left:25px;
}

span.hover-blick {
	color: #222;
    display: none;
    position: absolute;
    text-decoration: none;
    top: 220px;
	max-width:100%;
	padding:0.15%;
	line-height:1.5;
}

#main .hover-blick {
 	background-image:url(../images/2c.png);
	background-repeat:no-repeat;
	top: 280px;
}

a:hover span.hover-blick {
    display: block;
	margin-left:-25px;
	padding-left:25px;
}

span.hover-beratung {
    color: #222;
    display: none;
    position: absolute;
    text-decoration: none;
    top: 220px;
	max-width:100%;
	padding:0.15%;
	line-height:1.5;
}

#main .hover-beratung {
	background-image:url(../images/3c.png);
	background-repeat:no-repeat;
	top: 280px;
}

a:hover span.hover-beratung {
    display: block;
	margin-left:-25px;
	padding-left:25px;
}

span.hover-sofort {
    color: #222;
    display: none;
    position: absolute;
    text-decoration: none;
    top: 220px;
	max-width:100%;
	padding:0.15%;
	line-height:1.5;
}

#main .hover-sofort {
 	background-image:url(../images/4c.png);
	background-repeat:no-repeat;
	top: 280px;
}

a:hover span.hover-sofort {
    display: block;
	margin-left:-25px;
	padding-left:25px;
}

#main .vierter{
	background-image:url(../images/4b.png);
	background-repeat:no-repeat;
	margin:0;
	padding-left:25px;
}

#main .vierter:hover{
	background-image:url(../images/4.png);
	background-repeat:no-repeat;
	margin:0;	
}

#main .dritter{
	background-image:url(../images/3b.png);
	background-repeat:no-repeat;
	margin:0;
	padding-left:25px;
}

#main .dritter:hover{
	background-image:url(../images/3.png);
	background-repeat:no-repeat;
	margin:0;
}

#main .zweiter{
	background-image:url(../images/2b.png);
	background-repeat:no-repeat;
	margin:0;
	padding-left:25px;
}

#main .zweiter:hover{
	background-image:url(../images/2.png);
	background-repeat:no-repeat;
	margin:0;
}


#politikanz #main ul,
#politik #main ul{
	margin-left:8%;
	margin-top:20px;
	font-size:1.1em;
	line-height:1.5;
}
#politikanz #main ul li,
#politik #main ul li{
	font-weight:bold;
}

#politikanz #main ul li ul,
#politik #main ul li ul{
	margin-bottom:20px;
}

#politikanz #main ul li ul li,
#politik #main ul li ul li{
	line-height:1.8;
	font-weight:normal;
}

#politikanz #main ul li ul,
#politik #main ul li ul{
	margin-left:8%;
	margin-top:0px;
	line-height:1.5;
}

#politikanz #main a,
#politik #main a{
	display:inline;
	font-size:1em;
	margin:0;
	padding:0;
}

#politikanz #main, #politik #main{width:54.5%;margin-bottom:64px;padding-top:5px;}
#politik #main a{text-decoration:underline;}
#politik #main p{text-align:justify;padding-right:5%;}
#politik #main .brota{padding-left:3%;padding-top:10px;}
#politik #main h1{margin-top:20px;}
#politik #main h2{line-height:1.6em;text-indent:-0.1em;padding-left:2%;}
#politik #main img{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:3.5%;
	max-width:100%;
	box-shadow:3px 3px 3px #ddd;
}
#politik #main ul li,
#politik #main ul li{
	line-height:2em;
}
#politik #main .finisher{
	padding-bottom:150px;
}
#politik #wrapper #main  #fice a.filterl {
	font-size:1.4em;
	font-weight:bold;
	
	
}
#politik #wrapper #main #fice {margin-bottom:20px;text-align:center;}
#politikanz #script, #politik #script{width:22.5%;}
#politikanz #script h2, #politik #script h2{line-height:1.5;text-indent:0;margin-top:0;font-size:1.1em;margin-bottom:10px;}
#politikanz #script a, #politik #script a{font-size:1.2em;line-height:1.5;color:#333;font-weight:bold;}
#politikanz #script a:hover, #politik #script a:hover{color:#0091E2;}
#politikanz #script img, #politik #script img{margin-top:10px;margin-bottom:10px;box-shadow:3px 3px 3px #ddd;}
#politikanz #script hr, #politik #script hr{margin-top:20px;margin-bottom:20px;background-color:#cc062a;height:6px;color:#cc062a;
	border:1px solid #cc062a;
	border-radius:5px 0 5px 0;
	-moz-border-radius:5px 0 5px 0;
	-webkit-border-radius:5px 0 5px 0;
	-khtml-border-radius:5px 0 5px 0;	
}
#politik .brotp{display:inline;margin:0;padding:0;font-size:1em;}
#politikanz #script ol,
#politik #script ol {
	margin-left:35px;
	font-size:1.1em;
	line-height:1.5em;
	list-style-type:decimal-leading-zero;
	list-style-position:inside;
	text-indent:-2.5em;
}
#politik #script ol  li,
#politik #script ol  li{
	padding-bottom:5px;
}

#politik #script ol  li ol,
#politik #script ol  li ol{
	margin-left:10px;
}

#politik #script{margin-bottom:84px;}

/*Main Probe*/
#basisprobe #wrapper #main a{
	display:inline;
	margin:0;
	text-decoration:underline;
}

#basisprobe #main ul{
	margin-left:3.7%;
	font-size:1.2em;
	padding: 0.5% 9.1% 1.04%;
}

#basisprobe #main li{
	padding: 0;
	list-style: circle;
	padding: 0.5% 0 1.04%;
}

