body{ margin: 0px; font-family: Arial, Helvetica SM, Georgia, Tahoma; font-size: 12px; color: #58585A; line-height:18px;}

a {color: #58585A; text-decoration: underline;}
a:hover{ text-decoration: underline !important; }

* {
_behavior: url(http://www.schraner-rosin.de/img/iepngfix.htc);
}

#page{ margin: 0 auto 0 auto; width: 999px; }

#content{
	width: 991px;
  background: url(../img/layout/page_middle_bg.gif) center top repeat-y;
  padding: 0 4px 0 4px; 
  min-height: 450px;
}

#topbereich{
  width: 991px;
  height: 200px;
}

#topbereich .float_left{ 
  width: 217px;
  height: 180px;
  background-color: #F2F2F2;
}
#topbereich .float_left img.logo{ margin: 77px 0 0 15px; } 
#topbereich .float_left form{
  position: relative;
  top: 10px;
  left: 18px;
}
#topbereich .float_left form img.hand{ position: relative; top: 10px; }
#topbereich .float_left form input{ width: 125px !important; }

#topbereich .float_right{ 
  width: 774px;   
  height: 180px; 
  background: url(../img/layout/navi_bg.png) top left no-repeat;
}
#topbereich .float_right img.navi{ border-bottom: 5px #ABABAB solid; }

#slogan{ width: 550px; height: 50px; position: absolute; top: 20px; z-index: 99; }

#topbereich .float_right #pfad{ 
  width: 690px;   
  height: 20px; 
  float: left;
  font-size: 11px;
  margin: 0px 0 0 40px;
}
#topbereich .float_right #pfad ul{ display: inline; }
#topbereich .float_right #pfad li{ display: inline; margin-right: 10px; padding-right: 10px; border-right: 1px #dedede solid; color: #707072;}

#topbereich .float_right #pfad a{ color: #707072; text-decoration: none; }
#topbereich .float_right #pfad .jetzt{ color: #C1001F; border-right: none; } 

#topbereich .float_right #kontakt_aufnehmen{ 
  width: 540px;   
  height: 54px; 
  position: relative;
  top: 5px;
  left: 306px;
}

#topbereich .float_right #kontakt_aufnehmen #social{ 
    background: url(../img/layout/btn_communities.png) top left no-repeat; 
    width: 182px; 
    height: 35px;
    float: left;
    text-align: right;
    padding: 15px 20px 0 0;
}

#topbereich .float_right #kontakt_aufnehmen #callback{ 
    float: left;
}

#topbereich .float_right #kontakt_aufnehmen #callback img{position: relative; top: 2px; }


#links{ width: 240px; float: left; margin-top: -5px; }

#rechts{ width: 700px; float: right; padding-right: 35px; margin-bottom: 20px;}

#links #suchform{ 
  width: 207px; 
  height: 40px;
  padding: 5px 0 0 10px; 
  background: url(../img/layout/suche_bg.gif) top left repeat-x;
}
#links #suchform input{ border: 1px #AA001B solid; width: 130px;}
#links #suchform *{ vertical-align: middle; } 


#links #produkt_navi{ 
  width: 217px; 
  margin-bottom: 15px;
}

#links #produkt_navi .gruppe{ margin-bottom: 5px; width: 217px; height: 60px; cursor: pointer; }
#links #produkt_navi a .gruppe, #links #produkt_navi .gruppe a{ color: white; font-size: 11px; text-decoration: none;} 
#links #produkt_navi .gruppe div.titel{ float: left; margin: 8px 0 0 5px; line-height: 14px; width: 120px; }
#links #produkt_navi .gruppe img.produktBild{ float: right; margin: 5px 5px 0 0; }

#links #produkt_navi .bereichBG{ background-color: #C1001F; }
#links #produkt_navi .jetzt{ width: 240px; } 

#links #produkt_navi .subnavi{ margin-bottom: 5px; width: 197px; height: 30px; padding-left: 20px;}
#links #produkt_navi .subnavi img{ margin: 7px 5px 0 5px; }
#links #produkt_navi .subnaviJetzt{ width: 220px; }
#links #produkt_navi ul.ebene2{ font-size: 11px; margin: 0 0 10px 25px; }
#links #produkt_navi ul.ebene3{ font-size: 11px; margin: 0 0 0 22px; }






#footer { width: 969px; height: 16px; line-height: 16px; letter-spacing: 1px; background: url(../img/layout/page_bottom_bg.gif) -6px top no-repeat; 
	padding: 0 20px 0 10px; text-align: right; font-size: 11px; color: white; }
#footer a { color: white; text-decoration: none;}
#footer .float_left{ margin-left: 250px; } 
#footer .float_right a{ font-weight: bold; }

.bold, .bold a { font-weight: bold; }
.hand { cursor: pointer; }

input, textarea, select {
  border: 1px #9091a6 solid;
  background-color: white;
	font-family: Arial, Helvetica SM, Georgia, Tahoma; font-size: 12px; color: #58585A;
	line-height: 13px;   
}

input.trans{ background-color: transparent; border: none; } 

input, select { vertical-align:middle; font-weight:normal; }
img { border: 0; }

.float_left{  float: left; }
.float_right{ float: right;}
.clear{ clear: both;}

.fontsize11, .fontsize11 a, a.fontsize11 { font-size: 11px;}
.fontsize12, .fontsize12 a, a.fontsize12 { font-size: 12px;}
.fontsize14, .fontsize14 a, a.fontsize14 { font-size: 14px;}



p { margin-bottom: 10px; }

h1{ margin: 0 0 10px 0; font-size: 16px; font-weight: bold; color: #D3001E; }
h2{ margin: 0 0 15px 0; font-size: 16px; font-weight: bold; color: #707072;}

h3{ margin: 10px 0 15px 0; font-size: 16px; font-weight: normal; font-family: Helvetica SM, Georgia, Tahoma;}
h4{ margin: 25px 0 10px 0; font-size: 14px; font-weight: bold; width: 100%; border-bottom: 2px solid #0092C0; padding-bottom: 5px; font-family: Helvetica SM, Georgia, Tahoma;}
h4 a{ font-size: 12px; font-weight: normal; margin-left: 10px; }
 
.button{ width: 180px; color: white; background-color: #D3001E; cursor: pointer; font-weight: bold; padding: 3px 0 3px 0; text-align: center; }
.button a, .button_wide a { color: #EDF8FA; text-decoration: none;}

fieldset { margin-bottom: 10px; }
form label { width: 180px; display: block; float: left; font-weight: bold; padding-right: 15px;}
.formfield { width: 220px; display: block; float: left;}
.formfield_breit { width: 350px; display: block; float: left;}
form label span { color: #7c7c7c; display: block; height: 30px; padding: 3px 0 10px 0; font-size: 10px; font-weight: normal;} 

.middle *{ vertical-align: middle; }

.link{
  padding: 0 0 0 15px;
  background-image: url(../img/layout/link_pfeil_rot.gif);
  background-position: 0 2px;
  background-repeat: no-repeat;
  color: #C1001F;
  font-weight: bold; 
  font-size: 11px;
  text-decoration: none; 
}
.meldung{ background: url(../img/icons/error.gif) 7px 4px no-repeat; font-style:italic; font-weight: bold; margin: 0 0 15px 0; background-color: #FEEBFF; padding: 5px 10px 5px 30px; width: 95%; }
em { font-style:italic; }

th{ background-color: #F0F0F0; text-align: left;  }
td{ background-color: #F0F0F0; font-size: 11px; }
td.abstand{ height: 1px; font-size: 1px; background-color: #FFFFFF; padding: 0;}
td.spalte1{ border-right: 1px #DEDEDE solid; border-left: 1px #DEDEDE solid; border-bottom: 1px #DEDEDE solid; text-align: center;  line-height: 16px; vertical-align: middle; }
td.spalte2{ border-bottom: 1px #DEDEDE solid; border-right: 1px #DEDEDE solid; vertical-align: top; padding: 10px 5px; line-height: 16px;}

td.erste{border-top: 1px #DEDEDE solid; }
td.zeile1{ background-color: white; }

dl { margin-bottom: 20px; overflow: hidden; }
dt, dd { min-height: 20px; margin: 5px 0; line-height: 14px; float: left;  }
dt { width: 180px; color: #828282; clear: both; }
dd { width: 350px; }

dl.dateien{ font-size: 11px; }
dl.dateien dt {width: 190px; }

.center{ text-align: center; }
.right{ text-align: right; }


input.radio {
	width:15px;
	margin:0px;
	margin-bottom:5px;
	padding:0px;
}



/* Startseite */

.news{
  width: 158px;
  height: 113px;
  background: url(../img/layout/news_bg.gif) left top no-repeat;
  padding: 7px 10px 10px 10px;
  float: left;
  margin: 5px 0 5px 10px;
}
.news h1 { color: white; font-size: 12px;  margin-bottom: 15px;}
.news p{ margin: 0; } 
.wiki img{
  margin: 0 0 5px 20px;
}


/* Produktbereich*/

#produktinfo{
  width: 418px;
  min-height: 355px;
  border: 1px #DEDEDE solid;
  padding: 15px;
  float: left;
  margin-bottom: 15px;
}

#produktbild{
  width: 238px;
  border: 1px #DEDEDE solid;
  margin-bottom: 15px;
}

#produktInfoBox{
  width: 326px;
  height: 123px;
  background: url(../img/layout/produkt_details_highlights_bg.gif) center top no-repeat;
  padding: 7px 10px 10px 10px;
  float: left;
  margin-bottom: 15px;
}


#produktberatung{
  width: 336px;
  height: 123px;
  background: url(../img/layout/produkt_details_highlights_bg.gif) center top no-repeat;  /* roter HG: produkt_details_beratung_bg.gif */
  padding: 7px 0 10px 10px;
  float: right;
  margin-bottom: 15px;
}

#produktInfoBox h1, #produktberatung h1 { color: white; font-size: 12px; margin-bottom: 15px;}

#produktInfoBox ul{ margin-top: 15px; }
#produktInfoBox li{ 
  height: 20px;
}
li.pdf{ 
  padding: 0 0 0 25px;
  background-image: url(../img/layout/pdf.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 30px;
}

.detailsproduktInfoBox{ width: 218px !important; float: right !important;  height: auto !important;}
.detailsproduktInfoBox a{ font-size: 11px; }

.detailsproduktberatung{ width: 228px !important; float: right !important; }

#produktInfoBox ul li a, .email, .highlight, .syntaxhighlighter, .syntaxhighlighter a{ color: #C1001F; }
a.highlight{ text-decoration: underline; }
#produktberatung img.person{ margin-top: -6px; }

.inhaltBlock{
  width: 665px;
  border: 1px #DEDEDE solid; 
  background-color: white;
  float: left;
  margin-bottom: 15px; 
  padding: 0 15px 15px 15px;
}

#textBildBlock, #textBildBlockLinks{
  border: 1px #DEDEDE solid; 
  background-color: white;
  float: left;
  margin-bottom: 15px; 
}
#textBildBlock{ padding: 0 0 0 15px; width: 683px;}
#textBildBlockLinks{ padding: 0 15px 0 15px; width: 668px;}

#textBildBlock h1, #textBildBlockLinks h1, .inhaltBlock h1{ font-size: 16px; font-weight: bold; margin: 15px 0 10px 0; }
#textBildBlock h2, #textBildBlockLinks h2, .inhaltBlock h2{ font-style:italic; font-size: 12px; font-weight: normal;}
#textBildBlock .bildLeft, #textBildBlockLinks .bildLeft{ float:left; margin: 0 20px 5px -15px; }
#textBildBlock .bildRight, #textBildBlockLinks .bildRight{ float:right; margin: 0 0 5px 20px; }
#textBildBlock li, #textBildBlockLinks li{ 
  padding: 0 0 0 15px; margin: 0 0 3px 0; list-style-type:none; 
  background: url(../img/layout/li_bg.gif) left 8px no-repeat;
}

#textBildBlock td{ background-color: white; font-size: 12px; padding: 2px 0 2px 0;}

strong{ font-weight: bold; }

.produktGruppe{
  width: 328px;
  height: 158px;
  border: 1px #DEDEDE solid; 
  background-color: white;
  padding: 0 0 0 15px;
  float: left;
  margin: 0 0 15px 0; 
}
.produktGruppe h2{ font-size: 14px; font-weight: bold; margin: 10px 0 10px 0; color: #707072;}
.produktGruppe h2 a{ font-size: 14px; color: #D3001E; text-decoration: none;}
.produktGruppe p{ } /* width: 220px;  */
.erste{ margin-right: 10px;}
.produktGruppe img{ margin: 10px 5px 0 0;  }

/* Startseite */

#startseiteTeaser{
  width: 700px;
  height: 191px;
  background: url(../img/layout/startseite_teaser_bg.gif) center top repeat-x;
  margin-bottom: 30px;
}

#startseiteTeaser img{ margin: 0 0 0 0; }
#startseiteTeaser .float_right{ width: 215px; }
#startseiteTeaser h1{ 
    font-size: 22px; 
    font-weight: bold; 
    font-style:italic; 
    padding: 10px 0 10px 0;
    line-height: 30px;
}
#startseiteTeaser h2{ 
    font-size: 16px; 
    font-weight: bold; 
    padding: 10px 0 10px 0;
    line-height: 20px;
    color: #D3001E; 
}

#startseiteIntro{
  width: 390px;
  height: 280px;
  border: 1px #DEDEDE solid; 
  background-color: white;
  padding: 15px 25px 10px 25px;
  float: left;
}



#startseiteEinstieg{
  width: 216px;
  height: 261px;
  background: url(../img/layout/schnelleinstieg_bg.gif) center top no-repeat;
  margin-bottom: 30px;
  float: right;
}
#startseiteEinstieg h1 { color: white; font-size: 12px; margin: 7px 0 25px 10px; }
#startseiteEinstieg li { 
  background: url(../img/layout/schnelleinstieg_li_bg.gif) left bottom no-repeat; 
  width: 194px; 
  height: 21px; 
  padding: 0 0 0 15px; 
  margin: 0 0 10px 10px;
}
#startseiteEinstieg li a{ text-decoration: none; }
#startseiteEinstieg img.bhe{ margin: 15px 0 0 10px; }
#startseiteEinstieg img{ margin: 15px 0 0 2px; }
#startseiteEinstieg div.icons{ margin-top:  125px; }
#startseiteEinstieg div.float_right{ margin:  12px 7px 0 0; font-size: 11px;}

.produktfinder{
  clear: both;
  width: 668px;
  border: 1px #DEDEDE solid; 
  background-color: white;
  padding: 15px;
  font-size: 11px;
  background: url(../img/layout/produktfinder_oben_rechts.gif) right 10px no-repeat; 
  min-height: 110px;
}
.produktfinder .frage{ font-weight: bold; margin-top: 10px;}
.produktfinder p { margin-bottom: 5px; }
#produktfinderErg { margin-bottom: 15px; }





/* Formular */
fieldset { margin-bottom: 10px; }
label { width: 180px; display: block; float: left; font-weight: bold; padding-right: 15px;}

.formfield { width: 300px; display: block; float: left;}
textarea.formfield{ height: 150px;}

.formfield_breit { width: 659px; display: block; float: left;}
textarea.formfield_breit{ height: 150px;}





/* Blog */

.k2blog_overview, .k2blog_menu
{
  background-color:#F0F0F0;
  border:solid 1px #DDD;
}

.k2blog_menu{ padding: 10px;}
.k2blog_overview_list{ padding: 10px 0 10px 0; }

.k2blog_overview_list, .k2blog_menu_list
{
  list-style:none;
}

.k2blog_last_comments_list
{
  list-style:none;
  padding:0;
  margin:0;
}

.k2blog_overview_item, .k2blog_menu_item
{
  text-indent:10px;
}

.k2blog_last_comment
{
  border-bottom:1px solid #ddd;
  padding:5px;
  margin: 0 0 10px 0;  
}

.entry_header
{
 font-size: 16px; font-weight: bold; color: #D3001E; margin-bottom: 10px;
}

.blog_entry
{
   background:none;
  border:none;
  margin:5px 0 25px 0;
  width: 400px;
}

.entry_comment
{
  min-height:33px;
  background:url(../img/layout/comment.jpg) left 5px no-repeat #FFF;  
  padding:0 5px 5px 37px;
  margin:5px;
  border-bottom:1px solid #DDD;
}

.k2blog_comments
{
 border-top:1px solid #DDD;
}

.comment_button a, .comment_button a:link, .comment_button a:active, .comment_button a:hover
{
  text-decoration:none;
}

.k2blog_menu_list a, .k2blog_menu_list a:link, .k2blog_menu_list a:hover, .k2blog_menu_list a:active
{
  text-decoration:none;
}

.entry_text{ width: 400px; }
}

.entry_text a, .entry_text a:link, .entry_text a:active, .entry_text a:hover, .k2blog_overview_item a, .k2blog_menu_item a, .k2blog_overview_item a:link, .k2blog_menu_item a:link, .k2blog_overview_item a:active, .k2blog_menu_item a:active, .k2blog_overview_item a:hover, .k2blog_menu_item a:hover
{
  text-decoration:none;
}

.k2blog_continue_reading
{
  font-size:0.75em;
 }
 
/* Sitemap */ 
.navLevel1, .navLevel1Last, .navLevel2, .navLevel3{ margin-left: 15px;}
.navLevel2Last{ margin-left: 30px;}
.navLevel1Open{ margin-top: 10px; }
a.navLevel1, a.navLevel2, li.navLevel2Last, ul.punkt li, .navLevel2OpenLast a{ padding: 0 0 0 15px; list-style-type:none; background: url(../img/layout/li_bg.gif) left center no-repeat; }
.navLevel2Open a.navLevel2, .navLevel2OpenLast a{ margin-left: 30px; }


ul.zweiSpalten li{ width: 300px; float: left;}

span.eventDate {
    padding-left:10px;
    margin-bottom:8px;
    font-weight: bold;
}

font.required { color:#042138; font-weight:bold; }
input.wide { width:309px; }

.submit {
       width:137px;
       height:25px;
       background-image:url(../img/layout/submit_button.jpg);
       }
li.cl {
	background-image:transparent;
	background-color:#fff;
}

li.marked {
	background:url(../img/layout/haken.gif) top left no-repeat;
	padding-left:22px;
	margin-bottom:3px;
}

.white_bg{ background-color: white; }


table.SALink{ width: 670px; margin: 20px 0 10px 0;}
table.SALink td{ background-color: #F3B900 !important; text-align: center; border: 5px white solid; height: 40px; vertical-align: middle; }
table.SALink td a{ font-weight: bold; color: white; text-decoration: none; }

table.chronik_eintrag td, table.chronik_kopf td{ background-color: white !important; border-top: 1px #C1001F solid;}
table.chronik_eintrag td.schraner, table.chronik_kopf td.schraner{ border-right: 1px #C1001F solid; padding: 10px 10px 10px 0; }
table.chronik_eintrag td.jahr, table.chronik_kopf td.jahr{ border-right: 1px #C1001F solid; padding: 10px; }
table.chronik_eintrag td.rosin, table.chronik_kopf td.rosin{ padding: 10px 0 10px 10px; }

table.chronik_eintrag li{ 
  padding: 0 0 0 15px; margin: 0 0 3px 0; list-style-type:none; 
  background: url(../img/layout/li_bg.gif) left 8px no-repeat;
}




/* Presse */

#textBildBlock .blockTrenner, #textBildBlockLinks .blockTrenner{ width: 100%; height: 1px; background-color: #DEDEDE; margin: 10px 0 5px; }
#textBildBlock .bildLeftAbstand, #textBildBlockLinks .bildLeftAbstand{ margin-left: 0px !important; width: 160px !important;}
#textBildBlock h1 span, #textBildBlockLinks h1 span{ color: #58585A; }



.overlay {
    display:none;
    z-index:100;
    background-color:#333;
    width: 700px;	
    min-height:200px;
    border:1px solid #666;
    font-size: 11px;
    color: white;
    padding: 20px; 
}

.overlay .close {
	background :url(../img/multibox/close.png) top left no-repeat;
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.overlay ul{ margin-top: 15px;}

.overlay #textBildBlock h1, 
.overlay #textBildBlock h1 span, 
.overlay h1, 
.overlay h1 span, 
.overlay ul li a{ color: white !important; }

.overlay h1 {margin-top: 0 !important; }

#produktInfoBox .mehr, #produktberatung .mehr{ float: right; font-size: 11px; margin: -5px 0 0 0 !important; }
#produktberatung .mehr{ margin: -5px 10px 0 0 !important; }


table.Pressespiegel{ width: 670px; margin: 20px 0 10px 0;}
table.Pressespiegel td{ background-color: #E0E0E0 !important; border: 5px white solid; height: 40px; vertical-align: middle; padding: 0 5px 0 5px; }

table.normal{ margin: 20px 0 20px 0;}
table.normal td{ background-color: white !important; font-size: 12px;}






#boxLinks{
  width: 325px;
  background: url(../img/layout/box_head_bg.png) left top no-repeat;
  padding: 7px 10px 10px 10px;
  min-height: 620px;
  float: left;
  margin-bottom: 15px;
  border: 1px #DEDEDE solid;
}


#boxRechts{
  width: 335px;
  background: url(../img/layout/box_head_bg.png) left top no-repeat; 
  padding: 7px 0 10px 10px;
  min-height: 620px;
  float: right;
  margin-bottom: 15px;
  border: 1px #DEDEDE solid;
}

#boxLinks h1, #boxRechts h1 { color: white; font-size: 12px; margin-bottom: 15px;}

.vtop{ vertical-align: top;}