/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */

*  { padding: 0; margin: 0; _behavior: url(iepngfix.htc); }

.countertextarea
	{
		 overflow:hidden;font-family:Verdana, Arial;font-size:9px;width:430px;height:40px; margin-bottom:15px; margin-top:5px;
	}


/* Allgemeine Selektoren */

html { height: 101%; } /* erzwingt Scrollbar im Firefox */
body { /* Das HTML-Element mit dem Namen body */ 
   color: #626262;  /* Schriftfarbe */
   background-color: #fff; /* Hintergrundfar be */
   font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif; 
   font-size: small; /* Schriftgröße */ 
} 
h1 {
	color: #ffa308;
	font-size: 12pt;
	margin-bottom:20px;
	margin-top:5px;
	} 
h2 {
	color: #ffa308;
	font-size: 12pt;
	margin-bottom:20px;
	margin-top:5px;
	} 
h3 {
	color: #ffa308;
	font-size: 12pt;
	margin-bottom:20px;
	margin-top:5px;
	} 



/* Hyperlinks */

a { text-decoration: none; outline: none;} 
a:link { color: #ffa102; } 
a:visited { color: #ffa102; }
a:hover, 
a:focus {
	color:#333333;
	text-decoration:underline;
}
a:active { 
   color: #333333;
}

a img {
  border: 0 none;
}

/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */
   
#wrapper { /* Das HTML-Element mit dem Attribut id="wrapper" */
   color: #626262; 
   background-color: #fff; 
   width: 949px; /* Breiter der Seite */
   margin-top: 0;
   margin-right: auto;
   margin-bottom: 10px;
   margin-left: auto;
   position:relative;
}
#header {
   background: #fff url(images/logo.gif) no-repeat left 0;
   position:relative;
   height: 119px;
}
#header h1 {
	position:absolute;
	width:550px;
	height:90px;
	top:9px;
	left:18px;
	z-index:10;
	text-indent:-666em;

}
#header h1 a {
	width:550px;
	height:90px;
	display:block;
	overflow:hidden;
}

.line {  background: transparent url('images/dotted.gif') 0 0 repeat-x; padding: 2px 0; width: 100%;}

select {
	padding:2px 1px 2px 3px;
	margin:0 5px 0 5px;
	font-size:9px;
	color:#858585;
}
#pin {
position:absolute;
background: url(images/pin_total_gratis.png) no-repeat top left;
height: 53px;
width:54px;
top:112px;
left:345px;
}
#navigation {
   background: #fffffe url(images/navi_bg.gif) no-repeat top left;
   height: 49px;
   margin-top:10px;
}
#navigation ul {
	padding-top:14px;
	padding-left:30px;
	text-align:left;
}
#navigation li {
   display: inline;
   list-style-type: none;
   text-align:left;
   margin-right:48px;
}
#navigation_2 {
   background: #fffffe url(images/navi_bg.gif) no-repeat top left;
   height: 49px;
   margin-top:10px;
}
#navigation_2 ul {
	padding-top:14px;
	padding-left:30px;
	text-align:left;
}
#navigation_2 li {
   display: inline;
   list-style-type: none;
   text-align:left;
   margin-right:35px;
}


#willkommen {
	padding:0 10px 0 10px;
	margin:10px 0 10px 0 ;
}

#main_cont {
   margin-top: 8px;
   margin-bottom: 8px;
   }
div.main_cont_mid {
   width:100%;
   padding:0 0px 0 0px;
}
div.main_cont_mid ul {
	text-align:left;
}
div.main_cont_mid li {
   display: inline;
   list-style-type: none;
   text-align:left;
}
div.right ul {
	margin-bottom:20px;
}
div.right li {
   display: inline;
   list-style-type: none;
   text-align:left;
   margin-right:10px;
}
#main_win{
padding: 0 6px 0 6px;
}
div .titel {
height:30px;
background-color: #444444;
padding:5px 0 0 9px;
}
div .inhalt {
padding:5px 10px 5px 10px;
}

.right { float: right; width:50%; }
.left { float: left; width:49.9%; }

#foot { width: 100%; clear: both; margin: 0; border-top: 1px solid #cccccc; }

#foot {
   height: 59px;
   margin-bottom: 8px;
   text-align: center;
}
#foot li {
   display: inline;
   list-style-type: none;
   font-size: 90%;
}
#foot a { text-decoration: none; outline: none;} 
#foot a:link { color: #4b4c3c; } 
#foot a:visited { color: #4b4c3c; }
#foot a:hover, 
a:focus {
text-decoration:underline;
}
#foot a:active { 
   color: white; 
   background-color: #4b4c3c; 
}
/* Schriftformatierung */
.copyright{ 
   color: #a3a3a3;
   font-size: 85%;
}
.bottom {vertical-align: bottom;}

#fehlerseite {
background: #fff url(images/404.gif) no-repeat left 0;
width:458px;
height:450px;
position:relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
#fehlerseite p {
position:absolute;
top:120px;
left:160px;
}
.box_main {
width:300px;
float:left;
}

.box_main .box_lines ul {
padding:14px 5px 14px 5px;

text-align:left;
}

.box_main .box_lines li {
display:block;
background:url(images/box.gif) no-repeat 0 6px;
padding-left:13px;
padding-bottom:2px;
list-style-type: none;
}
.box_main .box_lines li a {
color:#ffa102;
font-weight:bold;
font-size:14px;
}

.box_lines {
border-left:1px dashed #cccccc;
border-right:1px dashed #cccccc;
border-bottom:1px dashed #cccccc;
}
.box_title {
height:61px;
position:relative;
}
.box_title p{
position:absolute;
top:20px;
color:#91cbf0;
font-size:18px;
left:85px;
}

#title1 {background: url(images/statistik.gif) top left no-repeat;}
#title2 {background: url(images/verhalten.gif) top left no-repeat;}
#title3 {background: url(images/technologie.gif) top left no-repeat;}
#title4 {background: url(images/login.gif) top left no-repeat;}

.box_main_neu {
padding-left:50px;
width:550px;
font-size:13px;
margin-left:auto;
margin-right:auto;
}
.box_main_neu .zeitzone {
margin-right:34px;
}
.box_main_neu .sprache {
margin-right:38px;
}
.box_main_neu .btn {
margin-right:124px;
}
.button:hover, form fieldset .button:focus { border-color: #e3e3eb; color:#3f3d3d; background-color: #f6f6f8; border:1px solid; }

.button { width: auto; 
padding: 1px 1em; 
background-color: #e3e3eb; 
 border:1px solid;
border-color: #f6f6f8; 
color: #3f3d3d; margin-top: 1em; cursor: pointer; }