/* Styles für www.stb-loeffler.de, Stand: 2009-07-07, erstellt von Melanie Lohn Multimedia-Entwicklung, www.melanie-lohn.de */
/* orange: #fe9900, grau: #969696, dunkelgrau: #333333 */




body {
color: #000000;
margin: 0;
padding: 0;
background: #cccccc;
font: 13px/1.4em Calibri, Arial, sans-serif;
letter-spacing: 0px;
overflow: scroll;
}

a { 
color: #fe9900;
font: 13px/1.4em Calibri, Arial, sans-serif;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.leer {
clear: both; 
overflow: hidden; 
margin: 0; 
padding: 0; 
height: 1px;
} 

h1 { 
color: #fe9900;
font: bold 16px/1.6em Calibri, Arial, sans-serif;
}

h2 {
color: #333333;
font: bold 16px/1.6em Calibri, Arial, sans-serif;
}

h3 {
color: #333333;
font: bold 15px/1.6em Calibri, Arial, sans-serif;
}


/******* Seitenaufbau **********/

#umrandung {
width: 980px;
margin: 0 auto;
background: url(bilder/l-bg.jpg) repeat-y center;
}

#oben {
background: #fff;
height: 5px;
margin: 0 21px;
padding: 0;
}

#kopfleiste {
background: #fff;
height: 100px;
margin: 0 21px;
}

#logo {
float: right;
padding: 0;
}

#kleinenavi { 
color: #fff;
float: left; 
padding: 3px 10px 3px 10px;
}

#kleinenavi a{ 
color: #fff;
font-weight: bold;
}

.horizontale {
background: #333;
height: 24px;
margin: 0 18px;
border-bottom: 2px solid #fe9900;
border-top: 2px solid #fe9900;
}

#fusszeile {
color: #fff;
float: left;
padding: 3px 10px 3px 10px;
}

#unten {
background: #fff;
height: 5px;
margin: 0 21px;
padding: 0;
}

/******* Inhalt *********/

#mitte {
background: url(bilder/shade.gif) repeat-x top;
margin: 2px 86px 0 21px;
padding: 10px;
overflow: hidden;
clear: both;
}

#inhalt {
width: 580px;
padding: 10px 0 10px 10px;
float: left;
}

#inhalt p {
margin: 0 0 10px 0;
}

#inhalt ul {
padding: 0 0 10px 0;
margin: 15px 0 0 15px;
list-style: square url(bilder/bullet.gif);
}

#inhalt li {
margin: 0;
padding: 0 0 4px 0;
}

.img {
border: 1px solid #999999; 
padding: 7px; 
margin: 0 0 6px 6px; 
background-color: #fff;
}

.box1 {
width: 190px; 
float: left; 
padding: 7px; 
border: 1px solid #999999;
}

.hinweis {
width: 450px;
float: left;
padding: 5px;
margin-top: 3px;
border: 1px solid #999999;
clear: both;
}

.cont {
display: block;
background-color: #fff5e5;
padding: 5px;
}

.cont:hover {
background-color:#fff;
}

/***** Navigation vertikal **********/
#vertikalenavi {
width: 200px;
margin: 0 0 0 5px;
float: left;
}

.menu {
list-style: none;
}

.menu ul {
}

.menu li {
padding: 0 0 5px 0;
list-style: square url(bilder/bigbullet.gif);
font-weight: bold;
}

.menu a {
color: #333333; 
text-decoration: none;
font-weight: bold;
}

.menu a:hover {
color: #fe9900;
}


.untermenu {
margin: 5px 0 0 5px;
padding: 0;
list-style: none;
}

.untermenu ul {

}

.untermenu li {
padding: 0;
list-style: square url(bilder/bullet.gif);
}

.untermenu a {
color: #333333; 
text-decoration: none;
font-weight: normal;
}

.untermenu a:hover {
color: #fe9900;
}

fieldset {
width: 448px;
float: left;
padding: 3px;
margin-top: 5px;
clear: both;
}

.button {
border: 1px solid #eeeeee;
}