/* Bildschirmbreite/Auflösung:
                      60%     70%     80%     90%
1.680 x 1.050       1.008   1.176   1.344   1.512
1.280 x 800           768     896   1.024   1.152  
1.024 x 768           614     717     820     922
* {
	padding:0px;
	margin:0px;
}
*/
* {
	margin:0px;
}



/*--------------body background-color:#CCCCCC; = hellgrau-------------------------------*/
body {
	background-color:#733214;
	background:#733214;
	color:#622C09;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}
/*--------------Schriftgrösse 100% - em entspricht  td+p = 15px und h1 = 16px bis h6 = 21px-------------------------------*/
/* --#CCCCCC = hellgrau --#676767 = dkl grau--#3C6EA4=blau--#7A672E= dkl gold--#E7CD2A = hellgold------*/
/* --Schriftfarbe color im jeweiligen <div>  inhalt oder inhalt breit ---0.939--*/
td           { font-family: Arial, sans-serif; font-size: 1.0em; margin-top: 0; margin-bottom: 0; }
p            { font-family: Arial, sans-serif; font-size: 1.0em; margin-top: 0; margin-bottom: 0; }
h1           { font-family: Arial, sans-serif; font-size: 1.31em;font-weight: bold; margin-top: 0; margin-bottom: 0; }
h2           { font-family: Arial, sans-serif; font-size: 1.25em;font-weight: bold; margin-top: 0; margin-bottom: 0; }
h3           { font-family: Arial, sans-serif; font-size: 1.18em;font-weight: bold; margin-top: 0; margin-bottom: 0; }
h4           { font-family: Arial, sans-serif; font-size: 1.12em;font-weight: bold; margin-top: 0; margin-bottom: 0; }
h5           { font-family: Arial, sans-serif; font-size: 1.07em;font-weight: bold; margin-top: 0; margin-bottom: 0; }
h6           { font-family: Arial, sans-serif; font-size: 0.98em;font-weight: normal; margin-top: 0; margin-bottom: 0; }
/*------------------------ h6 für Bildbeschriftungen
--------------------*/

img {
	border:1px #733214 solid;
	border-radius:7px;
}
table.box { 
			border: solid 2px; 
			border-color: #733214; 
			background: #EEC28E; 
			padding: 0px;
			border-radius:10px;
			}

/*------------------------
--------------------*/
dl {
padding-top:0px
}


dt {
	
	font-family: Arial, sans-serif; 
	font-size: 1.03em;
	font-weight:bold;
	text-align:left;
}
dd {
	
	font-family: Arial, sans-serif; 
	font-size: 1.03em;
	text-align:left;
}


/*  ? A:text-decoration: none  */
/*  Reihenfolge ist wichtig:  */
a:link{color:black;}
a:active{color:black;}
a:visited{color:black;}
a:hover{color:blue;}
/*a:link {text-decoration:none}*/
		 
/* -------background:#676767; = dkl grau--------------------------------------*/
#wrapper {
	background:#BF7534;
	color:#E7CD2A;
	width:90%;
	max-width:1280px;
	min-width:950px;

	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:5px;
	border:1px #733214 solid;
	border-radius:10px;
}
#kopf {
	position:relative;
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
	height:30px;
	margin-left:190px;
	}
#kopf_breit {
	position:relative;
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
	height:30px;
	margin-left:0px;
	}

#kopf p {
	color:#EEC28E;
	font-size:24px;
	font-variant:small-caps;
	font-weight:bold;
	font-style:italic;
	margin-top: 4px; 
	margin-bottom: 2px;
}
#kopf_breit p {
	color:#EEC28E;
	font-size:24px;
	font-variant:small-caps;
	font-weight:bold;
	font-style:italic;
	margin-top: 4px; 
	margin-bottom: 2px;
}

#navigation {
	position:relative;
	height:45px;
	background:#BF7534;
	margin-left:183px;
}
#navigation_breit {
	position:relative;
	height:45px;
	background:#BF7534;
	margin-left:0px;
}

#menue_links {
	position:absolute;
	width:175px;
	background-color:#BF7534;
	float:left;
	padding-left:0px;
	
}

#inhalt {
	position:relative;
	background-color:#EEC28E;
	margin-left:190px;
	margin-top:0px;
	text-align:center;
	margin-top:0px;
/* padding-top  wird individuell über .seitenrand_oben_x eingestellt*/	
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	min-height:700px;
	border-radius:10px;

}
#inhalt_breit {
	position:relative;
	background-color:#EEC28E;
	margin-left:0px;
	margin-top:0px;
	text-align:center;
	padding-top:15px;
	padding-right:15px;
	padding-bottom:0px;
	padding-left:15px;
	min-height:690px;
	text-align:left;

}
#logo {
	text-align:center;
	padding-bottom:5px;
	color:white;
	font-style:italic;
	
}
#logo p {
	color:white;
	font-style:italic;
	padding-bottom:0px;
	padding-top:0px;

}
#iframe {
	min-height:690px;
	border:1px #733214 solid;
	border-radius:10px;

}

#footer {
	clear:both;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#BF7534;
	color:#EEC28E;
	width:100%;
}
#footer blockquote {
	position:absolute;
	float:left;
	padding-left:20px
}
#navi_footer {
	width:100%;
}
#navi_footer a:link, #navi_footer a:visited, #navi_footer a:active, #navi_footer a:hover {
	font-size:1.0em;
	color:#EEC28E;
	font-family:Arial, Helvetica, sans-serif;
}

#navi_footer a:hover{
	color:black; 
	background-color:white; 
	}

#navi_footer ul li{
	display:inline;
	padding:0 10px;
}
#kontakt {
	width:300px;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
}

.center {
	text-align:center
}
.left {
	text-align:left;
}
/* -------Abstand der Überschrift zum oberen Seitenrand----------------------------------------------------------------------------------------------*/
.seitenrand_oben_5 {
	padding-top:5px;
}	
.seitenrand_oben_10 {
	padding-top:10px;
}
.seitenrand_oben_15 {
	padding-top:15px;
}
.seitenrand_oben_20 {
	padding-top:20px;
}
/* -------background:#676767; = dkl grau------#CCCCCC; = hellgrau----#E7CD2A = hellgold--------------*/
.hell_gelb {
	background-color:#EEC28E;
	color:#733214;	
}

.weiss {
	background-color:white;
	color:#676767;
}