/*
 * Copyright (c) Innovabee GmbH,
 * Seewiesenstr. 25, 71334 Stuttgart, Deutschland
 * All rights reserved.
 *
 * This software is the confidential and proprietary information
 * of Innovabee GmbH ("Confidential Information").  You
 * shall not disclose such Confidential Information and shall use
 * it only in accordance with the terms of the license agreement
 * you entered into with Innovabee GmbH.
*/

HTML, BODY, DIV, H2, H3, H4, H5, H6, SPAN, A, TABLE, TD, FORM, IMG { margin: 0px; padding: 0px; font-family: Arial, sans-serif; color:rgb(115,111,111);}

/*  Standardschriftgroessee */
HTML, BODY, DIV, UL, OL, LI, SPAN, A, TABLE, TD, FORM {
	font-family: Arial, sans-serif; 
	font-size : 11px; 
	line-height: 13px;
}



/* Abstand fuer Ueberschriften und Absaetze */

P{ 	padding: 0px 0px 0px 0px; 
	margin-top: 0px;
	margin-bottom: 5px;
}

.center { vertical-align:middle; }


H1{color: #BC2B16; font-size:13px;}
H2{color: #BC2B16; font-size:12px; font-weight:bold; padding: 0px 0px 10px 0px;}
H3{color: #BC2B16; font-size:11px; font-weight:normal; padding: 0px 0px 10px 0px;}
H4{color: #BC2B16; font-size:10px; font-weight:normal; padding: 0px 0px 10px 0px;}
H5{color: #BC2B16; font-size:10px; font-weight:normal; padding: 0px 0px 10px 0px;}
H6{color: #BC2B16; font-size:10px; font-weight:normal; padding: 0px 0px 10px 0px;}




/* Listen */
UL, OL, LI {font-family:   Arial, sans-serif; border:none; color: #3B5472; }

/* main layout elements */
#wrapper {

	width: 900px; height: 550px; margin-top:0px; table-layout:fixed; border-width:0px;
	
}

.topbanner{
	height: 160px;
}

.logo{
	position:relative;
	top:50px;
}

/* linke navigationsspalte */
#col1 {width: 190px;  vertical-align: top; text-align: left; padding-top: 0px; padding-left: 0px; padding-right:0px; padding-bottom: 0px; }
#col2 {width: 500px; vertical-align: top; text-align: left; margin-top: 10px; padding-top: 10px;}
#col3 {width: 500px; vertical-align: top; text-align: left; margin-top: 10px; padding-top: 10px; padding-left: 10px; padding-right:10px; padding-bottom: 0px;}



/* ******************************************************/
/* 			Allgemeine Definitionen 					*/
/* ******************************************************/

title{
	color: #3B5472;
	font-size: 12px;
}

BODY {
	font-weight: normal;
}

HR { 
	border-color: rgb(167,168,170);
	border-style: dotted;
	width: 100%;
	height: 0.5px;

 	border-left-width: 0px;
 	border-right-width: 0px;
 	border-bottom-width: 0px;
 	border-top-width: 0.5px solid rgb(167,168,170);

}   


a.standardlink:link, a.standardlink:active, a.standardlink:visited, a.standardlink:hover 
{
	color: #3B5472;
	text-decoration: underline;
	font-size: 13px;
}



a.navlink:link, a.navlink:active, a.navlink:visited, a.navlink:hover
{
	font-family:   Arial;
	color: #FFFFFF;

	text-decoration: none;
	font-size: 11px;
	line-height:13px;
}

a.navsecoundlink:link, a.navsecoundlink:active, a.navsecoundlink:visited, a.navsecoundlink:hover
{
	font-family:   Arial;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	line-height:13px;
}

a.navthirdlink:link, a.navthirdlink:active, a.navthirdlink:visited, a.navthirdlink:hover
{
	font-family:   Arial;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	line-height:13px;
}
                
.navactlink:active, a.navactlink:focus,a.navactlink:link, a.navactlink:hover, a.navactlink:visited
{
	font-family:   Arial;
	color: #BC2B16;
	text-decoration: none;
	font-size: 11px;
	line-height:13px;
	font-weight: bold;
}





/* ********************************************************************************************** */
/* Buttons										  */
/* ********************************************************************************************** */
.portalbutton {
	
  	  font-family:   Arial;
	  font-weight: bold;
	  color: #3B5472;
	  font-size: 12px;
        
}

input.portalbutton {
	background-image:url(../../../../../../softm/opencms/system/modules/com.softm.opencms.modules.portal/images/grau/button.html); 
}


.notselected{  

       background-color:   #fef4e7;
       width:              120px;
       border-style:       none;
       border-width:       0px;
       text-align:         left;
       font-family:          Arial, sans-serif;
       font-size:          12px;
       color:              #000000;
       height:             20px;
       vertical-align:     middle;
}

.selected{    

        background-color:   #d9bf9b;
        width:              120px;
        border-style:       none;
        border-width:       0px;
        text-align:         left;
        font-family:          Arial, sans-serif;
        font-size:          12px;
        color:              #cd0036;
        height:             20px;
        vertical-align:     middle;
    }



/* *********************************** */
/* Abstand Hauptseite vom linken frame */
/* *********************************** */
.seitenrand{}

td.seitenrand{
	width: 5px;
}

.buttonpos{
	margin-top: 3px;
	margin-left: 0px;
	text-align: left;
}




a.alternativlink:link, a.alternativlink:visited, a.alternativlink:hover
{
	color: 			#034EA2;
	font-size: 		11px;
}

.alternativlink:active
{
	color: 			#CEE7FA;
	font-size: 		11px;
}


a.navwhitelink:link, a.navwhitelink:active, a.navwhitelink:visited, a.navwhitelink:hover
{
	color: #034EA2;
	font-size: 11px;
}



/* Breadcrumb-Navigation */
.BorderBreadcrump {
	padding-top: 11px;
	padding-bottom: 19px;
	vertical-align: middle;
	width:100%;
}

.BorderBreadcrumpNews {
	padding-top: 5px;
	padding-bottom: 19px;
	vertical-align: middle;
	width:100%;
}

a.navbreadcrumbActive:link, a.navbreadcrumbActive:hover, a.navbreadcrumbActive:active, a.navbreadcrumbActive:visited{
		font-weight: bold;
		text-decoration: none;
}






.PoweredBy {
		border-width:1px;
		border-top-color:#5E7794; 
		border-left-color:#5E7794; 
		border-right-color:#5E7794; 
		border-bottom-color:#5E7794; 
		border-style: solid;
}


.InnerTableLines {
		font-family:   Arial;
		color: #3B5472;
		font-size: 12px;
}




/* Standardschrift */
.standardFont{
		font-family:   Arial;
		font-weight: normal;
		color: #3B5472;
		font-size: 12px;
	
}



/* Softm-Logo unten links*/
img.softmlogo{
	
	border-style: solid; 
	border-width: 1px;
	border-color: #5E7794;
}

/* Tabellenformatierung der Bestellsumme, Mindestbestellmenge, Rabatt im Warenkorb,... unterhalb der Ergebnistabellen*/
.tblpos3
{
	
	font-family:   Arial;
	color: #3B5472;
	font-size: 12px;
	padding: 3px;
	
	background-color:#D8DDE3;
	
	border-width:1px;
	
}

/* für Bildergallerie - Tabellenrand soll farblich hervorbehoben werden */
td.tblSlideshowLeft
{
	border-left-color:#E8EBEF;
	border-right-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	
	
	border-left-width:1px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:0px;
	
	border-style: solid; 
	
}

td.tblSlideshowBottom
{
	border-left-color:#FFFFFF;
	border-right-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-bottom-color:#E8EBEF;
	
	
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:2px;
	
	border-style: solid; 
	
}


.event_left{
	vertical-align: top;
	width: 50px;
}

.event_right{
	vertical-align: top;
}


.lefttable
{
	width:180px;
	vertical-align: top;
	margin-left:10px; 
	margin-bottom:10px;
	margin-top:10px; 
	height: 100%;

}


.lefttablebig
{
	width:890px;
	vertical-align: top;
	margin-left:10px; 
	margin-top:10px; 
	margin-right:10px; 
	margin-bottom: 10px;
	height: 100%;

}

.redchart
{
	width: 740px;
	vertical-align: top;
	background-color: rgb(156,16,5);
	opacity: 0.8;  
	filter: Alpha(Opacity=80);
	vertical-align: top;
	text-align:center;
	
}

/** linke Navigation **/
.FirstNavTop
{
	background-color: rgb(115,111,111);
	opacity: 0.8; 
	filter: filter: Alpha(Opacity=80);
	text-align:center;
}

.FirstNav
{
	background-color: rgb(115,111,111);
	opacity: 0.8; 
	filter: filter: Alpha(Opacity=80);
	text-align:left;
	padding-left: 16px;
	padding-bottom:5px;

}

.SecoundNav{
	background-color: rgb(115,111,111);
	opacity: 0.8;  
	filter: Alpha(Opacity=80);
	vertical-align: top;
	text-align:left;
	padding-left: 28px;
	padding-bottom:5px;

}


.SecoundNavBig{
	width: 740px;
	background-color: rgb(156,16,5);
	opacity: 0.8;  filter: Alpha(Opacity=80);
	vertical-align: top;
	text-align:center;
	padding-bottom:5px;

}


.ThirdNav{
	background-color: rgb(115,111,111);
	opacity: 0.8;  
	filter: Alpha(Opacity=80);
	vertical-align: top;
	text-align:left;
	padding-left: 36px;
	padding-bottom:5px;

}




/*  Links oben - Sprachauswahl*/
.td_language{
	vertical-align: bottom;
	width:190px;
	padding-bottom: 26px;

}

.a_language{
	font-family: Arial
	font-size:10px;
	color:rgb(115,111,111);
	text-decoration: none;
}

/* Ueberschrift mittlerer Bereich, sofern kein Hintergrundbild hinterlegt wurde*/
.headline{ 
	font-family:   Arial, sans-serif; 		
	font-size: 15px;
	font-weight: normal;
	color:#BC2B16; 
}

.main_hr { 
	color: rgb(167,168,170);
	border-top-style: dotted;

	width: 100%;
	padding-bottom: 16px;	
	margin-bottom: 184x;	

	border-top-width: 1px solid;
 	border-left-width: 0px;
 	border-right-width: 0px;
 	border-bottom-width: 0px;
 

}

/* rechte Spalte*/
.boxtitle{
	font-size: 11px;
	color:    rgb(156,16,5);
	font-weight: bold;

}

.rightColumnTable{
	background-color: rgb(256,256,256);
	opacity: 0.8;  filter: Alpha(Opacity=80);
	vertical-align: top;
	color: rgb(156,16,5);
	width:180px;
	height: 371px;
}



.rightColumnTableTransparent{
	opacity: 0.8;  filter: Alpha(Opacity=80);
	vertical-align: top;
	color: #FFFFFF;
	width:180px;
	height: 370px;
}

/* News*/
.newstitle{
	line-height: 13px;
	text-align: middle;
	vertical-align: top;
	text-decoration: none;
}

.newsteaser{
	line-height: 13px;
	text-align: middle;
	vertical-align: top;
}

/* Markenuebersicht, Referenzen */
.td_references{
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}

/* rote Schrift --> rechte Spalte */
.font_red{
	color: #BC2B16;
}

.font_rigthTransparentColumn{
	color: #FFFFFF;
	font-family:   Arial, sans-serif; 		
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}

/* News */
.newstable{
	table-layout:fixed;
	vertical-align: top;
	width: 100%;
	height: 345px;
	background-color: #FFFFFF;
	opacity: 0.8;  filter: Alpha(Opacity=80);

}

.newsdetailtable{
	table-layout:fixed;
	vertical-align: top;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	opacity: 0.8;  filter: Alpha(Opacity=80);

}

.whiteBoxTable{
	vertical-align: top;
	width: 100%;
	table-layout: fixed;
	height: 100%;
	background-color: #FFFFFF;
	opacity: 0.8;  filter: Alpha(Opacity=80);
}

.whiteBoxTd{
	width: 100%;
	height: 100%;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;

}

.transparentBoxTable{
	vertical-align: top;
	width: 500px;
	height: 100%;
}

.transparentBoxTd{
	width: 100%;
	height: 100%;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
}



/* page*/
/*******/
.page_table{
	visibility:hidden;
	display: none;
	top:  0px; 
	left: 0px;
	width:100%; 

}

.page_navlink{
	text-decoration: none;
}

a.page_navlink:active 
{
	color: red;
	text-decoration: none;
}

/* Markennavigation */
/********************/
.brandtable
{
	width:170px;
	vertical-align: top;
	margin-left:10px; 
	margin-bottom:10px;
	margin-top:10px; 
	margin-right:10px; 
	height: 100%;

}

a.navbrandlink:link, a.navbrandlink:active, a.navbrandlink:visited, a.navbrandlink:hover
{
	color: #BC2B16;
	text-decoration: none;
	font-size: 11px;
	line-height:13px;
}

.BrandNav{
	vertical-align: top;
	text-align:left;
	padding-left: 28px;
	padding-bottom:5px;
}


/* Für weiter und zurück link */
a.navigationlink:link, a.navigationlink:active, a.navigationlink:visited, a.navigationlink:hover
{
	color: #BC2B16;
	text-decoration: none;
}