@import url(/Templates/default/global.css);
.c {clear: both;}

body {background: #ffffff url(/Templates/birr_gruppe/images/bg.gif) top left repeat-x; border: 0;margin: 0; padding: 0; line-height: 170%; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #666;}

#center{width: 985px; margin: 0 auto;}

#wrapper{float: left; width: 925px; padding: 0 30px; background: #fff;}

#header {margin:20px 0 0;  width:100%; background: url(images/head_bg_oben.gif) top left no-repeat #0136B6; float: left; padding:16px 0 0; height: 180px;}
.logo{width: 210px; background: #E5E4F1; height: 180px; float: left;}
.logo a{display: block; background: url(images/logos/bb_gruppe_logo-header.jpg) 20px 70px no-repeat; width: 210px; height: 180px;}
#header #head2 {background: url(images/header/headerbg_aussen.jpg) top right no-repeat; height:180px; float: left; width: 915px; overflow: hidden;}
#headmenue{float: left; width: 100%; background: url(images/head_bg_unten.gif) bottom left no-repeat #0136B6; padding: 0 0 11px 0}
#headmenue ul{float: left; width: 100%; padding: 0; margin: 0; list-style: none;}
#headmenue li{float: left;}
#headmenue li a{display: block; float: left; padding: 3px 10px; text-decoration: none; color: #fff; font-weight: bold; text-transform: lowercase;}
#headmenue .menu1active, #headmenue a:hover, #headmenue a.menu1{background: #EEEDF6; color: #666}
#sidebar {position:relative; float: left; padding: 0; width:210px; margin: 15px 0 0; top: 0}

#sidebar #menue { margin:0 0 30px 0 ; position:relative;}

#menue ul { list-style:none; margin:0; color:#cccccc; padding: 0; border: 0;border-bottom: 1px dotted #E5E4F1;}
#menue ul li { margin: 0 ! important; padding: 0 !important; font-size:100%; border: 0; line-height: 0;border-top: 1px dotted #E5E4F1; background: none ! important; position: relative; }
#menue ul li span{display: block; border: 0;  padding: 0 ! important; margin: 0 ! important;  line-height: 0;}
#menue ul li a { text-decoration:none; display: block; line-height: 170%; padding: 4px 0 3px 15px; margin: 0 ! important;color: #666; font-weight: normal; font-size:90%; border: 0; border-left: 10px solid #E5E4F1; }
#menue ul li a:hover, #sidebar a.menu1active {border-left:10px solid #0136B6; color: #0136B6 }
#menue ul li  ul { margin:0; padding:0; border: none; }
#menue ul li li a{padding-left: 25px; border-color: #D4D2E7}
#menue ul li li li a{padding-left: 35px; border-color: #C4C2DD}
#menue ul li a.menu1{color: #0136B6}

#content ul li{color: #666}

#search{background: #EEEDF6; padding: 10px; width: 190px;}
.searchform_text{width: 100px;}

a{text-decoration: underline; color: #0D2F83;}
a:hover{text-decoration: none;}
#content {width:700px; position:relative; float: right; height:auto; margin: 0; top: 0}

#content #col31,#content #col32,#content #col33 {float:left; width:210px; margin-right:40px; font-size:90%;}
#content h1 {color:#0136B6; font-size:140%; font-family: Arial, Helvetica, sans-serif; margin:0 0 15px 0; padding:15px 0 0 0; border: 0;}
#content h2 {color:#666; font-size: 120%;  font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding:5px 0; margin:5px 0; }
#content h3 {color:#666; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;  padding:5px 0 0 0; margin: 5px 0; }
#content #content1-right h3 {margin:0;}

#content ul.blog_menu { margin: 0; padding: 0; }
#content ul.blog_menu li { margin: 0; padding: 0 10px 5px 0; background: none;}

#content li, #content .teaser ul li{list-style: none; background: url(images/li_bgs/li-blau.gif) left 8px no-repeat; padding-left: 12px; margin: 0 ! important; border: none ! important}

#content #kontakt {padding:50px 230px 0  255px}
#content #kontakt h1 {color:#009900;}

#content #kontakt img {float:right;margin:0;}

#content0{width: 700px; margin: 0;}

#content1-left{width:450px; float: left; padding-left:30px; margin: 0;}
#content1-right{width: 180px; float: right; margin-top: 10px;}
.content1-left-wide{width: 670px ! important;}

.box_rechts{background: url(images/box_re_bg.gif) center top no-repeat; padding-top: 4px;}
#content .box_rechts h3{background: #EEEDF6; border-right: 10px solid #0136B6; padding: 5px 0 5px 15px; text-transform: lowercase;}
.box_rechts_content{background: #E5E4F1; margin-bottom: 10px; border-top: 1px solid #fff; padding: 3px 10px 3px 15px;}
.box_rechts_content a{color: #333; font-weight: bold;}

.cta{margin: 10px 0; width: 128px; overflow: hidden; position: relative; height: 26px;}
.cta a img{display: block; position: absolute; left: 0; }
.cta a:hover img{left: -128px;}
/* #content0 img {margin-left:40px;} */

.blog_post_even {border:1px solid #cccccc;}
.blog_post_odd {border:1px solid #6699cc;}
#content .blog_post_even h2, #content .blog_post_odd h2 { padding: 10px 20px; margin: 0px; }
#content .blog_post_even div, #content .blog_post_odd div { margin: 0px; }
#content .blog_post_even div .cms_paragraph, #content .blog_post_odd div .cms_paragraph { padding: 0px; margin: 0px; }
.cms_addcommentdiv div{padding:20px; }
#admincont { margin-left:30px;}

#footer {margin-top:140px; margin-left: 0 ! important; clear: both; float: left; width: 100%; padding-top:10px; border-top:1px solid #cccccc;}
#footer ul {list-style:none; margin:0; padding:0;}
#footer ul li {float:left; list-style:none; margin:0 10px 0 0;}
#footer a {text-decoration:none; color:#666666; font-size:90%;}
#footer p { color: #666666; }
#footer img {margin-right:10px;}


#breadcrumbs { clear: both; float: left; width: 100%; margin:5px 0 25px 0; }
#breadcrumbs ul { display: inline; float: left; margin: 0; padding: 0;}
#breadcrumbs ul li { font-size: 0.8em; display: block; float: left; color: #aaa; text-transform: lowercase;}
#breadcrumbs ul li a {  color: #aaa;}

/*** BLOG ***/
#content .blog_post_even, #content .blog_post_odd {border: 0; border-bottom: 1px dotted #ccc; margin: 20px 0;}


#content .blog_post_even h2, #content .blog_post_odd h2 {background: none;  margin: 10px 0 10px 0; line-height: 180%; padding: 0}
#content .blog_post_even h2 a, #content .blog_post_odd h2 a{text-decoration: underline; }
#content .blog_post_even h2 a:hover, #content .blog_post_odd h2 a:hover{text-decoration: none;}
div.cms_commentdiv{padding: 0;}
#content .blog_post_even .blog_content, #content .blog_post_odd .blog_content {padding: 0;}
#content .blog_post_even div .cms_paragraph, #content .blog_post_odd div .cms_paragraph { padding: 0px; margin: 0px; }

#content ul.cms_ec_tab li{border: 1px solid #ccc ! important; }
#content li.cms_ec_tab_active{border-bottom: 1px solid #fff ! important;}
.cms_ec_btn img{height: 149px; width: 241px;}

/*** TEASER ***/


#content .teaser h1{font-size: 130%;}
#content .teaser h2{font-size: 90%;}
#content ul.teaser li{border-bottom: 1px dotted #EBE5C8; padding: 0 10px; margin: 0 0 20px 0; background-color: #f4f4f4; background-image: none;}


#content .teaser .teaser_hl { padding:5px !important; background:#F6F3E6; margin: 0 -10px 10px -10px; }
#content .teaser li{ list-style:none; margin:0; padding:0; }

#content ul.teaser { margin: 20px 0 0 0 ! important; padding:0; width: 450px }
#content .teaser .teaser_image{ float: left; margin-right:10px; }
#content .teaser .c { margin-bottom: 20px; }




/*** Fachbereiche ***/
#sidebar .fachbereiche{}
#sidebar .fachbereiche ul{list-style: none; padding-left: 10px;}
#sidebar .fachbereiche li{margin-bottom: 10px;}
.fachbereiche a{display: block; width: 170px; height: 41px; }
.licht_architektur a{background: url(images/logos_sprites/Button-licht-und_architektu.jpg) top right no-repeat}
.licht_architektur a:hover{background-position: left top}

.bb_gruppe a{background: url(images/logos_sprites/Button-bb_gruppe.jpg) top right no-repeat}
.bb_gruppe a:hover{background-position: left top}

.digital_sound_vision a{background: url(images/logos_sprites/Button-digital_sound-and_vi.jpg) top right no-repeat}
.digital_sound_vision a:hover{background-position: left top}

.information_automation a{background: url(images/logos_sprites/Button-information-und_auto.jpg) top right no-repeat}
.information_automation a:hover{background-position: left top}

.communication_security a{background: url(images/logos_sprites/Button-communication-und_se.jpg) top right no-repeat}
.communication_security a:hover{background-position: left top}

.elektroinstallation_haustechnik a{background: url(images/logos_sprites/Button-elektroinstallation-.jpg) top right no-repeat}
.elektroinstallation_haustechnik a:hover{background-position: left top}

.netztechnik_energietechnik a{background: url(images/logos_sprites/Button-netzwerk-und_energie.jpg) top right no-repeat}
.netztechnik_energietechnik a:hover{background-position: left top}

/***FARBSWITCHER***/

/*** Licht und Architektur ***/
.page-licht-architektur #header #head2{background-image: url(images/header/page-licht-architektur.jpg)}
.page-licht-architektur #header, .page-licht-architektur #headmenue{background-color: #7EBA44}
.page-licht-architektur #content .box_rechts h3{border-color: #7EBA44}
.page-licht-architektur #content li{background-image: url(images/li_bgs/li-h_gruen.gif);}
.page-licht-architektur #sidebar ul li a:hover, .page-licht-architektur #sidebar a.menu1active, .page-licht-architektur h1{border-left-color: #7EBA44; color: #7EBA44 ! important;}
.page-licht-architektur .logo a{background-image: url(images/logos/licht-und_architektur.jpg);}
.page-licht-architektur .licht_architektur a{background-position: top left;}
#wrapper #menu1_20 a:hover{border-left-color: #7EBA44; color: #7EBA44 ! important;}
.page-licht-architektur #menue ul li a.menu1{color: #7EBA44}

/***Elektroinstallation***/
.page-elektro #header #head2{background-image: url(images/header/page-elektro.jpg)}
.page-elektro #header, .page-elektro #headmenue{background-color: #EB5A00}
.page-elektro #content .box_rechts h3{border-color: #EB5A00}
.page-elektro #content li{background-image: url(images/li_bgs/li-r_orange.gif);}
.page-elektro #sidebar ul li a:hover, .page-elektro #sidebar a.menu1active, .page-elektro h1{border-left-color: #EB5A00; color: #EB5A00 ! important;}
.page-elektro .logo a{background-image: url(images/logos/elektroinstallation-und_hau.jpg);}
.page-elektro .elektroinstallation_haustechnik a{background-position: top left;}
#wrapper #menu1_21 a:hover{border-left-color: #EB5A00; color: #EB5A00 ! important;}
.page-elektro #menue ul li a.menu1{color: #EB5A00}


/***Netz- und Energietechnik***/
.page-netz-energie #header #head2{background-image: url(images/header/page-netz-energie.jpg)}
.page-netz-energie #header, .page-netz-energie #headmenue{background-color: #F08400}
.page-netz-energie #content .box_rechts h3{border-color: #F08400}
.page-netz-energie #content li{background-image: url(images/li_bgs/li-orange.gif);}
.page-netz-energie #sidebar ul li a:hover, .page-netz-energie #sidebar a.menu1active, .page-netz-energie h1{border-left-color: #F08400; color: #F08400 ! important;}
.page-netz-energie .logo a{background-image: url(images/logos/netzwerk-und_energietechnik.jpg);}
.page-netz-energie .netztechnik_energietechnik a{background-position: top left;}
#wrapper #menu1_22 a:hover{border-left-color: #F08400; color: #F08400 ! important;}
.page-netz-energie #menue ul li a.menu1{color: #F08400}

/***Digital Sound und Vision***/
.page-sound-vision #header #head2{background-image: url(images/header/page-sound-vision.jpg)}
.page-sound-vision #header, .page-sound-vision #headmenue{background-color: #611685}
.page-sound-vision #content .box_rechts h3{border-color: #611685}
.page-sound-vision #content li{background-image: url(images/li_bgs/li-purple.gif);}
.page-sound-vision #sidebar ul li a:hover, .page-sound-vision #sidebar a.menu1active, .page-sound-vision h1{border-left-color: #611685; color: #611685 ! important;}
.page-sound-vision .logo a{background-image: url(images/logos/digital_sound-and_vision.jpg);}
.page-sound-vision .digital_sound_vision a{background-position: top left;}
#wrapper #menu1_23 a:hover{border-left-color: #611685; color: #611685 ! important;}
.page-sound-vision #menue ul li a.menu1{color: #611685}

/***Information und Automation***/
.page-info-auto #header #head2{background-image: url(images/header/page-information-automation.jpg)}
.page-info-auto #header, .page-info-auto #headmenue{background-color: #008978}
.page-info-auto #content .box_rechts h3{border-color: #008978}
.page-info-auto #content li{background-image: url(images/li_bgs/li-d_gruen.gif);}
.page-info-auto #sidebar ul li a:hover, .page-info-auto #sidebar a.menu1active, .page-info-auto h1{border-left-color: #008978; color: #008978 ! important;}
.page-info-auto .logo a{background-image: url(images/logos/information-und_automation.jpg);}
.page-info-auto .information_automation a{background-position: top left;}
#wrapper #menu1_24 a:hover{border-left-color: #008978; color: #008978 ! important;}
.page-info-auto #menue ul li a.menu1{color: #008978}

/***Communication und Security***/
.page-comm-security #header #head2{background-image: url(images/header/page-comm-security.jpg)}
.page-comm-security #header, .page-comm-security #headmenue{background-color: #CE002A}
.page-comm-security #content .box_rechts h3{border-color: #CE002A}
.page-comm-security #content li{background-image: url(images/li_bgs/li-rot.gif);}
.page-comm-security #sidebar ul li a:hover, .page-comm-security #sidebar a.menu1active, .page-comm-security h1{border-left-color: #CE002A; color: #CE002A ! important;}
.page-comm-security .logo a{background-image: url(images/logos/communication-und_security.jpg);}
.page-comm-security .communication_security a{background-position: top left;}
#wrapper #menu1_25 a:hover{border-left-color: #CE002A; color: #CE002A ! important;}
.page-comm-security #menue ul li a.menu1{color: #CE002A}

/***Engineer Consulting***/
.page-engineer-consulting #header #head2{background-image: url(images/header/page-engineer-consulting.jpg)}
.page-engineer-consulting #header, .page-engineer-consulting #headmenue{background-color: #711947}
.page-engineer-consulting #content .box_rechts h3{border-color: #711947}
.page-engineer-consulting #content li{background-image: url(images/li_bgs/li-lila.gif)}
.page-engineer-consulting #sidebar ul li a:hover, .page-engineer-consulting #sidebar a.menu1active, .page-engineer-consulting h1{border-left-color: #711947; color: #711947 ! important;}
.page-engineer-consulting .logo a{background-image: url(images/logos/engineering-und_consulting.jpg);}
.page-engineer-consulting .communication_security a{background-position: top left;}
#wrapper #menu1_17 a:hover{border-left-color: #711947; color: #711947 ! important;}
.page-engineer-consulting #menue ul li a.menu1{color: #711947}


/***Energie und Umwelt***/
.page-energie-umwelt #header #head2{background-image: url(images/header/page-energie-umwelt.jpg)}
.page-energie-umwelt #header, .page-energie-umwelt #headmenue{background-color: #00A977}
.page-energie-umwelt #content .box_rechts h3{border-color: #00A977}
.page-energie-umwelt #content li{background-image: url(images/li_bgs/li-gruen.gif)}
.page-energie-umwelt #sidebar ul li a:hover, .page-energie-umwelt #sidebar a.menu1active, .page-energie-umwelt h1{border-left-color: #00A977; color: #00A977 ! important;}
.page-energie-umwelt .logo a{background-image: url(images/logos/energie-und_umwelt.jpg);}
.page-energie-umwelt .communication_security a{background-position: top left;}
#wrapper #menu1_19 a:hover{border-left-color: #00A977; color: #00A977 ! important;}
.page-energie-umwelt #menue ul li a.menu1{color: #00A977}

/***Handwerk und service***/
.page-handwerk-service #header #head2{background-image: url(images/header/page-handwerk_service.jpg)}
.page-handwerk-service #header, .page-handwerk-service #headmenue{background-color: #ED7219}
.page-handwerk-service #content .box_rechts h3{border-color: #ED7219}
.page-handwerk-service #content li{background-image: url(images/li_bgs/li-d_orange.gif)}
.page-handwerk-service #sidebar ul li a:hover, .page-handwerk-service #sidebar a.menu1active, .page-handwerk-service h1{border-left-color: #ED7219; color: #ED7219 ! important;}
.page-handwerk-service .logo a{background-image: url(images/logos/handwerk-und_service.jpg);}
.page-handwerk-service .communication_security a{background-position: top left;}
#wrapper #menu1_18 a:hover{border-left-color: #ED7219; color: #ED7219 ! important;}
.page-handwerk-service #menue ul li a.menu1{color: #ED7219}

/***Wine and Tools***/
.page-wine-tools #header #head2{background-image: url(images/header/page-wine-tools.jpg)}
.page-wine-tools #header, .page-wine-tools #headmenue{background-color: #D70083}
.page-wine-tools #content .box_rechts h3{border-color: #D70083}
.page-wine-tools #content li{background-image: url(images/li_bgs/li-pink.gif)}
.page-wine-tools #sidebar ul li a:hover, .page-wine-tools #sidebar a.menu1active, .page-wine-tools h1{border-left-color: #D70083; color: #D70083 ! important;}
.page-wine-tools .logo a{background-image: url(images/logos/wine-and-tools.jpg);}
.page-wine-tools .communication_security a{background-position: top left;}
.page-wine-tools #menue a:hover{border-left-color: #D70083; color: #D70083 ! important;}
.page-wine-tools #menue ul li a.menu1{color: #D70083}

/***FACHBEREICHE***/
.page-13 #header #head2{background-image: url(images/header/page-fachbereiche.jpg)}
.page-12 #header #head2{background-image: url(images/header/dienstleistungen.jpg)}

/*** Bilderstapel ***/
#bilderstapel {
	background-color: black;
	height:185px;
	width: 705px;
	float: left;
}

#bilderstapel img {
	position:absolute;
	height:180px;
	width: 705px;
	z-index:1;
}

#bilderstapel img.obersteebene {
	z-index:3;
}

#bilderstapel img.mittlereebene {
	z-index:2;
}

.initialenwrapper{ margin-bottom: 20px;}
.initialenwrapper span{display: block;}
.initial{text-align: right; font-weight: bold; clear: both; width: 0.8em; float: left; color: #0136B6;}
.erklaerung{float: left; width: 380px;}



.form-Bestellformular table{
	border-collapse:collapse;
	border: 0 none; 
}
.form-Bestellformular input{
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #CCCCCC;
    color: #777777;
    font: 1em Verdana,Arial,Helvetica,Sans-Serif;
    padding: 3px;
    width: auto;
}



.contactTable th,
.contactInfoTable th,
.productTable th,
.productOrderedTable th,
.productOverviewTable th,
.contactTable td,
.contactInfoTable td,
.productTable td,
.productOrderedTable td,
.productOverviewTable td{
	text-align:left;
	padding:0 5px;
	vertical-align:top;
}

.productOverviewTable th.ueberschrift{background: #d70083 ;}
.productOverviewTable th.ueberschrift h2{color: #fff ! important; text-transform: lowercase;}

.productOverviewTable th,
.productOverviewTable td{
	vertical-align:top;
	padding:3px 5px;
	border-bottom:1px solid #D70083;
}
.productOverviewTable input{
    background-color: transparent;
    border: 0 none;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    width: 30px;
}

.productOverviewTable .productPices{
	width:82px;
}

.productOverviewTable .add_button {
    float: left;
    margin-right: 5px;
}

.productOverviewTable .sub_button {
    float: right;
    margin-left: 5px;
}

.productOverviewTable .add_button,
.productOverviewTable .sub_button {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #CCCCCC;
    color: #777777;
    font: 1em Verdana,Arial,Helvetica,Sans-Serif;
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    width: 20px;
}

.productDescription{
	font-weight:bold;
}

td.productSize{
	white-space:nowrap;
}

.error, .errorlist li{
	color:red !important;
}

.form-hasOverlay{
	padding:5px;
}

.form-hasOverlay h2{
	color:#666;
}