@import url("layout.css");
body {
	font-family: "verdana", Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #4E4E4E;
	background-color: #DCE1E5;
	overflow: scroll;

;
}
#container {
	width: 1024px;
	border: thin solid #C0C0C0;
	margin: 20px auto auto auto;
	background-color: #FFFFFF;
}
#masthead {
	margin: 0px;
	width: 1024px;
	overflow: auto;
	background-color: #C0C0C0;
	height: 188px;
}
#navigationsinhalt {
	margin: 0px;
	float: left;
	width: 210px;
	background-color: #FFFFFF;
	clear: both;
	display: inline;
}


#linie {
	width: 1024px;
	background-color: #666666;
	height: 5px;
}


#content {
	float: left;
	width: 560px;
	padding: 10px 20px 10px 28px;
	//overflow: auto;
	background-color: #fff;
	margin: 0px;
	position: relative;
}








#tabelle_50_weiss {
	float: left;
	width: 50px;
	height: 20px;
	padding: 3px 0px 0px 10px;
	overflow: auto;
	background-color: #FFFFFF;
	margin: 0px;
	position: relative;
}


#tabelle_100_weiss {
	float: left;
	width: 100px;
	height: 20px;
	padding: 3px 0px 0px 10px;
	overflow: auto;
	background-color: #FFFFFF;
	margin: 0px;
	position: relative;
}


#tabelle_150_weiss {
	float: left;
	width: 150px;
	height: 20px;
	padding: 3px 0px 0px 10px;
	overflow: auto;
	background-color: #FFFFFF;
	margin: 0px;
	position: relative;
}


#tabelle_200_weiss {
	float: left;
	width: 200px;
	height: 20px;
	padding: 3px 0px 0px 10px;
	overflow: auto;
	background-color: #FFFFFF;
	margin: 0px;
	position: relative;
}


#tabelle_250_weiss {
	float: left;
	width: 250px;
	height: 20px;
	padding: 3px 0px 0px 10px;
	overflow: auto;
	background-color: #FFFFFF;
	margin: 0px;
	position: relative;
}


#formular_200_weiss {
	float: left;
	width: 200px;
	height: 40px;
	padding: 5px 0px 0px 2px;
	overflow: auto;
	background-color: #FFFFFF;
	margin: 0px;
	position: relative;
}



#formular_250_weiss {
	float: left;
	width: 250px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	overflow: auto;
	background-color: #FFFFFF;
	margin: 0px;
	position: relative;
}



#formular_450_weiss {
	float: left;
	width: 450px;
	height: 140px;
	padding: 0px 0px 0px 0px;
	overflow: auto;
	background-color: #FFFFFF;
	margin: 0px;
	position: relative;
}


#formular_500_weiss {
	float: left;
	width: 450px;
	height: 140px;
	padding: 0px 0px 0px 0px;
	overflow: auto;
	background-color: #FFFFFF;
	margin: 0px;
	position: relative;
}


#bilder_250_weiss {
	float: left;
	width: 250px;
	
	padding: 0px 0px 0px 0px;
	overflow: auto;
	background-color: #FFFFFF;
	margin: 0px;
	position: relative;
}

#bilder_250_40_weiss {
	float: left;
	width: 250px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	overflow: auto;
	background-color: #FFFFFF;
	margin: 0px;
	position: relative;
}




#news {
	border: thin dotted #C0C0C0;
	float: left;
	width: 145px;
	padding: 10px;
	overflow: auto;
	background-color: #F9F9F9;
	margin: 20px 0px 0px 2px;
	position: relative;
}
#aktionen {
	border: thin dotted #C0C0C0;
	float: left;
	width: 145px;
	padding: 10px;
	overflow: auto;
	background-color: #F9F9F9;
	margin: 20px 0px 0px 2px;
	position: relative;
}





#content img {
	display: block;
}
#footer {
	clear: both;
	width: 1024px;
	background-color: #808080;
	padding: 0;
	overflow: auto;
	margin-top: 0px;
	color: #FFFFFF;
}
#masthead img {
	float: left;
}
#masthead p {
	text-align: right;
	margin: 0;
	margin-top: 5px;
	margin-right: 10px;
	padding: 0;
}



/* Formatvorlagen für Fußzeile */
#footer p {
	font-size: 0.8em;
	text-align: center;
	margin: 0px;
	padding: 2px;
}
#footer a {
	color: #333;
	text-decoration: underline;
}
#footer a:hover {
	color: #333;
	text-decoration: none;
}
a {
	color: #04b;
	text-decoration: underline;
	text-align: left;
}
a:hover {
	color: #333;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}






h1{ 
    font-family:verdana, arial, helvetica, sans-serif;
    color: #4E4E4E;
    font-size:24px}

h2{ 
    font-family:verdana, arial, helvetica, sans-serif;
    color: #4E4E4E;
    font-size:16px}

h3{ 
    font-family:verdana, arial, helvetica, sans-serif;
    color: #4E4E4E;
    font-size:14px}

h4{ 
    font-family:verdana, arial, helvetica, sans-serif;
    color: #4E4E4E;
    font-size:12px}
h5{ 
    font-family:verdana, arial, helvetica, sans-serif;
    color: #4E4E4E;
    font-size:10px}

h6{ 
    font-family:verdana, arial, helvetica, sans-serif;
    color: #4E4E4E;
    font-size:8px}






.vi_08{ 
    font-family:verdana, arial, helvetica, sans-serif;
    color: #4E4E4E;
    font-size:8px}

.vi_10{ 
    font-family:verdana, arial, helvetica, sans-serif;
    color: #4E4E4E;
    font-size:10px}
   
.vi_12{ 
    font-family:verdana, arial, helvetica, sans-serif;
    color: #4E4E4E;
    font-size:12px}

.vi_14{ 
    font-family:verdana, arial, helvetica, sans-serif;
    color: #4E4E4E;
    font-size:14px}
    
.vi_16{ 
    font-family:verdana, arial, helvetica, sans-serif;
    color: #4E4E4E;
    font-size:16px}
    
.vi_24{ 
    font-family:verdana, arial, helvetica, sans-serif;
    color: #4E4E4E;
    font-size:24px}  






.vi_spacing {
    font-family:arial, helvetica, sans-serif;
    color: #4E4E4E;
    letter-spacing: 6px;  
}
 
span.vi_spacing {
    font-family:arial, helvetica, sans-serif;
    color: #4E4E4E;
    letter-spacing: 6px;  
}



#button {
	width: 205px;
	display: inline;
	float: left;
	background-color: #cdf;
	margin: 18px 0px 1em 0px;
	border-right: 0px solid #DCE1E5;
	padding: 0 0 0 0;
	clear: both;
	font-family: Verdana, Arial, sans-serif; /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/;
	font-size : 11px;
	background-color: #DCE1E5;
	color: #333;
}

        #button ul {
                list-style: none;
                margin: 0;
                padding: 0;
                border: none;
                }

        #button li {
                border-bottom: 1px dotted #788999;
                margin: 0;
                list-style: none;
                list-style-image: none;
                }

        #button li a {
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 10px solid #F9F9F9;
                border-right: 10px solid #F9F9F9;
                background-color: #F9F9F9;
                color: #323A41;
                text-decoration: none;
                width: 100%;
                }

        html>body #button li a {
                width: auto;
                }

        #button li a:hover {
                border-left: 10px solid #737373;
                border-right: 10px solid #737373;
                background-color: #737373;
                color: #fff;
                }

        #button li #active {
                border-left: 10px solid #737373;
                border-right: 10px solid #737373;
                background-color: #737373;
                color: #fff;
                }