/* ========== Footer am Fensterrand platzieren ============= */
html,
body {
   height:100%;
}
#wrapper {
   min-height:100%;
   position:relative;

}

#page_wrap {
   padding:10px;
   padding-bottom:204px;   /* Height of the footer */

}

/* ========== Styles Beginnen ========== */
body { 
	font-family: "TitilliumText22LRegular", Arial, Verdana, sans-serif;
	font-size: 13px;
	background: url(../img/sonstiges/alumero_bg.gif) no-repeat 50% 0%;
}

/* ================== Struktur ====================== */
#page_wrap { width: 988px; margin: 0 auto;}
#header {height: 96px; text-align: right; }
#nav_wrap {height: 84px; background: url(../img/sonstiges/alumero_nav_bg.png) no-repeat 50% 0; padding: 11px 0 30px 0;}
#footer {height: 204px; background: url(../img/sonstiges/alumero_footer_bg.jpg) repeat-x; clear: both; position: absolute; bottom: 0; width: 100%}

/* ================== Links und Texte ====================== */
b, strong {font-weight: bold}

a {text-decoration: none; color: #4172a7}
a:hover {cursor: pointer; text-decoration: underline;}
a.pdf {
	font-family: "TitilliumText22LBold";
	color: #4172a7;
	background: url(../img/icons/pdf-13px.png) no-repeat 0 1px;
	padding: 0 0 0 18px;
	margin-bottom: 5px;
	display: block;
	}
p a.pdf {margin-bottom:-10px;}

p, .grauer_block {margin-bottom: 1em; line-height: 1.5em;}
.hervorhebung {text-transform: uppercase; color: #4172a7;}

/* ================== Headlines ====================== */
h1 {font-size: 20px; text-transform: uppercase; padding:0; color: #4172a7}
h2 {font-size: 18px; font-family: "TitilliumText22LBold"; border-bottom: 1px solid #e0dede; margin-bottom: .5em;}
h3 {font-size: 14px; text-transform: uppercase; color: #4172a7; padding: 0 0 5px 0;}
h4 {font-size: 15px; font-family: "TitilliumText22LLight"; font-weight: normal; color: #525252; text-transform: uppercase;}
h5 {
	font-size: 18px;
	font-family: "TitilliumText22LLight";
	color: #467bb4;
	border-bottom: 1px solid #e0dede;
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
}
h6 {font-size: 14px; text-transform: uppercase; color: #fff; font-weight: normal; font-family: "TitilliumText22LRegular";}

/* ================== Logo ====================== */
#header img {margin: 25px 25px 0 0}

/* ================== Internet Explorer 6 ====================== */
#seo, #ie6 {display: none;}

/* ================== Home Nav ====================== */
.home_nav_wrap {
	width: 247px;
	height: 370px;
	float: left;
	position: relative;

	background: url(../img/sonstiges/alumero_home_nav_bg.gif) no-repeat 0 30px;
	text-align: center;
}

.home_nav_wrap h1 {margin-bottom: 10px;}

.ul_wrap {
	position: absolute;
	bottom: 23px;
	background: #707070;
	width: 218px;
	left: 14.5px;
	text-align: left;
}

.ul_wrap ul {
	display: none; 
	padding: 0 0 8px 10px;

}

.ul_wrap ul li {
	text-transform: uppercase;

}
.ul_wrap ul li a{
	font-family: "TitilliumText22LMedium";
	color: #fff;
	text-decoration: none;
	line-height: 14px;
	background: url(../img/sonstiges/alumero_bullet_pfeil.png) no-repeat 0 3px;
	padding: 3px 0 3px 10px;
	display: block;
}

.ul_wrap ul li a:hover {
	text-decoration: underline;
}
/* ================== Content ====================== */
.content_wrap {width: 920px; margin: 0 auto;}

.main_content{padding: 20px 0;}
.alt_content_vorhanden {border-right: 1px solid #e0dede; width: 649px; float:left; padding-right: 20px;}

.alt_content{width: 230px; float: right; padding: 20px 0 0 20px;}
.alt_content ul {padding:0 0 8px 0;}

.grauer_block {background: #eae9e9; padding: 10px; clear: both;}

div.spalten_3 {
	width: 286px;
	float: left;
	border-left: 1px solid #e0dede;
	min-height: 270px;
	padding: 10px 0 10px 20px;
	min-height: 500px;
	} /* ORIG WIDTH 306*/
div.spalten_3:first-child{ border: none; padding-left: 0px;}

div.spalten_3 h3 {font-size: 1.2em;}

div.spalten_3 a.pdf {display: block; margin: 0 0 -18px 0;}

div.spalten_3 strong {color: #777; padding: 1em 0 5px 0; display: block; font-weight: normal;}

div.spalten_3  p strong:first-child {padding-top: 0}
/*======= Galerie =========*/
.galerie_vorschau { width: 150px; float: left; margin-right: 10px;}
.galerie_vorschau a {font-size: 15px; }
.galerie_vorschau a:hover {text-decoration: none;}

/* ================== Standorte ====================== */
.kontakt_wrap{
	height: 450px;
	width: 230px;
	float:left;
}
.kontakt_img_wrap{
	background: url(../img/sonstiges/kontakt_img_hg.png) no-repeat;
	width:230px;
	height: 317px;
	padding: 12px 0 0 0px;
	left:-10px;

}
.kontakt_img {
	width: 204px;
	height: 290px;
	overflow: hidden;
	margin: 0px 0 0 11px;
}
/* ================== Slideshow  ====================== */
#slideshow_wrap{ 
	width: 240px;
	height: 338px; 
	overflow: hidden; 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 10px 12px 16px 12px;
	background: url(../img/sonstiges/alumero_slideshow_bg.png) no-repeat;
	position: relative;
	top:-5px;
	left: -5px;
} /* Orig Width: 240px Height: 338px*/

#slideshow_wrap.querformat { 
	margin: 0 0 .5em 0;
	padding: 10px 12px 16px 12px;
	width: 625px;
	height: 439px;
	background: url(../img/sonstiges/alumero-slideshow-querformat-bg.png) no-repeat;
} /* ORIG width 649 height 461*/

#slideshow_wrap img {display: none; position: absolute;}
/* ================= Formular ======================= */
label {font-family: "TitilliumText22LBold"; color: #888}
/* ================= LISTEN ======================= */
.content_wrap ul li{margin: 0 0 5px 1em; list-style-image: url(../img/sonstiges/alumero_bullet_plus.gif)}

ul.alt_nav li { margin-left: 0; list-style-image: none; margin-top: .8em;}
.alt_nav a {color: #000}
.alt_nav a.aktiv {color: #4172a7; text-decoration: underline}
/* ================= Tabellen ======================== */
table {border: none; margin-bottom: 1em}
td, tr {border: none; border: 1px solid #e0dede; padding: 5px 3px 3px 3px;}
/* ================= Listen ======================== */
dl {width: 400px; float: left}
dl dt, dl dd { margin-bottom: .5em; }
dl dt { clear: both; float: left; width: 100px; }
dl dd { float: left; width: 300px; }

/* ================= Input ======================= */
input[type=text]{width: 100px; border-color: #e0dede; border-width: 1px; padding: 2px;}

.ergebnis {
	border: none;
	display: none;
}

.kontakt input {width: 300px;}
textarea {width: 304px; height: 150px;}
input[type=submit] {width: auto}

/* ================= Google maps ======================= */
.google_maps_suche {margin-bottom: 1em;}
input[type=text].google_maps {width: 250px;}
/* ================= Berechnungen ======================= */
div.berechnungen div {display: none; background-repeat: no-repeat; height: 160px; background-position: 0px 10px; clear: both; height: 200px;}
div.berechnungen div:first-child  {display: block;}
div.berechnungen div img {float: left; padding-right: 20px;}

div.berechnungen dl {padding-top: 20px; width: 350px;}
div.berechnungen dt {width: 150px;}
div.berechnungen dd {width: 200px;}

ul.berechnung_nav {font-family: "TitilliumText22LBold"}
ul.berechnung_nav li {list-style: none; color: #4172a7; margin-left: 0;}
ul.berechnung_nav li:hover {cursor: pointer;}
/* ================= Befestigungen ======================= */
.befestigung_con {clear: both; margin-bottom: 35px;}
.befestigung_content { 
	position:relative;
	width: 400px;
	float: left;
	background: #eae9e9;
	margin: 5px 0 0 0;
	min-height: 209px;
	padding: 20px;
} /* ORIG  width: 450px; min-height: 249px;}*/

.befestigung_img {
	width: 165px;
	height: 262px;
	padding: 0 13px;
	margin: 0 9px 0 0;
	background: url(../img/sonstiges/alumero_befestigung_bg.png) no-repeat;
	line-height: 262px;
	float: left;
	text-align: center;
} /* orig width: 191px; height: 262px;*/

.befestigung_img img{vertical-align: middle;}

.befestigung_con h4 {padding: 0 0 0 200px; width: 450px; color: #4172a7; }
.befestigung_con span.artikel_nr {font-family: "TitilliumText22LMedium"; display: block; text-align: right; position: absolute; bottom: 15px; right: 20px; width: 100%;}
.befestigung_con span.produkt_nr {font-family: "TitilliumText22LMedium"; display: block; text-align: left; position: absolute; bottom: 15px; left: 20px; width: 100%;}

a.befestigung_nav:first-child {margin-left: .5em;}
a.befestigung_nav.aktiv {font-family: "TitilliumText22LBold"; text-decoration: underline;}

.befestigung_details {font-family: "TitilliumText22LBold"; margin:1em 0 2em 0;}
.content_wrap ul.befestigung_details li {margin: 0; padding: 5px .5em 3px .5em; list-style-image: none; background: #eee;}
.content_wrap ul.befestigung_details li.gerade {background: #cecece}
.befestigung_details span {float: right; font-family: "TitilliumText22LRegular";}

/* ================== News ====================== */
.news_link {
	font-family: "TitilliumText22LRegular";
	display: block;
	color: #4172a7;
	font-size: 14px;
	margin-bottom: 10px;
}



.datum { color: #505050; }
.news_link .datum {
	border-bottom: 1px solid #e0dede; 
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-align: right;
}

.news_navigation {text-align: right; padding-bottom: 5px;}
.news_navigation .aktiv {font-family: "TitilliumText22LBold";}

/* Galerie*/
.gallery_wrap img {width: 140px}
.gallery_wrap a {width: 140px; display: block; margin: 5px; float: left;}

/* ================ Referenzen ========================== */
.referenz_wrap {background: url(../img/sonstiges/alumero-referenz-bg.png) no-repeat 50% 0; height: 436px;}
.referenzen {width: 576px; height: 405px; overflow: hidden; float: left; margin: 11px 16px 0 17px;}

.ausgeblendet {display: none}

.pfeil {float: left}
.pfeil:hover {cursor: pointer}

.counter {text-align: right; margin: .5em 0 0 0;}
/* ================== Footer ====================== */
#footer {}
#footer a {color: #a5a2a2;}
#footer a:hover{color: #fff;}

#footer h6 a {color: #fff;}
#footer h6 a:hover {text-decoration: none}

#footer_content_wrap {
	width: 1000px;
	margin: 0 auto;
}

#news_ticker {
	padding-top: 20px;
	text-align: center;
}

#footer_spalten {
	background: url(../img/sonstiges/alumero_spalte_bg.png) 0% 0% no-repeat;
	height: 125px;
	padding-top: 6px;
}

.spalte {
	width: 165px; /* Orig width 200px*/
	height: 110px; /* Orig height 125px */
	padding: 15px 0 0 20px;
	float: left;
	background: url(../img/sonstiges/alumero_spalte_bg.png) 100% 0% no-repeat;
}

.large_links {
	text-transform: uppercase;
	color: #66b338;
}

.lang_switch {padding: 15px 13px 0 25px; width: 30px} /* Gesamte breite 75px */
.lang_switch a {display: block; width: 20px; height: 14px; margin-bottom: 5px;}

.lang_switch a.de {background: url(../img/icons/lang/de_off.jpg) no-repeat;}
.lang_switch a.en {background: url(../img/icons/lang/en_off.jpg) no-repeat;}
.lang_switch a.pl {background: url(../img/icons/lang/pl_off.jpg) no-repeat;}

.lang_switch a.de:hover {background: url(../img/icons/lang/de.jpg) no-repeat;}
.lang_switch a.en:hover {background: url(../img/icons/lang/en.jpg) no-repeat;}
.lang_switch a.pl:hover {background: url(../img/icons/lang/pl.jpg) no-repeat;}

.lang_switch a.de.aktiv {background: url(../img/icons/lang/de.jpg) no-repeat;}
.lang_switch a.en.aktiv {background: url(../img/icons/lang/en.jpg) no-repeat;}
.lang_switch a.pl.aktiv {background: url(../img/icons/lang/pl.jpg) no-repeat;}

.lang_switch img {width: 20px; height: 14px}

.lme_details {width: 135px; padding: 15px 20px 0px 25px;}



/* ================== Sonstige Klassen ====================== */
#footer a.farbe_1,.farbe_1 {color: #66b338}
#footer a.farbe_2,.farbe_2 {color: #f6de53}
#footer a.farbe_3,.farbe_3 {color: #67b6cf}
#footer a.farbe_4,.farbe_4 {color: #bc7921}

.spacer {clear: both;}
.zero_height {height: 0;}
.float_right {float: right;}
.hinweis{color: #505050; font-size: .8em;}
.no_display {display: none;}