@charset "utf-8";
/* CSS Document */


body {
background: #008DCA;
font: 1em/1.2em Georgia, "Times New Roman", Times, serif;
font-color: #008DCA;
margin: 0 auto;
max-width:62em;
min-width:40em;

}
#header {
left:10px;
background-image:url(design/header-image.jpg);
height: 220px;
margin:5px 0 10px 0;
position:absolute;
text-align:center;
top:10px;
width: 1190px;
}
/* CSS Popout menuv */

/* Fix IE. Hide from IE Mac \*/
* html #menuv ul li{float:left;height:1%;}
* html #menuv ul li a{height:1%;}
/* End */

#menuv-container {
background-image:url(design/navi-image.jpg);
color:#000;
height: 900px;
left:10px;
position:absolute;
top:250px;
width: 276px;
}

#menuv		/* position, size, and font of  menu */ {	
font-family: helvetica, arial, geneva, sans-serif;
font-size: 1em;
margin: 1em 0 0 1em;
position:absolute;
text-align: left;
z-index: 10;
/*width: 16%;	*/					/* [1] width of menu item (i.e., box) */
}

#menuv a {
/*width: 85%;*/
display:block;	padding-bottom: 0.2em;					
padding-top: 0.2em;						/* expands menu box vertically*/
white-space:nowrap;
}
#menuv a, #menuv a:active		/* all menus at rest */
{
color: #000;
/*background-color: #CCF0FF;*/
text-decoration:none;/* removes underlines from links */
}
#menuv ul li ul li a, #menuv ul li ul li a:active		/* all menus at rest */
{
color: #fff;
/*background-color: #CCF0FF;*/
text-decoration:none;				/* removes underlines from links */
}

#menuv a:visited 	/* menu at rest */
{
color: #008DCA;
/*background-color: #CCF0FF;*/
text-decoration:none;
}
#menuv ul li ul li a:visited 	/* menu at rest */
{
color: #fff;
/*background-color: #CCF0FF;*/
text-decoration:none;
}

#menuv a.parent, #menuv a.parent:hover 	/* attaches parent-arrow on all parents */ {
background-position: right center;
background-repeat: no-repeat;
}
#menuv ul li ul li a.parent, #menuv ul li ul li a.parent:hover 	/* attaches parent-arrow on all parents */ {
background-position: right center;
background-repeat: no-repeat;
}

#menuv a:hover	/* all menus on mouse-over */ {
color:#000;
font-weight:bold;
/*width:80%;*/
}
#menuv ul li ul li a:hover	/* all menus on mouse-over */ {
color:#fff;
font-weight:bold;
/*width:80%;*/
}
	
#menuv ul {
list-style-type:none;		/* removes bullets */
}
	
#menuv ul li {
position:relative;
}

#menuv ul li ul {
background-color:#008DCA;
border:solid 1px #FFF;
display: none;
left: 100px;				/* distance from  left menu (this should be the same as width value in #menuv [1]) above */
padding:0 10px 0 5px;
position: absolute;
top: 0;
z-index:100;

}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul {
margin:0;				/* keeps the menu parts together */
padding:0;
/*width: 100%;*/			/* width of sub menus  (this should be the same as width value in #menuv [1]) above */
}

div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul {
display: none;
color:fff;
/*width:100%*/
}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul {
display: block;
color:fff;
/*width:100%;*/
}

#content {
background-image:url(design/content-image.jpg);
height: 860px;
left: 300px;
margin-bottom: 10px;
padding: 40px 100px 0 50px;
position:absolute;
top: 250px;
width:750px;
}

#footer {
background-image:url(design/footer-image.jpg);
clear:both;
font:Verdana, Geneva, sans-serif;
left:10px;
padding: .5em 0;
position:absolute;
text-align:center;
top:1160px;
height:60px;
width: 1190px;

}
h1 {
font-size:120%;
font-weight:bold;
}
h2 {
font-weight:bold;
font-size:100%;
}
h3 {
color:#008DCA;
font-size:140%;
}
.floatright {
border: 1px solid #000;
float:right;
margin: 10px 20px;
}
.bilerrahmen {
padding: 10px 20px 0 0;
}
.logo {
padding: 0 50px 20px 0;
}
a img {
border:none;
}
.clearing {
clear:both;
}
.centered {
text-align:center;
}
.oeffungszeiten {
color:#008DCA;
}

/*Tabellen*/

thead
{
color:#000;
}

table
{
margin: 10px 0;
width: 700px;
}
td, th
{
padding: 4px;
}
form
{
background-color:#008DCA;
border: 2px solid #FFF;
padding: 20px;
width:580px;
}
label
{
color:#CCF0FF;
cursor: pointer;
display:block;
}
input#absender,
textarea
{
background-color:#CCF0FF;
border: 3px solid #FFF;
margin-bottom: 1em;
width: 400px;
}
input#name,
input#vorname,
input#strasse,
input#ort,
input#telefon
{
background-color:#CCF0FF;
border: 3px solid #FFF;
margin-bottom: 1em;
width: 250px;
}
textarea
{
height: 7em;
}
input#absender:focus,
textarea:focus
{
background-color:#CCF0FF;
}

