* { padding: 0; margin: 0; }
html { overflow-y: scroll; }


body {
	font-family:Verdana, sans-serif;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	color: #667;
	background-attachment: fixed;
	/*background: #BF0000;*/
	background: url(vwm-com-bilder/Hintergrund-07.png) repeat-x left top;
}

#alles {
	min-width: 320px;
	max-width: 800px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto; 
	margin-left: auto;
}


/* ===========================
Header 
=========================== */

#header {
	height: 100px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #BF0000;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#header img {
	padding-top: 15px;
}

/* ==========================================
Navigation
========================================== */

#navi {
width: auto;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
background-color: #BF0000;
border-left: 2px solid #BF0000;
border-right: 2px solid #BF0000;
}

#navi {
font-family:Verdana, sans-serif;
/*font-family: Arial, "Times New Roman", Times, serif;*/
display: block;
float: left;
}

#navi ul {
list-style: none;
margin: 2px;
padding: 0;
/*text-align: left;*/
text-align: justify;
}

#navi li:last-of-type::after { content: ''; padding-left: 100%; display: inline-block; }

#navi ul li a {
background-color: white;
border: 2px solid #BF0000;
color: #BF5700;
display: block;
font-size: 120%;
font-weight: normal;
margin-bottom: -2px;
padding: 8px 6px;
text-decoration: none;
background-color: #FDF3CF;
}

#navi ul li.rot a {
background-color: white;
border: 2px solid #BF0000;
color: #BF0000;
display: block;
font-size: 120%;
font-weight: normal;
margin-bottom: -2px;
padding-left: 10px;
padding: 8px 6px 8px 30px;
text-decoration: none;
background-color: #FDF3CF;
}

#navi a:hover {
text-decoration: none;
background-color: white;
}

#navi li.rot a:hover {
text-decoration: none;
background-color: white;
}


#navi ul li:first-child a {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}

#navi ul li:last-child a {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}

#navi p.motto {
font-size: 120%;
color: #FFFFFF;
text-align: center;
/*background: #004E7F;*/
}




/* =================================
Artikel 
==================================*/

#artikel {
clear: both;
/*float: left;*/
border: 2px solid #BF0000;
/*border-bottom: 2px solid #4F7500;*/
padding: 20px;
}

#artikel h1 {
font-size: 150%;
text-align: center;
font-weight: bold;
text-shadow: 0.1em 0.1em 0.2em #808080;
padding-bottom: 10px;
}

#artikel h2 {
font-size: 120%;
font-weight: bold;
text-align: left;
text-shadow: 0.1em 0.1em 0.2em #808080;
padding-bottom: 10px;
}

#artikel h2.mitte {
font-size: 120%;
font-weight: bold;
text-align: center;
text-shadow: 0.1em 0.1em 0.2em #808080;
padding-bottom: 10px;
}

#artikel h3 {
font-size: 100%;
font-weight: bold;
text-align: left;
text-shadow: 0.1em 0.1em 0.2em #808080;
padding-bottom: 10px;
}

#artikel p {
font-size: 87%;
text-align: left;
padding-bottom: 10px;
}

#artikel p.beispiel {
font-size: 87%;
padding-right: 50px;
padding-left: 50px;
}

#artikel p.c {
font-size: 87%;
text-align: center;
padding-bottom: 10px;
}

#artikel a {
font-size: 87%;
color: #4F7500;
font-weight: bold;
text-decoration: underline;
}

#artikel a:hover {
text-decoration: none;
}

#artikel ul, ol {
margin: 1.5em 0;
padding: 0 2.5em;
font-size: 87%;
text-align: left;
}

/* ========= Ende Artikel =========== */

















/* Header-Navigation */






#artikel table {
	width: auto;
	display: table;
	border: solid 2px #BF0000;
	box-shadow: 0.8em 0.8em 0.8em #FDF3CF;
	margin: auto;
	/*align-left: auto;
	align-right: auto;*/
	}

#artikel th {
	background-color: #FDF3CF;
	font-size: 100%;
	font-weight: bold;
	/*border: solid 1px #4F7500;*/
	padding: 5px;
	vertical-align: middle;
	}

#artikel th.gelb {
	background-color: #FDF3CF;
	}

#artikel td {
	background-color: white;
	font-size: 87%;
	font-weight: normal;
	/*border: solid 1px #4F7500;*/
	padding: 5px;
	vertical-align: middle;
	}
	





/* ==============================
Footer und Copyright 
============================== */
#footer {
	font-family:Verdana, sans-serif;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	background-color: #BF0000;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#footer p {
text-align: center;
font-size: 87%;
color: white;
}

/* Ende Footer */


/* Grafiken */

img .schatten {
border-color: #D21313;
box-shadow: 0.5em 0.5em 0.5em #BEBEBE;
}


img .border {
border-color: #BF0000;
box-shadow: 0.5em 0.5em 0.5em #BEBEBE;
float: left;
margin-right: 35px;
margin-bottom: 10px;
}

#artikel img {
border-color: #BF0000;
box-shadow: 0.5em 0.5em 0.5em #BEBEBE;
}

#artikel img.o {
float: left;
margin-right: 35px;
margin-bottom: 10px;
}

#artikel img.os {
float: left;
margin-right: 35px;
margin-bottom: 10px;
border-color: transparent;
box-shadow: none;
}



#artikel img.rechts {
float: right;
margin-left: 20px;
margin-bottom: 5px;
}


#ga1 {
	text-align: center;
	}

#ga2 {
	text-align: center;
	}

#ga3 {
	text-align: center;
	}
	
#ga4 {
	text-align: center;
	}


/* Testimonials */

#testimonial {
/*width: 250px;*/
background-color: #E1EEF7;
margin: 10px 70px 20px 70px;
}

#testi {
/*width: 250px;*/
background-color: #E1EEF7;
margin: 10px 70px 20px 70px;
}

img.tes {
float: left;
margin-top: 35px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
}

#testimonial p{
font-family:Verdana, sans-serif;
/*font-family: Arial, Verdana, "Times New Roman", Times, serif;*/
font-size: 87%;
padding: 20px;
text-align: left;
}

#testimonial p.re {
text-align: right;
padding: 0 20px;
Font-size: 87%;
}

#testi p {
font-family:Verdana, sans-serif;
/*font-family: Arial, Verdana, "Times New Roman", Times, serif;*/
font-size: 87%;
padding: 20px;
text-align: left;
}

#testi p.re {
text-align: right;
padding: 0 20px;
Font-size: 87%;
}