@charset "ISO-8859-1";

body        { font-family: Arial, Helvetica, sans-serif; background: #006ab3; margin:0; padding:0; text-align:center; }
body, td    { color:#666666; font-size:15px; line-height:20px; vertical-align:top }
img         { border:0px; }
a           { color:#666666 }
h1,h2,h3,h4,h5,h6 { color:#006ab3 }

    #metanav    { background: #FFF url(../images/metabg.gif) repeat-x bottom left; height:37px; font-size:12px; line-height:14px; text-align:left }
    #metanav ul { list-style-type:none; margin:0 auto; padding:0; width:955px; }
    #metanav ul li { display:inline; margin:0; padding:0; }
    #metanav ul li a { display:block; float:left; padding: 5px 8px 3px 8px; background:#E5E5E5; margin:13px 2px 0 0; color:#999; text-decoration:none; }
    #metanav ul li a:hover { background:#CCC; color:#666 }
    #metanav ul li.me5 a, #metanav ul li.me6 a { float:right; margin:0 ! important; padding:0 ! important; height:34px; }
    #metanav ul li.me5 a span, #metanav ul li.me6 a span { display:none }
    #metanav ul li.me5 a { background: url(../images/grafikbuttons/sani-gr.gif) no-repeat bottom right; width:208px } 
    #metanav ul li.me6 a { background: url(../images/grafikbuttons/mini-gr.gif) no-repeat bottom right; width:221px }
    #metanav ul li.me5 a:hover { background: url(../images/grafikbuttons/sani.gif) no-repeat bottom right; width:208px } 
    #metanav ul li.me6 a:hover { background: url(../images/grafikbuttons/mini.gif) no-repeat bottom right; width:221px }
    
#sitehead   { background:#FFF; text-align:left }
#sitehead .padd { height:142px; margin:0 auto; padding:0; width:965px; }
#sitehead .padd h1 { float:right; margin:0;padding:0; }
#sitehead .padd h2 { margin:0; padding:92px 0 0 5px; font-size:24px; line-height:24px; }

    #sitecon { background:#FFF; text-align:left }
    #sitecon .padd { margin:0 auto; padding:0; width:955px; }
    
    #zweispalter { padding:0; margin:0 } 
    #zwspleft   { float:left; width:290px; }
    #zwspright  { float:right; width:290px; }
    
    #zweispalter ul { list-style:square; padding-left:20px; }
    
    #sitecon #right { float:right; width:300px; padding:1px 0 0 0; } 
    #sitecon #right #navi { background: #006ab3 url(../images/subnavbg.gif) no-repeat top left; margin:0; list-style-type:none;padding:25px 0 20px 0; font-size:16px;line-height:16px;font-weight:bold }
    #sitecon #right #navi li { display:inline; margin:0; padding:0 }
    #sitecon #right #navi li a { display:block; color:#FFF; text-decoration:none; padding:10px 30px; background: url(../images/subnavlibg.gif) repeat-x bottom left }
    #sitecon #right #navi li a.on { background:#00418c url(../images/subnavlilibg.gif) repeat-x bottom left; }
    #sitecon #right #navi li ul { margin:0; padding:0; list-style-type:none; background:#004e9b;font-size:14px;line-height:14px; }
    #sitecon #right #navi li ul li a { padding:8px 0 8px 40px; background: url(../images/subnavlilibg.gif) repeat-x bottom left; font-weight:normal ! important } 
    #sitecon #right #navi li ul li a.on { font-weight:bold ! important }
    
    #sitecon #right #navi li ul li ul li a { padding:8px 0 8px 50px; background: url(../images/subnavlilibg.gif) repeat-x bottom left; font-size:13px; font-weight:normal ! important } 
    #sitecon #right #navi li ul li ul li a.on { font-weight:bold ! important }
    
    
    
    #sitecon #right p { margin:0;padding:0; }
    
    #sitecon #right p.fuenfzig { padding-top:10px; text-align:center }
    
    #sitecon #left { width:620px; padding:1px 0 0 0; }
    #sitecon hr.clearer { clear:both;margin:0;height:1px;visibility:hidden }
    
#footer { height:165px; background: url(../images/footbg_parent.gif) repeat-x top left; text-align:left; font-size:12px; color:#599ece; }
#footer a { color:#599ece; text-decoration:none; }
#footer .padd { width:985px; height:198px; margin:0 auto; padding:1px 0 0 0; background: url(../images/footbg.gif) no-repeat top center; }
#footer .padd p.bereiche { padding:58px 0 0 7px; margin:0; }
#footer .padd p.bereiche span { display:block; padding:0px 0 0 8px; }
#footer .padd p.systeme { float:right; width:330px;text-align:center; margin:120px 0 0 0; padding:0; }

.anleser { padding:20px 15px; background:#999; color:#FFF; font-size:16px; line-height:22px; font-weight:bold; margin:0 auto auto auto; }
    .BoxMitRahmen { padding:7px 8px; background:#f2f2f2; border-bottom:1px solid #CCC; border-right:1px solid #CCC }
    .links { float: left; margin:0 10px 0 0 }
    .rechts { float: right; margin:0 0 0 10px}
    .historie { width:620px;border-top: 1px solid #e5e5e5; }
    .startbox { margin-top:20px }

    .minitext { font-size:11px; line-height:14px; margin-bottom:15px; border-bottom:1px solid #E5E5E5; padding-bottom:4px; }
    .minitext img { margin-bottom:3px; }
    
    #bewerbungsform { padding:20px 0 0 0 }
    #bewerbungsform .eingabe { width:260px; font-size:14px; margin-bottom:8px ! important }
    
    p.bewerben a { font-weight:bold;color:#006ab3 }
    
    #jobliste { margin:35px 0 0 0 ! important; padding:0 0 0 0 ! important; list-style-type:none ! important; border-top:1px solid #CCC ! important }
    #jobliste li { margin:0; padding:15px 15px ; border-bottom:1px solid #CCC ! important  }
    #jobliste li strong a { color:#006ab3; font-size:18px;  }
    #jobliste li a.newslink { display:block; float:right ! important; }
    
    #newsliste { margin:35px 0 0 0 ! important; padding:0 0 0 0 ! important; list-style-type:none ! important; border-top:1px solid #CCC ! important }
    #newsliste li { margin:0; padding:15px 15px ; border-bottom:1px solid #CCC ! important  }
    #newsliste li strong a { color:#006ab3; font-size:18px;  }
    span.datum { display:block; float:right; color:#999 }
    
    
img.kopfbild { margin:0 0 15px 0 }
table.historie td { padding: 5px 10px 5px 10px; border-bottom: 1px solid #e5e5e5; }


.button         { border: none; background: #999; margin: 0; padding: 2px 6px; font-size: 13px; color: #FFF; font-weight: bold; border: 1px outset #CCC; }
a.button        { padding: 3px 6px; text-decoration:none; }
.button:hover   { cursor:pointer; color: #FFF; background-color: #006ab3; }
.button:focus   { border: 1px outset #333; }

/* ## Startnews ## */

    .startnews { padding:20px 0 0 0; text-shadow:1px 1px 0px #003366; }
    .startnews a { background:#CCC url(../images/boxbg.gif) no-repeat top center; padding:15px; display:block; color:#FFF; text-decoration:none; min-height: 125px; }
    .startnews strong { font-size:17px; display:block; padding:0 0 5px 0 }
    .startnews a strong { color:#FC0 }
    
    .startnews a:hover strong { color:#FC0; text-decoration:underline }
    
/* ## GALERIE ## */
    
    #gallery { padding:5px 0 5px 5px;  }
    #gallery ul { margin:0px; padding:0; list-style-type:none }
    #gallery ul li { float:left; }
    #gallery ul li a { display:block; width:194px; height:120px; overflow:hidden; margin:0 6px 5px 0; text-align:center; background: url(../images/21-1.gif) no-repeat center center; border:1px solid #CCC }
    
    
    
/*  Link Schottenheizung auf Startseite  */

    div#link_schotten { width: 620px; background:#CCC url(../images/boxbg.gif) repeat-x top center; float: left; margin-top: 20px; font-size: 15px; text-shadow: 1px 1px 0 #003366; color: #FFFFFF; }
    div#link_schotten a { color: #FFFFFF; text-decoration: none; width: 620px; }
    div#link_schotten a:visited { text-decoration: none; }
    div#link_schotten a:hover { text-decoration: none; }
    div#link_schotten a strong { color: #FFCC00; font-weight: bold; font-size: 17px; }
    div#link_schotten a:hover strong { text-decoration: underline; }
    span.schotten_bereich { padding: 15px; display: block; }
    
    #footer span { font-weight: normal; }