/************************************************************************************/
/* Generelle HTML Tags */

body
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5E6A71;
line-height: 17px;}

/************************************************************************************/
/* Titel und Text */

h1 {  
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5E6A71;
font-weight: bold;
line-height: 14px;
margin: 0px;
padding-bottom: 10px;
}

h2 {  
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5E6A71;
margin: 0px;
padding-bottom: 5px;
}
h2.bgf {
	height:25px;
	margin:0px 0px 0 0px;
	padding:0px 0px 10px 0;
	background: url(../images/design/titel/bgf-title2.png) no-repeat -4px 0px;}
	h2.bgfen {
	height:25px;
	width:600px;
	background: url(../images/design/titel/en/bgf.png) no-repeat -4px 0px;}
	
h2#wasist{
	background: url(../images/design/titel/wasisttrinktimer-titel3.png) no-repeat 40px 0px;
	height:33px;
	margin:0 0 0px 0;}
	h2#wasisten{
	background: url(../images/design/titel/en/whatis.png) no-repeat 40px 0px;
	height:33px;
	margin:0 0 0px 0;}	
	
h2#wasnuetzt{
	background: url(../images/design/titel/wasnuetzt-titel2.png) no-repeat 25px 0px;
	height:33px;
	margin:0 0 20px 0;}
	h2#wasnuetzten{
	background: url(../images/design/titel/en/benefits.png) no-repeat 20px 0px;
	height:33px;
	margin:0 0 20px 0;}	
	
h2#werbraucht{
	background: url(../images/design/titel/werbraucht2.png) no-repeat 25px 0px;
	height:33px;
	margin:0 0 20px 0;}
	h2#werbrauchten{
	background: url(../images/design/titel/en/whoshoulduse.png) no-repeat 20px 0px;
	height:33px;
	margin:0 0 20px 0;}
	
h2#waskostet{
	background: url(../images/design/titel/waskostet2.png) no-repeat 25px 0px;
	height:33px;
	margin:0 0 20px 0;}	
	h2#waskosteten{
	background: url(../images/design/titel/en/whatcost.png) no-repeat 20px 0px;
	height:33px;
	margin:0 0 20px 0;}	
h2#wiefunktioniert{
	background: url(../images/design/titel/wiefunktioniert2.png) no-repeat 25px 0px;
	height:33px;}
	h2#wiefunktionierten{
	background: url(../images/design/titel/en/howwork.png) no-repeat 20px 0px;
	height:33px;}
	h2#interessiert{
		background: url(../images/design/titel/interessiert.png) no-repeat 35px 0px;
		height:33px;}	
	
h2 span.nodisplay{
	display:none;}
	
h2.ref{
	padding:4px 8px 12px 8px;}

/* Team Seite Titel */
h3 {  
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5E6A71;
font-weight: bold;
margin: 0px;
padding: 0px;
}
h4 {  
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #647C60;
margin: 0px;
padding-bottom: 5px;
}
/************************************************************************************/
/* ContentdivRight Boxen     --  border: 1px solid #000; */

.box370 {
margin: 370px 0 0 10px;
padding: 0px;
width: 270px;
float: right;
background-color: transparent;
}

.box170 {
margin-top: 15px;
padding: 0px;
width: 170px;
float: left;
background-color: transparent;
}

.box170R { 
margin-left: 15px;
margin-top: 15px;
padding: 0px;
width: 170px;
float: right;
background-color: transparent;
}

.box_titel {
display: block;
width: 100%;
line-height: 20px;
background-color: #7AB800;
vertical-align: middle;
text-indent: 7px;
margin-bottom: 10px;
color: #fff;
font-weight: bold;
}

.box_content {
background-color: #f3f9e6;
padding: 5px 8px 15px 8px;
margin: 0px;
/*min-height: 53px;*/
}

.box_content_reflogo {
width: 240px;
background-color: #fff;
padding: 5px 8px 15px 8px;
margin: 0px;
border: 1px solid #e5e5e5;
}
.box_content_reflogo img.reflogo {
	padding:8px;
	}

/************************************************************************************/
/* Verschiedene Divs    --  border: 1px solid #000; */

.design { 
color: #dddddd; }
a.design {color: #dddddd; text-decoration :none; background-color: transparent;}
a.design:hover {color: #5f6d78; background-color: transparent; text-decoration: none;}

.bgf{
position: relative;
margin: 0px 0 0 0px;
padding: 10px 10px 10px 10px;
width: 420px;
/*height:100%;*/
float: left;
/*background: url(../images/design/bg-bgf2.png) repeat-x 0px 0px;*/
}
.bgf h2 {
	font-size:18px;
	color:#89C100;
	margin:0 0 15px 0;}
.bgf p {
	font-size:12px;}
.bgf img.float_left {
	float:right;
	margin:5px 0px 0px 0;}
.button {
	float:left;
	height:23px;
	width:140px;
	padding:10px 5px 5px 5px;
	margin:0 100px 0 0;
	text-align:center;
	color:#5E6A71;
	text-transform:uppercase;
	text-decoration:none;
	background: url(../images/design/bg-navi2.gif) repeat-x 0px 0px;}
.button-zwei {
	float:left;
	height:23px;
	width:150px;
	padding:10px 5px 5px 5px;
	margin:0 0px 0 0;
	text-align:center;
	color:#5E6A71;
	text-transform:uppercase;
	text-decoration:none;
	background: url(../images/design/bg-navi2.gif) repeat-x 0px 0px;}
	
.button-zwei-en {
	float:left;
	height:30px;
	width:150px;
	padding:3px 5px 5px 5px;
	margin:0 0px 0 0;
	text-align:center;
	color:#5E6A71;
	text-transform:uppercase;
	text-decoration:none;
	background: url(../images/design/bg-navi2.gif) repeat-x 0px 0px;}
	
a.button:hover, .button-zwei:hover {
	color:#000;}
	
#ContentdivCenter .clear {
	clear:both;}	
	
	
.referenzen2{
position:relative;
top:0px;
left:0px;
float:left;
height:90px;
width:706px;
margin: 10px 0 0 10px;
padding: 0px;
border: 1px solid #e5e5e5;

}

/************************************************************************************/
/* Versch    --  border: 1px solid #000; */



p { margin: 0 0 1em 0; }

img {
border:0px; }


li {
margin-top: 3px;
margin-left: -20px;}
ol {
margin-top: 5px;
margin-bottom: 15px; }



/************************************************************************************/
/* Hacks */
/* Für Easy Clearing */
.clearfix
{
display: inline-block;
clear: both;
height: 0.1em;
visibility: hidden;
overflow: hidden;
}


/************************************************************************************/
/* Formular */

.ff, .ff2, .ff3 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5f6d78;
background-color: #F4F4F4;
width: 220px;
height: 15px;
border: 1px solid #D8D8D8;
margin-right: 10px;
margin-top: 4px;
}


.ff2 {
font-style: italic;
height: 65px;
margin-right: 10px;
margin-top: 4px;
overflow: auto;
} 

.ff3 {
width: 128px;
} 

.send {
background-color: #7AB800; 
width: 223px; 
font-size: 11px; 
font-family: Tahoma, Verdana,Arial,Geneva; 
letter-spacing: 1px;
color: #fff;
font-weight: bold;
border: 1px solid #D8D8D8;
margin-top: 10px;
margin-right: 15px;
float: left;
}



/************************************************************************************/
/* Links */



a.mail {color: #7AB800; background-color: transparent; text-decoration :none; }
a.mail:hover {color: #5f6d78; background-color: transparent; text-decoration :underline;}

a.trans {color: transparent; background-color: transparent; text-decoration :none; }
a.trans:hover {color: transparent; background-color: transparent; text-decoration: none; }

a {color: #7AB800; background-color: transparent; text-decoration :none; }
a:hover {color: #fff; background-color: #7AB800; text-decoration: none; }

a.hover_none:hover {background-color: transparent;}


/************************************************************************************/