@charset "utf-8";

/*================================================

	Developed by: Michael Ernst
	Company: Euroweb Internet GmbH

==================================================
    => global tags
==================================================*/

* {padding:0;margin:0;}

html, body, #container {height: 100%;} /*stickyFooter*/ 
html {background:#fff url(../images/bg_header_repeatx.jpg) repeat-x center top;}

body {color: #212121;vertical-align:baseline;text-align: center;font: 14px "Arial", Helvetica, sans-serif;background:url(../images/bg_header.jpg) no-repeat center 1px;}
body > #container {height: auto; min-height: 100%;}/*stickyFooter*/

html[xmlns^="http"] {overflow-y:scroll;}

ol, ul, dl {list-style:none;}

a, .email span, a:visited {outline:none;text-decoration: none;color:#c03e7f;font-weight:bold;}
a:hover, a:hover span, a:active, a:focus {color:#212121;}
a[href $='.pdf'] {padding-right: 21px;background: transparent url(../images/file_pdf.png) no-repeat center right;}

p {margin: 0 0 15px 0px;line-height: 20px;}

img, a img {border: none;-ms-interpolation-mode: bicubic;}

/*==================================================
    => global classes
==================================================*/

.print {display:none;}

.floatLeft {float: left;}
.floatRight {float: right;}

.marginRight {margin: 0 10px 0 0;}

.clearThis {clear:left;float:none;height:0;line-height: 0.0em;}

.column1 {
	width: 280px;
	padding-right:30px;
	float:left;
}

.column2 {
	width: 280px;
	float:left;
}

.column {
	width: 524px;
	padding-bottom:20px;
}

.borderNone {border:none!important;}
.styleNone {margin:0!important;padding:0!important;background:none!important;border:none!important;}

img.imgPersons {margin:0 8px 8px 0!important;}

p.cufon {color:#c03e7f;font-size:22px;}

/*==================================================
    => container
==================================================*/

div#container {position:relative;margin: 0 auto;width: 960px;text-align: left; /* reset left alignment */}

/*==================================================
    => header
==================================================*/

div#header {height:523px;}

/*------------------ =branding  ------------------*/

h1#branding a {display:block;height:164px;width:261px;overflow:hidden;z-index:1;position:relative;top:35px;left:28px;}
h1 span {display:block;text-indent:-9999px;text-decoration:none;}

/*==================================================
    => content
==================================================*/

#content {background:url(../images/bg_content_repeaty.gif) repeat-y center top;padding-bottom: 70px;}

/*------------------ =contentSidebar  -------------*/

div#contentSidebar {float:left;margin-left:113px;width:230px;}

div.sidebarBlock {padding-bottom:27px;border-bottom:1px solid #e4e4e4;margin-top:27px;}
div.sidebarBlock:first-child {margin-top:0;}
div.sidebarBlock p {margin:0;}

div#contact {font-size:17px;color:#535353;}
div#contact p#contactPhone {background:url(../images/icon_phone.jpg) no-repeat left top;height:25px;padding:5px 0 0 52px}
div#contact p#contactMail {background:url(../images/icon_mail.jpg) no-repeat left top;height:28px;padding:5px 0 0 52px;width:189px;}
div#contact p#contactMail a {height:33px;padding:0 0 0 52px;width:189px;text-indent:-9999px;display:block;}
div#contact p#contactMail:hover {background:url(../images/icon_mail.jpg) no-repeat left bottom;}

div#route {background:url(../images/sidebarMap.jpg) no-repeat left 45px;height:176px;}
div#route address {margin-left:80px;font-size:11px;padding:0 0 0 0;line-height:16px;}
div#route p {margin-left:80px;font-size:11px;padding:59px 0 0 0;line-height:16px;}
div#route p span {font-weight:bold;color:#c03e7f;}

div#contentSidebar a.linkImprint {float:left;font-size:11px;margin:8px 8px 0 0;}

/*------------------ =contentMain  ---------------*/

div#contentMain {width:524px;float:left;margin:0 46px 30px 0;}
div#contentMain img {border: 1px solid #e4e4e4;padding:5px;background:#fff;margin:17px 0;}
div#contentMain img:first-child {margin:0 0 17px;}

div#contentMain ul {
	margin: 0 30px 10px 0;
	padding: 0;
	list-style: none;
}

div#contentMain ul li {
	padding: 2px 0 3px 17px;
	background: url(../images/li.gif) no-repeat 0 10px;
	line-height: 20px;
}

div#contentMain dl.specs {}
div#contentMain dl.specs dt {float:left;font-weight:bold;width:164px;display:block;}
div#contentMain dl.specs dd {margin-bottom:20px;}


/*------------------ =Basic Title Styles  --------*/

	h2{color:#c03e7f;font-size:36px;border-bottom:1px solid #ccdcd8;padding-bottom:21px;margin-bottom:20px;}
	
	h3{font-size:24px;color:#212121;margin-bottom:10px;}
	div#contentSidebar h3{color:#c03e7f;font-size:22px;}
	
	h4{ }
	
	h5{ }

.cufon-loading div#contentMain h2,.cufon-loading div#contentMain h3, .cufon-loading div#contentMain ul#naviMain li a, .cufon-loading div#contentMain ul#naviProducts li a, .cufon-loading div#contentMain ul#naviAdd li a {visibility:hidden;}

/*------------------ =anfahrt  --------------------*/

#map {border:1px solid #d0cfd1;padding:5px;width:512px;height:290px;margin:15px 0;}

form#gMaps {padding-top:20px;}
form#gMaps input#saddr {background:url(../images/bg_route_input.jpg) no-repeat left top;border:none;width:106px;height:24px;font-size:11px;padding-left:3px;color:#888;}
form#gMaps input.submit {background:url(../images/button_berechnen.gif) no-repeat left top;width:90px;height:24px;border:none;margin-left:5px;}
form#gMaps input.submit:hover {cursor:pointer;}

/*------------------ =imprint  --------------------*/

dl.imprint-address,
dl.imprint-business {
	margin-bottom:20px;

}


dl.imprint-address dt,
dl.imprint-business dt {
	display: block;
	width: 150px;
	float:left;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}

dl.imprint-address dd,
dl.imprint-business dd { 
	clear:right; 
}

#btnImprint {display:none;}

p#datenschutz span {
	margin: 0 0 15px 0;
	display:block;
}

/*==================================================
    => navigation    
==================================================*/

ul#naviMain {background:url(../images/bg_navi.jpg) no-repeat center top;height:237px;width:334px;top:65px;position:relative;margin-left:-60px;text-align:center;padding-top:15px;}
ul#naviMain li {margin-top:21px;}
ul#naviMain li:first-child {margin-top:0px;}
ul#naviMain li a {text-decoration:none;color:#fff;font-size:24px;}
ul#naviMain li a:hover,ul#naviMain li a.active {color:#ccc;}

ul#naviProducts {}
ul#naviProducts li {display:block;position:absolute;padding:3px 0 0 0;text-indent:17px;}
ul#naviProducts li.reparatur {background:url(../images/nav_reparatur.png) no-repeat center top;width:159px;height:52px;top:53px;right:131px;}
ul#naviProducts li.fenster {background:url(../images/nav_fenster.png) no-repeat center top;width:135px;height:49px;top:153px;right:403px;z-index:50;}
ul#naviProducts li.tueren {background:url(../images/nav_tueren.png) no-repeat center top;width:141px;height:47px;top:278px;right:341px;z-index:49;}
ul#naviProducts li.garagentore {background:url(../images/nav_garagentore.png) no-repeat center top;width:129px;height:55px;top:275px;right:148px;}
ul#naviProducts li a {color:#fff;font-size:22px;}
ul#naviProducts li a:hover,ul#naviProducts li a.active {color:#ccc;}


/*------------------ = Sub  -------------*/

ul#naviProducts li ul.naviSub {display:none;z-index:2;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.35);-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.35);-webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.35);padding-top:5px;}

ul#naviProducts li.fenster ul.naviSub,ul#naviProducts li.fenster ul.naviSub li a,ul#naviProducts li.fenster ul.naviSub li {width:133px;}
ul#naviProducts li.fenster ul.naviSub {background:#efefef url(../images/naviSubFenster.jpg) no-repeat center top;}

ul#naviProducts li.tueren ul.naviSub,ul#naviProducts li.tueren ul.naviSub li a,ul#naviProducts li.tueren ul.naviSub li {width:141px;}
ul#naviProducts li.tueren ul.naviSub {background:#efefef url(../images/naviSubFenster.jpg) no-repeat center top;}

ul#naviProducts li.garagentore ul.naviSub,ul#naviProducts li.garagentore ul.naviSub li a,ul#naviProducts li.garagentore ul.naviSub li {width:129px;}
ul#naviProducts li.garagentore ul.naviSub {background:#efefef url(../images/naviSubGaragentore.jpg) no-repeat center top;margin-top:8px;}

ul#naviProducts li:hover ul.naviSub {display:block;}

ul#naviProducts li ul.naviSub li {width:238px;text-indent:0;height:38px;text-decoration:none;position:relative;}

ul#naviProducts li ul.naviSub li a {color:#c03e7f;padding:12px 0 0 8px;text-align:left;text-decoration:none;font-size:18px;display:inline;line-height:36px;font-weight:normal;}
ul#naviProducts li ul.naviSub li a:hover,ul#naviProducts li ul.naviSub li a.active {color:#f5a64a;}

/*==================================================
    => naviAdd  
==================================================*/

ul#naviAdd {height:25px;position:relative;width:540px;padding:24px 0 0 65px;}

ul#naviAdd li {float:left;padding:0 100px 0 10px;}
ul#naviAdd li:hover {}

ul#naviAdd li a {font-size:26px;text-decoration:none;color:#fff;display:inline;}
ul#naviAdd li a:hover {color:#ccc;}

/*==================================================
    => footer   
==================================================*/

div#footer {position:relative;margin-top:-70px;height:70px;clear:both;background:url(../images/bg_footer.jpg) repeat-x center bottom;}
div#footerContent {margin:0 auto; width:960px;}

/*==================================================
    => no java hinweis  
==================================================*/

noscript p {position:absolute;width:100%;height:25px;line-height:25px;top:0;left:0;font-size:11px;color:#666;text-indent:25px;border-bottom:solid 1px #999;z-index:99;text-align:center;background:#fff;}
noscript strong {padding-left:20px;background:url(../images/cms/icon-cancel.png) no-repeat 0 center;font-weight:bold;}
noscript div {position:absolute;top:0;}

/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height:0;height:0;}
.clearfix {display: inline-block; /* for IE/Mac */}

/* Hides from IE-Mac \*/
* html .clearfix {height: 1%;zoom: 1; /* triggers hasLayout */}

.clearfix {display: block;}
/* End hide from IE-Mac */

/*==================================================
    => Newsletter   
==================================================*/

form#Anmeldung input#email-quick {background:url(../images/bg_route_input.jpg) no-repeat left top;border:none;width:109px;height:24px;}
form#Anmeldung input#abschickenHeader {background:url(../images/button_anmelden.gif) no-repeat left top;width:90px;height:24px;border:none;margin-left:5px;}
form#Anmeldung input#abschickenHeader:hover {cursor:pointer;}


form label,
form input,
form textarea,
form selcect,
form p#fehlermeldung,
div#meldung {
   width:180px;
   font:inherit;
   color:inherit;
   border:1px solid #dc2410;
   background:#fcfcfc url(../images/form-hg.png) repeat-x;
   height:18px;
}

form input#austragen,
form input#eintragen,
form input#reset,
form input#reset2,
form input#submit,
form input#submitRoute {
   background:#dc2410;
   color:#fff;
   border:none;
   height:30px;
}

input:hover,
input:focus,
textarea:focus,
textarea:hover {
   background:#efefef;
   color:#000;
   border:1px solid #000;
}

/*==================================================
    => global settings
==================================================*/
 
/*------------------ =form  ----------------------*/
 
form#Kontaktformular,
form#link2map24,
form#Anmeldung,
form#Abmeldung {
   margin:0 0 20px 0;
   padding:0 0 10px 0;
}

form label,
form input,
form textarea,
form selcect {
   display:block;
   float:left;
   margin:10px 5px 0 0;
}

form br {
   clear:left;
}

/*------------------ =inputs  --------------------*/
 

form input#austragen,
form input#eintragen,
form input#reset,
form input#reset2,
form input#submit,
form input#submitRoute {
   width:182px;
   padding:5px;
   cursor:pointer;
   clear:both;
}

form textarea {
   overflow:auto;
   height:140px;
}

form input[type=hidden],
form input#hidden {
   display:none;
   border:0;
   padding:0;
   height:0.0em;
   line-height:0.0em;
}

form input#Telefon {
   width:90px;
}

form input.checkbox {
   width:20px;
   margin-top:13px;
   border:none;
   background:transparent;
   height:15px;
   _margin-left:-10px;
}

form input.radio {
   width:20px;
   margin-top:5px;
   border:none;
   background:transparent;
   height:12px;
}

/*------------------ =labels  --------------------*/
 

form label.radio,
form label.radio-small {
   width:auto;
   border:none;
   background:transparent;
}

form label.radio-small {
   margin-top:0px;
   width:auto;
   border:none;
   background:transparent;
}

form label.radio-small,
div#Newsletter form label.radio {
   margin-top:2px;
   width:auto;
   border:none;
   background:transparent;
}

form label,
div#Newsletter form label.radio {
   text-align:right;
   padding-right:15px;
   border:none;
   background:none;
   width:90px;
}

form label.required {
   background:url(../images/icon-required_s.gif) right top no-repeat;
}

form label#label-rueckruf {
   width:40px;
   margin-left:8px;
}

form label.checkbox {
   width:70px;
}

/*------------------ =fielsets  ------------------*/
 
form legend {
   display:none;
   height:0.0em;
   line-height:0.0em;
}

form fieldset#submitbox,
form fieldset.submitbox,
form fieldset#ziel {
   padding:0 0 0 110px;
   clear:both;
}

form fieldset {
   padding:0px;
   border:none;
}

form fieldset#ziel {
   margin:15px 0 0 0;
}

form fieldset#ziel p {
   margin:0;
}

span.pink{
	color:#C03E7F;
	}

/*------------------ =error  ---------------------*/
 
form .error {
   color:#f00 !important;
   font-weight:bold !important;
}

form p#fehlermeldung {
   display:none;
}

div#meldung,
form p#fehlermeldung {
   background:#fff;
   padding:20px 20px 40px 20px;
   _padding-bottom:20px;
   margin:0 0 15px 0;
   width:auto;
}
/* - Mobile Styles -*/
#mobile-link{
	border: 1px solid #ccc;
	background:#fff url(../images/mobile/bg-btn-desktop.png) repeat-x 0 bottom;
	display:none;
	clear:both;
	position:relative;
	z-index:99999;
}

.btn-mobile {
	display: block!important;
	margin: 0 auto;
	color: #666 !important;
	background:url(../images/mobile/icon-mobile.png) no-repeat 5% 24px;
	text-indent:20%;
	text-decoration: none!important;
	font-size:30px;
	padding: 60px 20px;
	text-transform: uppercase;
}
@media print {

/*----- hide various parts from the site  ------*/

#navi,
#naviAdd,
form,
#euroweb img,
#euroweb a,
#contentSidebar div,
#btnImprint,
a.back,
.noprint p
 {
	display:none !important;
}


*,p.clear{padding:0;margin:0}html{height:auto;margin-bottom:0}body{margin:0 !important;padding:0 !important;font:10pt/16pt Arial,Helvetica,sans-serif;color:black;page-break-after:always !important}h1#branding a{text-indent:-9999px}img.brand,dl.vcard dt,dl.imprintTypeOfBusiness dt{display:block}img.brand{float:right;width:238px;height:255px;margin-bottom:40px}h6,h5,h4,h3,h2,h1{font-family:Helvetica,Arial,sans-serif;page-break-after:avoid;width:auto}h1{font-size:0}h2{font-size:16pt;line-height:20pt}h3{font-size:13pt;line-height:18pt}h6,h5,h4{font-size:10pt}div#wrapper{display:none}div#contentMain div,dl.vcard,dl.imprintTypeOfBusiness{width:100%}div#contentMain div{clear:both;float:none !important;overflow:visible;display:table !important}hr{background:#ccc}p{line-height:1.5;margin:0 0 1em 0}a:visited:hover,a:hover,a:visited,a,a:visited,a:link{background:transparent;text-decoration:none}a:visited,a:link{font-weight:700;color:#333}body a[href^="https:"],body a[href^="http:"]{background:none;padding-left:0}a[href^="http://"]:visited:after,a:link[href^="http://"]:after{content:" (" attr(href) ") ";font-size:9pt;font-style:normal !important}img{margin:1em 1.5em 1.5em 0}a img{border:none}dl.vcard,dl.imprintTypeOfBusiness,#datenschutz span{margin:0 0 20px 0}dl.vcard,dl.imprintTypeOfBusiness{line-height:17px}dl.vcard dt,dl.imprintTypeOfBusiness dt{width:50%;float:left}#datenschutz{display:block !important}dl.vcard dd,dl.imprintTypeOfBusiness dd{clear:right}.print{position:static;left:0}p.clear{height:0}

}





address{
font-style:normal;
}