/*	-------------------------------------------------------------
	1. RESET + STRUKTUR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

* {
     margin: 0;
     padding: 0;
}

body {
	background-color: #5B90D2;
	background-image: url(images/woptimiser-bg-body.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	
}

a, a:visited, a:active{
	color: #003399;
	text-decoration: none;
}

a:hover{
	color: #003399;
	text-decoration: underline;
}
a:focus {
	outline: none; 
}

#wrapper {
	width: 957px;
	margin: 10px auto 0 auto;
}

#top {
	position: relative;
	background-image: url(images/woptimiser-bg-top.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 957px;;
}

#logo {
	position: absolute;
	height: 42px;
	width: 258px;
	left: 25px;
	top: 5px;
}

#navi-top{
	position: absolute;
	right: 20px;
	bottom: 5px;
	text-align: right;
	width: 70%;
}

#line1 {
	clear: both;
	float: none;
	background-color: #cc0038;
	height: 4px;
	width: 100%;
	font-size: 1px;
}

#line2 {
	clear: both;
	float:none;
	background-color: #cc0038;
	height: 1.82em;
	width: 100%;
	font-weight: bold;
}

#line2 h2{
	font-size: 1.2em;
	color: #FFFFFF;
	padding: 2px 25px;
}

#trenner {
	background-image: url(images/woptimiser-bg-top-grau.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 100%;
	}

#head {
	background-image: url(images/woptimizer-head.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #547db0;
	height: 248px;
	width: 100%;
}

#head_klein {
	background-image: url(/images/woptimizer-head-klein.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #547db0;
	height: 154px;
	width: 100%;
}

#center {
	background-color: #FFFFFF;
	width: 100%;
	height: auto;
	overflow: auto;
}

#center h1{
	font-size: 1.4em;
	color: #000000;
	padding-bottom: 15px;
}

#center h2{
	font-size: 1.2em;
	color: #000000;
	padding-bottom: 10px;
}

.antwort{
	background-color: #EEF4FC;
	border: 1px solid #C2DBF9;
	padding: 15px;
}

#footer {
	background-image: url(images/woptimiser-bg-footer.gif);
	background-repeat: no-repeat;
	background-color: #5B90D2;
	height: 50px;
	width: 100%;
	color: #FFFFFF;
	text-align: center;     
}

.clearing {
	clear: both;
	float: none;
}


/*	-------------------------------------------------------------
	2. MENUE-TOP
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#navi-top ul {
	list-style: none;
}

#navi-top a {
	padding: 0 10px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

#navi-top a:hover {
	text-decoration: underline;
}

#navi-top span.aktive {
	padding: 0 10px;
	color: #666666;
	font-weight: bold;
}

#navi-top ul li {
	display: inline;
	padding: 0;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}


/*	-------------------------------------------------------------
	3. HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#head #tools, #head_klein #tools {
	margin-left: 5px;
	padding-top:20px;
	width: 450px;
}

#head #tools h1, #head_klein #tools h1 {
	/*Ersatzbild für h1*/
	background: url(images/h1-steps.gif) no-repeat top right;
	margin-left: -3000px;
	/*Breite: -3000px - Breite des Bildes"*/
	width: 3450px;
	/*Hoehe des Bildes*/
	height: 28px;
	padding-bottom: 10px;
	font-size: 1px;
}

#head #tools .column, #head_klein #tools .column {
	width: 220px;
	float: left;
}

#head #tools li, #head_klein #tools li {
	list-style-type: none;
	background-repeat: no-repeat;
	padding-bottom: 13px;
}
/*Rote icons --------------------------------------------*/
#head #tools li.html_0{
	background-image: url(images/html-check.gif);
	background-position: 15px 0;
}

#head #tools li.link_0{
	background-image: url(images/link-check.gif);
	background-position: 15px 0;
}

#head #tools li.title_0{
	background-image: url(images/title-check.gif);
	background-position: 15px 0;
}

#head #tools li.keyword_0{
	background-image: url(images/keyword-check.gif);
	background-position: 15px 0;
}

#head #tools li.position_0, #head_klein #tools li.position_0{
	background-image: url(images/positions-check.gif);
	background-position: 15px 0;
}
/*Rote icons ende --------------------------------------------*/


/*Gelbe icons --------------------------------------------*/
#head #tools li.html_1{
	background-image: url(images/gelb/html-check.gif);
	background-position: 15px 0;
}

#head #tools li.link_1{
	background-image: url(images/gelb/link-check.gif);
	background-position: 15px 0;
}

#head #tools li.title_1{
	background-image: url(images/gelb/title-check.gif);
	background-position: 15px 0;
}

#head #tools li.keyword_1{
	background-image: url(images/gelb/keyword-check.gif);
	background-position: 15px 0;
}

#head #tools li.position_1{
	background-image: url(images/gelb/positions-check.gif);
	background-position: 15px 0;
}
/*gelbe icons ende --------------------------------------------*/


/*Gruene icons --------------------------------------------*/
#head #tools li.html_2{
	background-image: url(images/gruen/html-check.gif);
	background-position: 15px 0;
}

#head #tools li.link_2{
	background-image: url(images/gruen/link-check.gif);
	background-position: 15px 0;
}

#head #tools li.title_2{
	background-image: url(images/gruen/title-check.gif);
	background-position: 15px 0;
}

#head #tools li.keyword_2{
	background-image: url(images/gruen/keyword-check.gif);
	background-position: 15px 0;
}

#head #tools li.position_2, #head_klein #tools li.position_2 {
	background-image: url(/images/gruen/positions-check.gif);
	background-position: 15px 0;
}
/*gruene icons ende --------------------------------------------*/

#head #tools li a, #head_klein #tools li a {
	display: block;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	padding: 12px 0 12px 65px;
}


/*	-------------------------------------------------------------
	3. CONTENT - ALLGEMEIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#content {
	margin: 10px 25px;
	line-height: 150%;
	
}

#center #contenthead {
	margin: 10px 25px 0 25px;
}

#center #contenthead p, #center #content p{
	padding: 5px 0 3px 0;
}

#center h3{
	font-size: 1.2em;
	color: #000000;
	padding: 1.2em 0 0.5em 0;
}

/* Ueberschrift am Anfang der Seite ohne oberen Abstand*/
#center h3.top{
	font-size: 1.4em;
	color: #000000;
	padding: 0 0 0.5em 0;
}

#center h4{
	font-size: 1.1em;
	color: #000000;
	padding: 1.2em 0 0.5em 0;
}

#center #content ul{
	padding: 0.27em 25px;
}

#center #content ol{
	padding: 0.27em 15px 0.27em 25px;
}

#center #content ul.faq-navi{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#center #content ul.faq-navi li{
	display: inline;
}

#center #content ul.faq-navi li a{
	text-decoration: none;
	color: #CC0038;
}
/*Aktiver Bereich der FAQ-Navigation, der kein Link ist!*/
#center #content ul.faq-navi li span{
	font-weight: bold;
	color: #CC0038;
}

#center #content ul.faq-navi li a:hover{
	text-decoration: underline;
}

/*Bereich FAQ-Fragen*/
#center #content .column {

	width: 300px;
	float: left;
}

#center #content .column ul{
	list-style-type: none;
	margin: 0;
	padding: 20px 0 0 0;
}

/*Bereich Ergebnis der Umfrage*/

#center #content #ergebnis{
    border: 1px solid #CFE0F3;
}

#center #content #ergebnis .column {

	width: 265px;
	float: left;
    margin: 10px 10px 10px 5px;
}

#center #content #ergebnis h2{
	padding-left: 8px;
}

#center #content #ergebnis .column ol{
	padding: 0.27em 20px 0.27em 30px;
}

.hellblau{
	background-color: #ffffff;
	padding: 5px 10px;
	margin-bottom: 0px;
}

.hellgrau{
	background-color: #F0F6FC;
	padding: 5px 10px;
	margin-bottom: 0px;
}

.hellgrau h2, .hellblau h2{
    margin-top: 0;
    font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
    float: left;
}

#center #content #ergebnis form select{
	float: right;
    margin-right: 50px;
}

#center #content #ergebnis option{
padding-left: 3px;
}

#center #content #ergebnis form button{
	background-color: #FFFFFF;
	border: none;
	width: 102px;
	height: 24px;
}

.positiv{
color: #009900;
padding-left: 10px;
}
.negativ{
color: #ff0000;
padding-left: 10px;
}

#center #content #ergebnis form #captcha{
    text-align: right;
    margin: 0 60px 10px 0;
    padding-top: 20px;
}

#center #content #ergebnis .fehler{
color: #CC0038;
background-image: url(images/fehler.gif);
background-repeat: no-repeat;
background-position: 15px 3px;
padding-left: 38px;
width: auto;
display: block;
}


/*Bereich Know-How*/
#center #content .column-knowhow {

	width: 450px;
	float: left;
}

#center #content .column-knowhow ul{
	list-style-type: none;
	margin: 0;
	padding: 20px 0 0 0;
}

/*	-------------------------------------------------------------
	4. AB - CONTENT - TOOLS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

hr {
  margin: 5px 0;
}

#ausgabe2 table {
	font-size: inherit;
}

form{
	background-color: #ffffff;
}

.radio{
	display: block;
	float: left;
	width: 1.36em;
}

label{
	display: block;
	float: left;
	padding-right: 10px;
	
}

form .webseite{
	background: transparent url(../images_intern/textfeld-bg.gif) no-repeat scroll 0 0;
	border: 0 solid #FFFFFF;
	height: 43px;
	width: 485px;	
	padding: 12px 15px 0 45px;
}

#formular table {
	font-size: inherit;
}

.ausgabe  {
          width: 100%;
          height:60px;
          display: none;
          text-align: center;
          font-size: 11px;      
          }
.ausgabe2  {
          background-color: #FFFFFF;
           display: none;
          text-align: center;
          font-size: 11px;      
          overflow: auto; 
          padding-left:1px;
          padding-right:1px;
          }
          
.formular {
          width: 903px;
          margin: 0px;
          padding: 0px;
          border: 2px solid #CC0038;
          font-size: inherit;
          font-family:Arial,Verdana,Tahoma,Helvetica;
          }
          
.wopresult	{
			border: 1px solid #CC0038;
			width: 100%;
			border-collapse:collapse;
			margin: 0px;
			}

.wopresult	tr {
			background-color: #FFFFFF;
			}
			
.wopresult	td {
			border: 1px solid #CC0038;
			padding: 2px;
			}
			
.wopresult	th {
			border: 1px solid #CC0038;
			padding: 2px;
			background-color: #CC0038;
			color: #FFFFFF;
			}
.textfeld{
	width: 300px;
}
	/*	-------------------------------------------------------------
	5. FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#footer p{
	padding-top: 15px;
	}
	
#footer a, #footer a:visited, #footer a:hover, #footer a:active{
	color: #FFFFFF;
	text-decoration: none;
}