@import url(http://fonts.googleapis.com/css?family=Didact+Gothic&v1);

* {
	padding : 0;
	margin : 0;
	text-decoration: none;
	font-size: 1em;
} 

body {
	/*font-family : Beteckna, Arial, Helvetica, sans-serif;*/
	
	font-family: "Didact Gothic", "Arial", "Helvetica", "sans-serif";
			
	background-image : url(images/bg.jpg);
	background-repeat : repeat-x;
	background-color : #666666;
} 

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	font-size : 1em;
	/*font-weight: bold;*/
	color:white;
	
}

#wrapper {
	width : 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 665px;
	background-color: #FFFFFF;
} 

#header {
	width : 900px;
	height : 130px;
	color : #666666;
	height : 110px;
	border-bottom : 4px solid #00cc00;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-color : white
} 

.logo h1#lineone {
	font-family: "Didact Gothic", "Arial", "Helvetica", "sans-serif";
	font-size : 1.9em;
	padding-top : 75px;
	padding-left : 0px;
	color : 666666;
	border : none;
	top : 0;
	left : 10px;
	float:left;
	width:300px;

	
} 
.logo h1#lineone span { 
color : #7bc927;
} 

.logo h2#linetwo {
	font-family: "Didact Gothic", "Arial", "Helvetica", "sans-serif";
	padding-top : 75px;
	padding-left : 575px;
	font-size : 1.9em;
	text-transform : none;
	color : #666666;
} 

.logo a { 
color : #7bc927;
text-decoration : none;
} 

#navigation { 
width : 900px;
color : #333;
margin : 0 0 0 0;
background : #fff url(images/bbg.jpg) repeat-y;
position : relative;
top : 31px;
} 

#navigation ul { 
margin : auto;
padding : 0;
list-style : none;
width : 678px;
} 

#navigation ul li { 
float : left;
background : url(images/tab-right.gif) no-repeat top right;
margin-right : 1px;
} 

#navigation li a { 
display : block;
padding : 0 2em;
line-height : 3em;
background : url(images/tab-left.gif) no-repeat top left;
font-weight : bold;
color : #666666;
} 

#navigation ul a:hover { 
font-weight : bold;
color : #666666;
} 

#content {
	width : 880px;
	color : #666666;
	background : white;
	margin : 0 0 0 0;
	min-height : 500px;
	padding-top : 10px;
	padding-left : 20px;
} 

#boxes { 
height : 200px;
width : 850px;
} 

#boxes a { 
color : #669acc;
} 

#box1 { 
width : 226px;
height : 200px;
float : left;
text-align : left;
} 

#box2 { 
width : 226px;
height : 200px;
text-align : left;
margin : 0 auto;
} 

#box3 { 
width : 226px;
height : 200px;
float : right;
text-align : left;
} 

#box1 h2, #box2 h2, #box3 h2 { 
font-family: "Didact Gothic", "Arial", "Helvetica", "sans-serif";
	line-height: 100%;
	letter-spacing: 1px;
	text-rendering: optimizeLegibility;
	webkit-font-smoothing: antialiased;

padding-left : 70px;
padding-bottom : 20px;
padding-top : 30px;
font-size : 1.5em;
color : #df7111;
font-weight : lighter;
display : block;
text-transform : uppercase;
font-size : 1.1em;
font-weight : bolder;
} 

#box1 h3, #box2 h3, #box3 h3 { 
font-family: "Didact Gothic", "Arial", "Helvetica", "sans-serif";
	line-height: 100%;
	letter-spacing: 1px;
	text-rendering: optimizeLegibility;
	webkit-font-smoothing: antialiased;

padding-left : 10px;
font-size : 1em;
color : #070707;
font-weight : lighter;
text-align : justify;
} 

#boxes p { 
padding-left : 10px;
text-align : justify;
font-size : 1em;
} 

#doublebox { 
margin-top : 5px;
margin-bottom : 10px;
width : 870px;
} 

.content_right {
	display : inline;
	float : left;
	width : 400px;
	height : 400px;
	text-align : right;
	line-height: 1.25em;
	margin-right : 10px;
	padding-left : 5px;
	padding-bottom : 5px;
	padding-right : 5px;
	padding-top : 2px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
} 




.content_right a:hover {
	text-decoration: none;
	font-size : 1em;
	/*font-weight: bold;*/
	color:#009933;
}	


.content_pix {
	display : inline;
	float : left;
	width : 255px;
	height : 450px;
	text-align : justify;
	margin-right : 10px;
	padding-left : 5px;
	padding-bottom : 5px;
	padding-right : 5px;
	padding-top : 14px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
} 

.content_left {
	padding : 5px;
	display : inline;
	float : left;
	width : 115px;
	height : 500px;
	margin-left : 15px;
	text-align : justify;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
} 

.content_left h3 { 
padding-left : 5px;
font-size : 1em;
margin-bottom : 5px;
} 

.content_right h3 {
	font-size : 1.2em;
	margin-bottom : 2px;
	margin-top : 5px;
} 

.clear { 
clear : both;
} 

.col {
	width : 85px;
	float : left;
	margin-left : 1em;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 2px;
	background-color: #00CC00;
	margin-bottom: 20px;
	height: 65px;
	font-size: 0.9em;
} 

.col2 {
	width : 85px;
	float : left;
	margin-left : 53px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 5px;
	background-color: #00CC00;
	margin-bottom: 0px;
	height: 65px;
	margin-top: 30px;
	margin-right: 15px;
} 

.col p { 
margin : 11px 0 0 0;
padding : 0;
} 

#footer {
	width : 900px;
	color : #333;
	background : white;
	margin : 0 0 10px 0;
	height : 35px;
} 

#footer p {
	text-align : center;
	padding-top : 5px;
	font-size : 0.7em;
} 

#footer a { 
color : #486687;
}

.beschriftung_Formular {
	font-family: "Didact Gothic", "Arial", "Helvetica", "sans-serif";
	font-size: 0.9em;
	font-weight: bold;
}

.inhaltROT { 
	font-family: "Didact Gothic", "Arial", "Helvetica", "sans-serif";
	font-size : 1em;
	text-align : center;
	color : red;
} 

.inhaltFETT { 
	font-family: "Didact Gothic", "Arial", "Helvetica", "sans-serif";
	font-size : 1em;
	font-weight: bold;
	text-align : center;
}