/* - - - - - - - - - - - - - - - - - - - - */
/* Body */
/* - - - - - - - - - - - - - - - - - - - - */
body, html {
background: #ffffff url(https://stromino.de/assets/images/hi.jpg) repeat-x;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
margin: 0 0 5px 0;
padding: 0;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* Aeussere Contentbox */
/* - - - - - - - - - - - - - - - - - - - - */
#inhalt {
background: #ffffff;
margin:10px auto;
text-align:left;
width: 780px;
border: 1px solid #0033cc;
padding: 5px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* Headerbereich */
/* - - - - - - - - - - - - - - - - - - - - */
.aussen {
width: 100%;
margin: 0px 0px 5px 0px;
padding: 0px;
}

#innenhead {
border-bottom: 1px solid #0033cc;
}


#topbanner {
background-image: url(https://stromino.de/assets/images/oblo4.jpg);
height: 95px;
border-bottom: 2px solid #ffffff;
}

#topsmallbottom {
background: #6699cc;
height: 90px;
padding: 0;
}

#topsmallbottoma {
background: #6699cc;
height: 4px;
padding: 0;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* Menue und Content */
/* - - - - - - - - - - - - - - - - - - - - */
#menuetop {
color: #ffffff;
padding: 3px 3px 3px 8px;
font-size: 11px;
font-weight: bold;
background: #6699cc;
border-right: 1px solid #ffffff; 
}

#contenttop {
color: #000000;
padding: 3px 3px 3px 8px;
font-size: 11px;
font-weight: normal;
background: #99CCFF; 
white-space: nowrap;
border-left: 1px solid #ffffff;
}

#contenttop a {
color: #ffffff;
text-decoration: none;
}
#contenttop a:hover {
color: #000000;
text-decoration: underline;
}

#menue {
color: #000000;
padding: 0px;
font-size: 11px;
font-weight: normal;
background: #ffffff; 
border-right: 1px solid #ffffff;
vertical-align: top;
}

#navdiv {
padding: 1px 0 1px 0;
margin-bottom: 1px;
background-color: #ffffff;
}

#navdiv ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navdiv li { margin: 0 0 1px 0; }
#navdiv ul li { margin: 0 0 1px 0; }

#navdiv .kategorie {
padding: 3px;
color: #ffffff;
background-color: #99ccff;
text-decoration: none;
font-weight: bold;
text-align: left;
}

#navdiv ul a {
display: block;
padding: 3px 3px 3px 10px;
width: 170px;
color: #ffffff;
background-color: #ccccff;
text-decoration: none;
border-bottom: 1px solid ffffff;
border-left: 5px solid #6699cc;
}

#navdiv ul a:hover {
color: #000000;
background-color: #ffffff;
text-decoration: none;
border-left: 5px solid #6699cc;
}

#content {
color: #000000;
padding: 3px 0px 3px 5px;
font-size: 11px;
font-weight: normal;
background: #ffffff; 
border-left: 1px solid #ffffff;
vertical-align: top;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* Footerbereich*/
/* - - - - - - - - - - - - - - - - - - - - */
#footer {
color: #000000;
padding: 5px;
font-size: 11px;
font-weight: normal;
background: #99ccff; 
text-align: center;
}

#footer a {
color: #990000;
padding: 3px;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

#footer a:hover {
color: #000000;
padding: 3px;
font-size: 11px;
font-weight: normal;
text-decoration: underline;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* Standard Tabellen fuer Contentausgaben*/
/* - - - - - - - - - - - - - - - - - - - - */
/* Aussen Rahmen, Tabellen Rahmen */
.innen {
border: 1px solid #0033cc;
margin-bottom: 5px;
}

/* Tabellenkopf */
.innend {
padding: 3px;
font-size: 11px;
color: #000000;
line-height: 1.5em;
}

/* Tabelleninhalte */
.innenh, .innenhd, .innenhdd {
padding: 3px;
font-size: 11px;
color: #000000;
line-height: 1.5em;
}

/* Tabellenkopfhintergrundfarbe, Schriftgewicht */
.innend {
background: #99CCFF;
font-weight: bold;
}

/* Erste Tabellenhintergrundfarbe */
.innenh {
background: #ffffff;
}

/* zweite Tabellenhintergrundfarbe */
.innenhd {
background: #FDFAF4;
}

/* Dritte Tabellenhintergrundfarbe */
.innenhdd {
background: #fbf3e3;
}

/* Linkdefinition Tabellenkopf*/
.innend a {
color: #990000;
text-decoration: underline;
}
.innend a:hover {
color: #e10000;
text-decoration: underline;
}

/* Linkdefinitionen fuer erste, zweite und dritte Tabellenzellenfarbe*/
.innenh a, .innenhd a, .innenhdd a {
color: #990000;
text-decoration: underline;
}
.innenh a:hover, .innenhd a:hover, .innenhdd a:hover {
color: #e10000;
text-decoration: underline;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* Formulare*/
/* - - - - - - - - - - - - - - - - - - - - */
form {display: inline;}

.mb {
background-color: #ffffff;
border: 1px solid #6699cc;
font-family: Verdana, Arial, sans-serif;
color: #000000;
font-size: 11px;
}

.los {
background-color: #ffff66;
border: 1px solid #6699cc;
color: #000000;
font-size: 11px;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* SEITENNAVIGATION */
/* - - - - - - - - - - - - - - - - - - - - */
.seiteninfo, .aktuelleseite, .pl {
font-family: Verdana, Arial;
font-size: 11px;
text-align: center;
color: #000000;
border: 1px solid #DE7501;
border-collapse: collapse;
line-height: 1.2em;
}

.seiteninfo {
background-color: #99CCFF;
font-weight: bold;
padding: 1px 3px 1px 3px;
}

.aktuelleseite {
background-color: #ffffff;
font-weight: bold;
padding: 2px 6px 2px 6px;
}

.pl a {
display: block;
float: left;
background-color: #fbf3e3;
color: #990000;
text-decoration: none;
font-weight: bold;
padding: 2px 6px 2px 6px;
white-space: nowrap;
}
.pl a:hover {
color: #000000;
text-decoration: none;
font-weight: bold;
background-color: #ffffff;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* Fehler Hinweise rot/gruen*/
/* - - - - - - - - - - - - - - - - - - - - */
.tippred {
color: red;
font-weight: bold;
}

.tippgreen {
color: green;
font-weight: bold;
}

/* - - - - - - - - - - - - - - - - - - - - */