@charset "UTF-8"
/* Browser Reset */

body {
	margin: 0px;
	padding: 0px;
    font-family: verdana;
    font-size: 1.2em;
    height: 100%;
    /* font-size: 100%; */
}
div.boxABS {
    position: relative;
    top: 0px;
    left: 0px;
    width: 370px;
    height: auto;
    padding: 0px;
    background-color: #CCCCFF;
}


div.boxREL {
    position: relative;
    right: 5px;
    bottom: 5px;
    width: 700px;
    height: auto;
    /* border: 2px solid #73AD21; */
    background-color: #CCFFCC;
}

div.headerFeld1 {
    margin: 10px;
    width: 100%;
    padding: 5px 10px 10px 15px;
	background-color: #CCC;
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    vertical-align: top; 
}

b.Blau {
    color: #0000FF;
}
b.Rot {
    color: #C00000;
}
img {
	max-width: 100%; /* */
	height: auto;
    padding: 0%;  /* das muss so bleiben !!! ... bei content kann man ändern*/
     
}

td.links {
    text-align: left;
    vertical-align: top;
    font-size: 1.2em;
}
td.mittig {
    text-align: center;
    vertical-align: top;
    font-size: 1.2em;
}
td.rechts {
    text-align: right;
    font-size: 1.2em;
}

td.fremd {
    text-align: left;
    vertical-align: top;
    background-color: #E0C0C0;
    font-size: 0.8em;
}

td {
    text-align: left;
    vertical-align: top;
    font-size: 1.0em;
}

td.bbneu {
    text-align: left;
    vertical-align: top;
    color: #000070;
    font-size: 1em;
}

#seite {
	max-width: 1200px;        /* Breite der Seite wird hier festgelegt */
	margin:0 auto;
}

#header {
	width: 100%;
    padding: 5px 10px 10px 15px;
	background-color: #EEE;
    color: #000000;
    font-size: 1.3em;
    font-weight: bold;

}

#content {
	width: 100%;
	padding: 1%;    /* hier kann man ändern */
	float: none;
	background-color: #FFFFFF;
    font-size: 1.2em;
}

a.hell {
     color: #FFFFFF;
     font-size: 1em;
     font-weight: normal;
}

a {
    color: #000080;
    font-size: 1em;
    font-weight: normal;
}

a.hgf {
    color: #000080;
    background-color: #FFA0A0;
    font-size: 1em;
    font-weight: normal;
    text-decoration:none;
}

a.klein {
    color: #000080;
    font-size: 0.7em;
    font-weight: normal;
}

a.gross {
    color: #0000B0;
    font-size: 1.2em;
    font-weight: normal;
}

#footer {
    width: 100%;
	padding: 5px 5px 8px 10px;
	background-color: #888;
    color: #FFFFFF;
    font-size: 1em;
    float: none;
}

dl.bildunterschrift {float: left; margin:10px 10px 10px 0px; text-align: left;}
dl.bildunterschrift dd {margin:0px; font-size:90%; text-align: left;}

.rot {  color: #FF0000; }
.dgruen {  color: #008000; }
.blau {  color: #0000FF; }

@media screen and (orientation:portrait) and (max-width:480px) {
	#content {
		width: 93.750%;
		float: none;
	}
}