@import url(start_farbe.css);

#g_suche { display:none; }

html,body, .seitencontainer
{ height:100%; width: 100%; margin:0; padding:0; }

body { background-color:white; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }

.seitencontainer { min-width: 780px; }

a:link { color: #0000cc; font-weight: bold; text-decoration:none }

a:visited { color: #0000cc; font-weight: bold; text-decoration:none }

a:hover { background-color: #ccc; }

a:active { }

/* width:49.99%;  -  BEI AENDERUNGEN MOBILEANSICHT BEACHTEN!!!*/
.lo { background-color:white; height:40%; width:50%; float:left; }
#lo_mast { position: absolute; top: 5%; left: 10px; z-index:1; }
#lo_text { position: absolute; bottom: 74%; left: 130px; z-index:2; } 
#lo_afu { color: #ff7f00; font-weight: bold; letter-spacing: 2px; font-size: 36px; margin-top: 110px; }
#lo_autor { color: black; font-weight: normal; letter-spacing: 0; font-size: 16px;
text-align: right; padding-top: 5px; }
#lo_radio { position: absolute; left: 105%;/*lo_text left*/ top: 25%; z-index:1; }

/*.ro { background-color:#d9e8ff; height:40%; width:50%; float:right; overflow:hidden;}
damit dieser div notfalls das andere überdecken kann*/
.ro { background-color:#d9e8ff; position:absolute; top: 0px; right: 0px; height:40%; width:50%; z-index: 3; overflow:auto; }
#ro_text { position: absolute; top: 5%; left: 7%; z-index:2; } 

.mitte { background-color:#639099; color:yellow; font-size: 18px; font-weight: bold;
text-align: center; height:5%; width:100%; clear:both; }
/* min-height:5% */
#mitte_text { padding-top: 5px; }
.mitte_element, .mitte_element a, .mitte_element a:visited
{ background-color:#639099; color:yellow; margin-left: 1%; margin-right: 1%; }
.mitte_element a, .mitte_element a:visited
{text-decoration:underline; }
.mitte_element a:hover { background-color: #ccc; text-decoration:none; }


/* width:49.99%; */
.lu { background-color:gray; height:55%; width:50%; float:left;}
.ru { background-color:white; height:55%; width:50%; float:right;}

.lu_element { float:right; background-color:gray; }
.ru_element { float:left; background-color:white; }

.lu_element, .ru_element { text-align: center;
height:auto; min-width:130px; width:23%; margin-top: 5%;
padding-top:20px; }

.rubrik_picture { }

.con { text-align: left; padding: 10px; height:75%; margin-top: 22px; font-size: 12px; }

.validator { position: absolute; right: 0; bottom: 0; height:auto; }
.validobj { float:left; padding-left: 6px; }
.validobj img { border:0; }