/* *_*_*_*_*_ kruse_medien _*_*_*_*_* Styles */
/* Farben */ 

html, body {background-color: #FFF;margin:0; padding:0; text-align:center; }
html {  min-height: 100.05%; }
body, td, p  { color: #171717; font-family: Verdana, Arial,Helvetica, sans-serif;font-size: 11px;line-height: 18px;} 
a, a:hover, a:link, a:visited{ background-image: none;}


/* ________________________________ Positionierung ______________________________________________________ */   
#container  { background-color: #FFF; background-image: url("../images/bg_all.jpg"); text-align: left; margin-right: auto;margin-top: 5px; margin-left: auto; width: 984px }
#klammer  {position: relative; width: 740px; float: right;  padding-left: 5px;margin-top: 4px;margin-right: 19px;}
*html #klammer  {width: 740px;margin-right: 10px;margin-top: 20px;}
/* ________________________________ Moodbar / Hauptmenu ______________________________________________________ */  
#header  {font-size: 100%;position: relative; margin: 0;width: 984px; min-height: 192px }
*html #header  {height: 192px }
#logo  {margin:0;padding-top: 22px; padding-left: 45px;background-image: none;float:left; }


.bg_mood_home  { background-image: url("../images/bg_mood_home.jpg");}
.bg_mood_produkte  { background-image: url("../images/bg_mood_produkte.jpg");}
.bg_mood_leistung  { background-image: url("../images/bg_mood_leistung.jpg");}
.bg_mood_ueber_uns  { background-image: url("../images/bg_mood_ueber_uns.jpg");}
.bg_mood_standort  { background-image: url("../images/bg_mood_standort.jpg");}

/* Hauptmenu */ 

div#hauptmenu {margin-left: 40px; padding-top: 16px;float:left }
div#hauptmenu ul { color: #fff; font-weight: bold; margin: 0; padding: 3px 1px 6px 5px;}
div#hauptmenu ul li {display: inline;}

div#hauptmenu ul li a{color: #FFF;padding: 3px 0px 3px 0px;background-color: transparent;text-decoration: none;lineheight:12px}
div#hauptmenu ul li a:hover{color: #000;border-bottom: 4px solid #CBCBCB; }
div#hauptmenu ul li .current{padding: 3px 0px 3px 0px;color: #000;text-decoration: none;border-bottom: 4px solid #CBCBCB;}

.trenner  { color: #FECB00;font-size: 15px;font-weight: bold;padding: 0px 15px 0px 15px; }

/* Kontakt / Sitemap */
#top  {font-weight: bold;padding:30px 0 9px 100px;margin-left:645px ;  text-align: center; height:110px;width:220px }
*html #top  {font-weight: bold;padding:30px 20px 9px 100px;margin-left:500px ;  text-align: center; height:110px;width:220px }
#top  h1 {color: #E50D08;font-size: 18px;font-weight: bold; line-height: 16px;margin-bottom: 0px; padding-bottom: 0;padding-top:20px}
#top  h2 {font-size: 13px; font-weight: bold;margin-bottom: 0px; padding-bottom: 0px;}
#top  ul {padding:10px 0 0 50px;margin:0 ;text-align: left;list-style: none;}
#top ul li{ margin-top: 0px;padding: 0;display: block;}

#top  a, a:link, a:visited{ color: #171717; background-repeat: no-repeat;text-decoration: none; padding: 0}
#top a:hover  { color: #E50D08;text-decoration: underline;}
#top_active  a, a:link, a:visited  { color: #E50D08;text-decoration: underline;}

/* Textformatierung */
/* ________________________________ Textformatierung ______________________________________________________ */
h1      {font-size: 14px;font-weight: bold; line-height: 22px;margin: 0; padding-bottom: 0 0 0 5px;}
h2      {font-size: 13px;font-style: italic; font-weight: bold;margin-bottom: 0px; padding-bottom: 0px;}

/* ________________________________ Content ______________________________________________________ */
#content 	{  display: inline; margin: 0;  padding: 13px 0 0 0;position: relative;min-height: 540px; float: left ;}
#content p     {padding-bottom: 5px;padding-top: 2px;margin:0 }
#inhalt_content    {width: 480px;line-height: 17px;padding-top: 20px ; margin-left: 13px;}

.bild_umfluss         { font-size: 110%; font-weight: bold; text-align: right; margin-top: 5px; margin-left: 5px; padding-bottom: 5px; float: right }
.bild_umfluss_bu         { font-size: 90%;font-style: italic;font-weight: normal; text-align: right ; width: 150px; margin-top: 5px; margin-left: 5px; padding-bottom: 5px; float: right }
.rand         { border: 1px solid #E0E09B; }

#inhalt_content a{ color: #E50D08;text-decoration: underline; padding: 0 2px 2px 2px ;}
#inhalt_content a:hover{color: #171717;}


/* #oben  { font-size: 90%; text-align: right;padding-bottom: 15px; }
#oben a{ color: #5C5C31; background-image: url("../images/obenpfeil.jpg"); background-repeat: no-repeat;text-decoration: none; padding: 0 2px 2px 13px ;}
#oben a:hover{color: #8A291D; background-image: url("../images/obenpfeil.jpg"); background-repeat: no-repeat;} */ 

/* ________________________________ Links / Submenu ______________________________________________________ */ 
 
#links      { margin: 0; padding: 0; position: relative; float: left }
#navcontainer   {margin-top: 60px; margin-left: 20px; padding: 0;font-weight: bold; }

#navlist
{padding: 0 1px 1px;margin-left: 0;}

#navlist li{list-style: none;margin: 0;text-align: right;}

#navlist li a{
display: block;padding: 2px 3px 1px 20px;text-decoration: none;}

#navlist li a:link { color: #171717; }
#navlist li a:visited { color: #171717; }

#navlist li a:hover{background: #E3E3E3;}
#navlist li a.current{background: #E3E3E3;}

/* ________________________________ Rechts ______________________________________________________ */  
#rechts        {position: relative; width: 200px;float: right;  margin: 0 10px;  padding:47px 0 0 0;  }
.aktion  { background-image: url("../images/stern_aktion.jpg");background-repeat: no-repeat;padding-top:80px}
.messe  { background-image: url("../images/messe-murrhardt.jpg");background-repeat: no-repeat;padding-top:280px}
.thumbs { float:left ;margin:0; padding:0 5px 5px 0}
.th-img{border: 1px solid #fff;}

#th_menu a      {background-image: none;padding: 0;display: block;width: 59px; height: 59px; border: solid 1px #fff}
#th_menu a:hover{border: solid 1px #E50D08;}
#th_menu a:active{border: solid 1px #E50D08;}
#th_menu a:focus{border: solid 1px #E50D08;}
#rechts h3{ color:#E60d08}

/* ________________________________ Footer ______________________________________________________ */ 

#footer     { font-size: 10px;  text-align: right;background-image: url("../images/bg_footer.jpg"); background-repeat: no-repeat;height: 51px; clear: both;}
div#footer ul    { color: #171717; margin: 0;padding-right: 30px ;position: relative ; top: 10px }
div#footer ul li {display: inline; }

div#footer ul li a   { color: #171717;text-decoration: none; padding: 3px 3px 1px 1px; }
div#footer ul li a:hover  { color: #E50D08; text-decoration: underline;  }
div#footer ul li a.current   { color: #E50D08; text-decoration: underline;}
div#footer ul li span      { text-decoration: none; padding-right: 630px }

#sitemap { margin-left: 100px;margin-right: 30px;}
#sitemap h1      {margin-left: 0 }
.teil {  border-top: 1px dotted #171717;margin-top: 5px;padding-top: 10px;} 
#navlist_sitemap ul { margin-left: 20px;}
#navlist_sitemap li {list-style-type: none; display: block ;background-image: none; background-repeat: no-repeat;}
#navlist_sitemap li a{text-decoration: none; padding: 0 2px 2px 2px;}
#navlist_sitemap li a:hover{text-decoration: underline;}


 

/* ________________________________ Fixes / Printer ______________________________________________________ */  
 /* *** Float containers fix *** */ 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#links{display:none;} 
#klammer, #content{width:100%; float:none;}
}