@media all
{
body { background-image: url(/fileadmin/blessof/images/site/img_allgemein/body_bg.gif); background-repeat:repeat-x; background-color:#E1E1E1; }


/* ### Auszeichnung lokaler und externer Links ######################################################## */
a:link, a:active, a:visited{ color:#313131; text-decoration: underline; padding:0px;}
a:hover{ color:#818181; text-decoration: underline; padding:0px;}
/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins { width:758px; margin-left: auto; margin-right: auto; }
/* Korrektur von Randabständen + hintergrundbild (schatten) */
#page{padding:0px 10px 10px 10px; background-image: url(/fileadmin/blessof/images/site/img_allgemein/schatten.gif); float:left; min-height:550px;}
/* Formatierung der Kopfbereiches */
#header { height:105px; background-color: #6E6E6E; }
/*Formatierung Content-Bereich + Himtergrundgrafik für linke Spalte*/
#main { background-color:#FFFFFF; background-image: url(/fileadmin/blessof/images/site/img_allgemein/trenner_01.gif); background-repeat:no-repeat; background-position:10px 15px; float:left; width:738px; padding:0px 0px 7px 0px; clear:both;}
#maingrau{ background-color:#8A8A8A; float:left; width:738px; padding:0px 0px 0px 0px; clear:both;} /*#main.grau bedeutet: nur an id=main mit Klasse .grau vergeben*/

/* Formatierung der Fußzeile */
#footer a {text-decoration:none; background-image:none; padding:5px 0px 10px 0px}/*footer nimmt allgemeine linkeigenschaften an.*/
#footer a:hover{ text-decoration: underline; background-image:none; padding:5px 0px 10px 0px}/*und zusätzlich noch underline bei Mouseover.*/
#footer {font-size:10px; padding:5px 5px 10px 5px; background-image:url(/fileadmin/blessof/images/site/img_allgemein/schatten_footer.gif); background-repeat:no-repeat; text-decoration:none;}


/*Navigation*/
#navigation{ width:738px; background-color: #6E6E6E; height:29px; }
#navigation img { float:right; margin:10px 10px 0 0; }
#teaser { width:738px; background-color: #6E6E6E; background-image:url(/fileadmin/blessof/images/site/img_allgemein/teaser_bg.gif); background-repeat:repeat-x; height:105px; clear:both; }
#teaser img { float:left; margin:0;  width:738px;  height:105px;}

.fliesstextlink{ text-decoration:none;}
a.fliesstextlink{ color:#313131; text-decoration:none; background-image:none; padding:0px;}
a.fliesstextlink:hover {color:#818181; text-decoration:none; background-image:none; padding:0px; cursor:pointer;}
 
#pfadanzeige {font-size:10px; display:block; clear:both; background-color:#ffffff; width:738px; text-align:left;}
#pfadanzeige div {margin:10px 0px 0px 17px; } /*alle div die in pfadanzeige sind haben den Versatz rechts.*/

/*link für mehr*/
.mehrlink{ text-decoration:none;}
a .mehrlink{ display:block; text-decoration:none; background-image:url(/fileadmin/blessof/images/site/img_navigation/link_pfeil.gif); background-repeat:no-repeat;background-position: 0px 5px; padding: 0px 0px 0px 9px; cursor:pointer;}
a:hover .mehrlink{ display:block; text-decoration: underline; background-image:url(/fileadmin/blessof/images/site/img_navigation/link_pfeil_hover.gif); background-repeat:no-repeat;background-position: 0px 5px; padding: 0px 0px 0px 9px; cursor:pointer;}

/*link für mehr teaser startseite*/
.mehrlink_weiss{ text-decoration:none;}
a .mehrlink_weiss{ display:block; text-decoration:none; background-image:url(/fileadmin/blessof/images/site/img_navigation/link_pfeil_weiss.gif); background-repeat:no-repeat;background-position: 0px 5px; padding: 0px 0px 0px 12px; cursor:pointer;}
a:hover .mehrlink_weiss{ display:block; text-decoration: underline; background-image:url(/fileadmin/blessof/images/site/img_navigation/link_pfeil_weiss.gif); background-repeat:no-repeat;background-position: 0px 5px; padding: 0px 0px 0px 12px; cursor:pointer;}











/*###########################################
 Spalten 
 ###########################################*/
 /*die divs in den cols erhalten das padding (geht wg. ie nicht zusammen.. siehe google "box model hack")*/
#col1_content a, #col1_content a:aktiv, #col1_content a:visited{  display:block; text-decoration: none; background-image:url(/fileadmin/blessof/images/site/img_navigation/link_pfeil.gif); background-position: 0px 5px; padding: 0px 0px 0px 10px}/*Linke Spalte nimmt allgemeine linkeigenschaften an.*/
#col1_content, #col2_content, #col3_content, #col4_content { padding:10px 10px 8px 10px; float:left; }
#col1_content_grau, #col2_content_grau, #col3_content_grau, #col4_content_grau { padding:15px 10px 8px 10px;float:left; }

#col1_content a:hover{ text-decoration: underline; background-image: url(/fileadmin/blessof/images/site/img_navigation/link_pfeil_hover.gif); background-position: 0px 4px; padding:0px 0px 0px 10px}/*und zusätzlich noch underline bei Mouseover.*/
/* #col1 wird zur ServiceSplate */
#col1 {  width: 236px; float:left; margin-left: 10px; min-height:180px;}

/* #col2 wird zur rechten Spalte */
#col2 {  width: 492px; min-height:180px; float:left;}

/* #col3 wird zur linken rechten Spalte (in col2 verschachtelt) */
#col3 { width: 246px; float:left; margin-left: 0px; min-height:180px;}

/* #col3 wird zur rechten rechten Spalte (in col2 verschachtelt) */
#col4{ width: 246px; float:right; margin-right:0px; min-height:180px;}

/*hintergrundkombinationen für die rechte(n) spalte(n)*/
.col2_weissmit_weissmit{ background-image: url(/fileadmin/blessof/images/site/img_allgemein/bg_weissmit_weissmit.gif); background-repeat:no-repeat;}
.col2_weissmit_weissohne{ background-image: url(/fileadmin/blessof/images/site/img_allgemein/bg_weissmit_weissohne.gif); background-repeat:no-repeat;}
.col2_graumit_graumit{ background-image: url(/fileadmin/blessof/images/site/img_allgemein/bg_graumit_graumit.gif); background-repeat:no-repeat;}
.col2_graumit_grauohne{ background-image: url(/fileadmin/blessof/images/site/img_allgemein/bg_graumit_grauohne.gif); background-repeat:no-repeat;}
.col2_verlauf_verlauf{ background-image: url(/fileadmin/blessof/images/site/img_allgemein/bg_verlauf_verlauf.gif); background-repeat:no-repeat;}
.col2_teaser01_verlauf{ background-image: url(/fileadmin/blessof/images/site/img_allgemein/bg_teaser01_verlauf.jpg); background-repeat:no-repeat; background-position:bottom;}


/*Klasse für Strukturierung der linken Quick-Links*/
.spezialisten {  background-color:#E8E8E8; background-color:#E8E8E8; margin:31px 0px 8px -9px; padding:8px 0px 8px 10px !important; width:200px;}


/*rückt den Fließtext ein*/
.einruecken{position:relative; display:block; float:left; padding-left:95px; width:60%;}
.einruecken_home{position:relative; display:block; float:left; padding-left:95px;}
.einruecken_gross {position:relative; display:block; float:left; padding-left:139px; }
.einruecken_ganz_gross {position:relative; display:block; float:left;}

.zeilenfarbe_grau{
background-color:#e8e8e8;
padding: 1px 5px 3px 3px;
width:150;
vertical-align:top;
			}
.zeilenfarbe_weiss{
background-color:#FFFFFF;
padding: 1px 5px 3px 3px;
width:150;
vertical-align:top;
			}
.bildunterschrift{ font-size:10px; margin:0px 0px 8px 0px;}
.linie{ width:471px; height:1px; float:left; display:block; margin: 7px 0px 7px 0px;}






} 


.textlink_download{ text-decoration:none;background-image:none;}
a.textlink_download,a.textlink_download:link,a.textlink_download:visited,a.textlink_download:active{ text-decoration:none; padding: 0; margin: 0;background-image:none; }
a.textlink_download:hover { text-decoration:underline; padding: 0; margin: 0; background-image:none;}

/*gilt für Quick-Links*/
.textlink{ text-decoration:none;}
a.textlink{ display:block; text-decoration:none; background-image:url(/fileadmin/blessof/images/site/img_navigation/link_pfeil.gif); background-position: 0px 5px; background-repeat:no-repeat !important; padding: 0px 0px 0px 12px !important; margin: 0px 0px 0px 0px; }
a.textlink:hover { display:block; text-decoration:underline; background-image:url(/fileadmin/blessof/images/site/img_navigation/link_pfeil_hover.gif); background-position: 0px 5px; background-repeat:no-repeat; padding: 0px 0px 0px 12px !important; margin: 0px 0px 0px 0px; }

.textlink2{ text-decoration:none;}
a.textlink2, a.textlink2:link, a.textlink2:active, a.textlink2:visited{ text-decoration:none; background-image:url(/fileadmin/blessof/images/site/img_navigation/link_pfeil.gif); background-position: 0px 4px; background-repeat:no-repeat !important; padding: 0px 0px 0px 12px !important; margin: 0px 0px 0px 0px; }
a.textlink2:hover { text-decoration:underline; background-image:url(/fileadmin/blessof/images/site/img_navigation/link_pfeil_hover.gif); background-position: 0px 4px; background-repeat:no-repeat; padding: 0px 0px 0px 12px !important; margin: 0px 0px 0px 0px; color:#818181; }

.linkliste{ text-decoration:underline; background-color:#E8E8E8; margin:10px 0px 10px 0px; padding:5px 0px 1px 10px !important;}
.linkliste a{ display:block; text-decoration:underline; background-image:url(/fileadmin/blessof/images/site/img_navigation/link_pfeil.gif); background-position: 0px 5px; background-repeat:no-repeat; padding: 0px 0px 0px 12px !important; height: 16px !important; margin: 0px 0px 0px 0px; }
.linkliste a:hover { display:block; text-decoration:underline; background-image:url(/fileadmin/blessof/images/site/img_navigation/link_pfeil_hover.gif); background-position: 0px 5px; background-repeat:no-repeat; padding: 0px 0px 0px 12px !important; height: 16px !important; margin: 0px 0px 0px 0px; }
 

/*ergänzungen/änderungen*/


#all{

    width:100%;
    text-align:center;
    /*border:1px solid #880000;*/

}



#page_margins { text-align:left; }
/*
#teaser{
     min-height
}
*/
#col2 {  float:left; }
#nav_main { width:738px; background-color: #6E6E6E; height:29px; }
#nav_main img { float:right; margin:10px 10px 0 0; }

input.submit_kontakt{
            padding:1px 2px 1px 2px;
            font-weight:bold;
            text-align:center;
        }