CSS@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300|Arial:300,400,700);

CSSbody {
    font-family: 'Open Sans', Arial, sans-serif;
}

@font-face {
	font-family: Arial: /* regular font */
	src: url("Arial-Regular.woff") format("woff")
	font-weight: normal; font-style: normal; 
	}

@font-face {
	font-family: Arial: /* light font */
	src: url("Arial-Light.woff") format("woff")
	font-weight: 300; font-style: normal; 
	}

h1 {
	color: #646464;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9pt;
	line-height: 18pt;
	font-family: arial, arial light, verdana, trebuchet MS, sans-serif;
	display:inline;
	}

h2 {
  	color: #646464;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9pt;
	line-height: 18pt;
	font-family: arial, verdana, trebuchet MS, sans-serif;
	display:inline;
}

h3 {
  	color: #646464;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 11pt;
	line-height: 24pt;
	font-family: arial, verdana, trebuchet MS, sans-serif;
	display:inline;
}

h4 {
  	color: #ffffff;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 20pt;
	line-height: 25pt;
	font-family: arial, verdana, trebuchet MS, sans-serif;
	display:inline;
}

h5 {
  	color: #646464;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 1.1em;
	line-height: 18pt;
	font-family: verdana, arial, trebuchet MS, sans-serif;
	display:inline;
}

h6 {
  	color: #3c3c3c;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 100pt;
	line-height: 55pt;
	font-family: verdana, arial, trebuchet MS, sans-serif;
	display:inline;
}

h7 {
  	color: #093930;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 14pt;
	line-height: 24pt;
	font-family: verdana, arial, trebuchet MS, sans-serif;
	display:inline;
}



span.headline_sp {
  	color: #ffffff;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	font-size: 11pt;
	line-height: 14pt;
	font-family: arial, verdana, trebuchet MS, sans-serif;
	display:inline;
}

span.copytext {
  	color: #646464;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 10pt;
	line-height: 13pt;
	font-family: arial, verdana, trebuchet MS, sans-serif;
	display:inline;
}

span.warntext {
  	color: #D90000;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	font-size: 10pt;
	line-height: 13pt;
	font-family: arial, verdana, trebuchet MS, sans-serif;
	display:inline;
}

span.copy_heavy {
  	color: #4C4C4C;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	font-size: 10pt;
	line-height: 13pt;
	font-family: arial, verdana, trebuchet MS, sans-serif;
	display:inline;
}

span.liste {
  	color: #4C4C4C;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 10pt;
	line-height: 17pt;
	font-family: arial, verdana, trebuchet MS, sans-serif;
	display:inline;
}

span.kleinertext {  	
	color: #4C4C4C;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 7pt;
	line-height: 10pt;
	font-family: arial, verdana, trebuchet MS, sans-serif;
	display:inline;
}

span.headline_lila {
  	color: #6E4591;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	font-size: 14pt;
	line-height: 17pt;
	font-family: arial, verdana, trebuchet MS, sans-serif;
	display:inline;
}

span.impressumbold {
  	color: #4C4C4C;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	font-size: 10pt;
	line-height: 18pt;
	font-family: arial, verdana, trebuchet MS, sans-serif;
	display:inline;
}

span.impressum {
  	color: #4C4C4C;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 10pt;
	line-height: 18pt;
	font-family: arial, verdana, trebuchet MS, sans-serif;
	display:inline;
}

input[required] {
  border-color: red;
}


#boxencontainer {
	position:relative;
  	top: 0px;
	text-align:left;
  	left: 0px;
	width: 800px;
	height: 190px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000000;
}

#box_oben_li,#box_oben_re {
	position:absolute;
  	top: 0px;
  	left: 0px;
	width: 380px;
	height: 47px;
	padding-top:15px;
	padding-bottom:5px;
	padding-right:15px;
	padding-left:20px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000000;
	background : url("bildmaterial/box_oben.jpg") no-repeat top left;
}
#box_oben_re {left: 419px;}

#box_unten_li,#box_unten_re {
	position:absolute;
  	top: 47px;
  	left: 0px;
	width: 380px;
	height: 143px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:15px;
	padding-left:20px;
	margin: 0px 0px 0px 0px;
	white-space: pre-wrap;
	border: 0px solid #000000;
	background : url("bildmaterial/box_unten.jpg") no-repeat top left;
}
#box_unten_re {left: 419px;}

#boxbutton_li_sp1,#boxbutton_re_sp1 {
	position:absolute;
  	top: 150px;
  	left: 183px;
	width: 197px;
	height: 78px;
}
#boxbutton_re_sp1 {left: 602px;}

a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {color: 000000;}

a.navi:link {color:#7B9FA1; text-decoration:none; font-weight:normal;}
a.navi:visited {color:#7B9FA1; text-decoration:none; font-weight:normal;}
a.navi:hover {color:#4BC30C; text-decoration:none; font-weight:normal;}

a.navibold:link {color:#11AA00; text-decoration:none; font-weight:bold;}
a.navibold:visited {color:#11AA00; text-decoration:none; font-weight:bold;}
a.navibold:hover {color:#11AA00; text-decoration:none; font-weight:bold;}


.drop_menu {
    background:#FFFFFF;
    padding:0;
    margin:0;
    list-style-type:none;
    height:20px;
}
.drop_menu li { float:left; }
.drop_menu li a {
    padding:9px 20px;
    display:block;
    color:#ffffff;
    text-decoration: none;
    font:20px arial, verdana, sans-serif;
}
 
/* Submenu */
.drop_menu ul {
    position:absolute;
    left:-9999px;
    top:-9999px;
    list-style-type:none;
}
.drop_menu li:hover { position:relative; background:#5FD367; }
.drop_menu li:hover ul {
    left:0px;
    top:45px;
    background:#5FD367;
    padding:0px;
}
 
.drop_menu li:hover ul li a {
    padding:5px;
    display:block;
    width:250px;
    text-indent:15px;
    background-color:#5FD367;
}
.drop_menu li:hover ul li a:hover { background:#005555; }


a.info
 {
 position:relative;
 z-index:1;
 background-color:; 
 color:"black"; 
 text-decoration:none;
 } 

 a.info:hover
 {
 z-index:2;
 background-color:;
 } 

 a.info span
 {
 display: none;
 } 

 a.info:hover span
 { 
 display:block;
 position:absolute; 
 top:1em;
 left:1em;
 width:12em;
 border:; 
 background-color:#ffffff;
 color:#ffffff; 
 text-align: left;
 padding: 10px;
 font-size: 2em;
 }