/* Farben */
/*
blau	    #035a87
rot			#990000
hg-grau		#e4e4e4
schrift		#333333
*/
body {
margin:0;
padding:0;
background-color:#ffffff;
font-family:"Trebuchet MS", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
font-size:70%;
color:#333333;
font-weight:normal;
letter-spacing:0.1em;
}
html, body
{
height:100%;
}

b, strong
{
font-weight:bold;
color:#333333;
}

p
{
margin-top:0.7em;
margin-bottom:0.7em;
}

/* Formate für Div-Container (Layout) */
#wrapper
{
width:990px;
background-color:#ffffff;
margin:auto;
margin-top:5px;
}
#logo
{
width:990px;
height:80px;
background-image:url(../bilder/hg_logo.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
clear:both;
}

/* horizontale Navigation oben */

#navi_oben
{
width:990px;
height:15px;
/*padding-left:740px;*/
background-image:url(../bilder/hg_navi_oben.gif);
background-repeat:no-repeat;
text-align:right;
clear:both;
overflow:hidden;
}

#navi_oben ul
{
margin:0;
padding:0;
list-style:none;
list-style-image:none;
}
#navi_oben ul li
{
display:inline;
}
#navi_oben ul li a
{
font-size:100%;
text-decoration:none;
letter-spacing:0.1em;
padding-left:10px;
padding-right:10px;
display:block;
float:right;
color:#f4f4f4;
}
#navi_oben ul li a:hover
{
padding-left:10px;
padding-right:10px;
color:#ffffff;
}
#navi_oben .over
{
color:#ffffff;
}
#header
{
width:990px;
height:190px;
margin-top:5px;
margin-bottom:5px;
clear:both;
}
#themenbild
{
width:735px;
height:190px;
float:left;
}
#grafikelement
{
width:250px;
height:190px;
background-image:url(../bilder/hg_grafikelement.jpg);
background-repeat:no-repeat;
float:right;
}
#subheader
{
width:990px;
height:25px;
margin-bottom:5px;
clear:both;
}
#subheader_links
{
width:200px;
height:25px;
background-image:url(../bilder/hg_subheader_links.gif);
background-repeat:no-repeat;
float:left;
}
#subheader_rechts
{
width:245px;
height:23px;
padding-left:5px;
padding-top:2px;
background-image:url(../bilder/hg_subheader_rechts.gif);
background-repeat:no-repeat;
float:right;
}

/* horizontale Navigation mitte */

#navi_mitte
{
width:520px;
height:25px;
background-image:url(../bilder/hg_navi_mitte.gif);
background-repeat:no-repeat;
padding-left:5px;
padding-right:5px;
margin-left:5px;
float:left;
}

#inhalt
{
width:990px;
margin:auto;
clear:both;
}
#links
{
width:180px;
min-height:190px;
background-image:url(../bilder/hg_links.jpg);
background-repeat:no-repeat;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
float:left;
overflow:hidden;
}
#mitte
{
width:520px;
background-color:#ffffff;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
float:left;
overflow:hidden;
}
#rechts
{
width:230px;
min-height:190px;
background-image:url(../bilder/hg_rechts.jpg);
background-repeat:no-repeat;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
float:right;
overflow:hidden;
}

#breadcrumb
{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:95%;
text-decoration:none;
letter-spacing:normal;
width:100%;
height:18px;
margin:auto;
margin-bottom:30px;
}
#breadcrumb a
{
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#333333;
letter-spacing:normal;
text-decoration:none;
padding-left:3px;
padding-right:3px;
}
#breadcrumb a:hover
{
text-decoration:underline;
}

#footer
{
font-size:90%;
width:990px;
height:25px;
margin-top:5px;
margin-bottom:5px;
clear:both;
overflow:hidden;
}
#footer_links
{
width:735px;
height:25px;
background-image:url(../bilder/hg_footer_links.gif);
background-repeat:no-repeat;
float:left;
}
#footer_rechts
{
width:250px;
height:25px;
background-image:url(../bilder/hg_footer_rechts.gif);
background-repeat:no-repeat;
float:right;
}
#footer a
{

text-decoration:none;
color:#333333;
}
#copyright
{
padding-top:5px;
padding-left:10px;
float:left;
}
#webdesign
{
padding-top:5px;
padding-right:10px;
float:right;
}

#inhalt h1
{
font-size:120%;
color:#035a87;
font-weight:bold;
letter-spacing:0.1em;
}
#inhalt h2,h3,h4,h5,h6
{
font-size:120%;
color:#035a87;
font-weight:bold;
letter-spacing:0.1em;
}

#inhalt a
{
color:#333333;
text-decoration:underline;
}
#inhalt a:hover
{
color:#666666;
text-decoration:underline;
}
#inhalt ul
{
list-style-position:outside;
list-style-type:square;
}
#inhalt li
{
margin-bottom:5px;
}

.headline_module
{
text-align:left;
border-bottom:dotted 1px #035a87;
}
.artikel
{
padding-top:0px;
padding-bottom:0px;
margin-bottom:20px;
line-height:1.4em;
}
#rechts a.artikellink
{
font-size:100%;
color:#333333;
font-weight:bold;
letter-spacing:0.1em;
text-decoration:none;
text-align:right;
}
#rechts a.artikellink:hover
{
color:#333333;
text-decoration:none;
}
.bilderrahmen
{
margin-right:10px;
margin-bottom:10px;
border-top:solid 1px #f4f4f4;
border-left:solid 1px #f4f4f4;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
float:left;
}
.linie
{
border-bottom:dotted 1px #035a87;
/*margin-left:20px;
margin-right:20px;*/
}


/* allgemeine Formate */

.item
{
font-size:100%;
color:#990000;
font-weight:bold;
letter-spacing:0.1em;
margin-top:0px;
margin-bottom:10px;
}
.item2
{
font-size:100%;
color:#990000;
font-weight:bold;
letter-spacing:0.1em;
margin-top:0px;
margin-bottom:10px;
}
.bildrand
{
border-top:solid 1px #f4f4f4;
border-left:solid 1px #f4f4f4;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
}
.header
{
font-size:120%;
color:#035a87;
font-weight:bold;
letter-spacing:0.1em;
padding-bottom:10px;
padding-top:10px;
}

/* Formate für Module links und rechts */

/* Formate für Kontaktdaten */
#kontaktdaten
{
font-size:100%;
color:#333333;
font-weight:normal;
letter-spacing:0.1em;
margin-bottom:20px;
}

/* Formate für Aktuelles */
#aktuelles
{
margin-bottom:20px;
}
.aktuelles_artikel
{
margin-top:20px;
margin-bottom:30px;
}
.aktuelles_datum
{
color:#333333;
font-size:90%;
font-weight:bold;
text-align:left;
}
.aktuelles_headline
{
color:#333333;
font-size:110%;
font-weight:bold;
margin-top:5px;
}

/* Formate für Zitate */
#zitate
{
margin-top:30px;
margin-bottom:20px;
padding-left:10px;
padding-right:10px;
}
.zitat
{
padding-bottom:10px;
color:#035a87;
font-size:110%;
font-weight:bold;
font-style:italic;
text-align:center;
}
.quelle
{
color:#333333;
font-size:90%;
font-weight:normal;
text-align:center;
}

/* Formate für Team */
.team
{
margin-bottom:20px;
}
.team_trenner
{
border-bottom:dotted 1px #035a87;
}

/* Formate für Werbepartner */
.werbepartner
{
margin-bottom:20px;
}
.werbepartner_trenner
{
border-bottom:dotted 1px #035a87;
}
.bildabstand
{
margin-top:10px;
}

/* Formate für Werbebanner */
#werbebanner
{
text-align:right;
margin-bottom:20px;
}

/* Formate für Standort */
#standort
{
margin-bottom:20px;
}


/* Formate für Formularelemente */

select, textarea, input
{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:100%;
font-weight:normal;
background-color:#f1f1f1;
border-top:solid 1px #e4e4e4;
border-left:solid 1px #e4e4e4;
border-right:solid 1px #e4e4e4;
border-bottom:solid 1px #e4e4e4;
}
.button
{
font-size:100%;
color:#f1f1f1;
font-weight:normal;
letter-spacing:0.1em;
background-color:#035a87;
border-top:solid 1px #e4e4e4;
border-left:solid 1px #e4e4e4;
border-right:solid 1px #e4e4e4;
border-bottom:solid 1px #e4e4e4;
cursor:pointer;
}
.input_suche
{
font-size:100%;
background-color:#f1f1f1;
border:solid 1px #035a87;
width:120px;
}
.textarea
{
overflow:auto;
}
.randlos
{
border:none;
background-color:transparent;
}