/*
CSS-RESET--------------------- 

Author:   Waigwa Gatamu 
Created:  20.11.2009
Copyright: Euroweb Internet GmbH   
*/


/* --------------------------------------------------------------------------- */
/* -------------------------->>> GLOBAL <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html, body, #container {
	height: 100%;
}
body {
	color:#333;
	font-size:12px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	background: #cacbc6 url(../images/bg.jpg) repeat-x;
}
body > #container {
	height: auto;
	min-height: 100%;
}
/*
KLASSEN & ANDERE STANDARDS
==================================================*/

.clear {
	clear:both;
	float:none;
	height:0;
}

ol, ul {
	list-style: none;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.daten {
	float:left;
	width:650px;
}
div#content-sidebar p, div#content-main p {
	margin: 0 0 20px 0;
}
.separator {
	border-top:0;
	height:5px;
	line-height:0.001em;
	overflow:hidden;
	border-bottom: solid 1px #ccc;
	margin-bottom:30px;
}
span.text, p.text {
	background:#ab0101;
	color:#FFFFFF;
	padding:2px;
	font-weight:bold;
}

.sidebar-text {
	width:240px;
	margin:15px 0px 0 16px;
}
ul.list li {
	padding:2px 0 2px 0px;
	margin:4px 0 0px 0;
	list-style:square;
	list-style-position:inside;
}
ul.list {
	margin-bottom:30px;
}
.black {
	color:#000000;
}
.tel {
	background:url(../images/bg-sidebar-nummer.jpg) no-repeat;
	width:193px;
	height:31px;
	text-indent:-9999px;
}
/*
IMAGEBORDER
==================================================*/
.image {
	margin: 0 20px 25px 0;
}
p.bilder {
	float: left;
	width: 200px;
	font-size: 11px;
	height: 200px;
	text-align: center;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right:50px;
	_margin-right:2px;
   *margin-right:2px;
}
/*
CMS
==================================================*/
.cms-box {
	width:650px;
	float:left;
}
.cms-bild {
	width:200px;
	height:230px;
	float:left;
	margin:0 10px 0 0;
	_margin:0 0px 0 0;
}
.cms-text {
	width:430px;
	float:left;
}
.cms-table {
	width:650px;
	float:left;
}
.cms-table-headline {
	width:100px;
	height:50px;
	float:left;
	margin:0 0 0 10px;
}
.cms-table-headline-long {
	width:420px;
	height:50px;
	float:left;
	margin:0 0 0 10px;
}
.cms-table-bild {
	width:100px;
	height:100px;
	float:left;
	margin:0 0 0 10px;
}
.cms-table-text {
	width:420px;
	float:right;
	margin:0 0 0 10px;
}
/*
H2 KLASSEN 
==================================================*/

h2 {
	text-indent:-9999px;
	height:45px;
	margin-bottom:20px;
}
h2.willkommen {
	background:url("../images/h2/bg-h2-willkommen.jpg") no-repeat;
}
h2.firmenvorstellung {
	background:url("../images/h2/bg-h2-firmenvorstellung.jpg") no-repeat;
}
h2.das-team {
	background:url("../images/h2/bg-h2-das-team.jpg") no-repeat;
}
h2.customer-care-standards {
	background:url("../images/h2/bg-h2-customer-care-standards.jpg") no-repeat;
}
h2.fenster {
	background:url("../images/h2/bg-h2-fenster.jpg") no-repeat;
}
h2.haustueren {
	background:url("../images/h2/bg-h2-haustueren.jpg") no-repeat;
}
h2.innentueren {
	background:url("../images/h2/bg-h2-innentueren.jpg") no-repeat;
}
h2.sonnenschutz {
	background:url("../images/h2/bg-h2-sonnenschutz.jpg") no-repeat;
}
h2.pflegemittel {
	background:url("../images/h2/bg-h2-pflegemittel.jpg") no-repeat;
}
h2.lagerabverkauf {
	background:url("../images/h2/bg-h2-lagerabverkauf.jpg") no-repeat;
}
h2.montage {
	background:url("../images/h2/bg-h2-montage.jpg") no-repeat;
}
h2.zusatzprodukte {
	background:url("../images/h2/bg-h2-zusatzprodukte.jpg") no-repeat;
}
h2.einfamilienhaeuser {
	background:url("../images/h2/bg-h2-einfamilienhaeuser.jpg") no-repeat;
}
h2.objektbauten {
	background:url("../images/h2/bg-h2-objektbauten.jpg") no-repeat;
}
h2.sie-ueber-uns {
	background:url("../images/h2/bg-h2-sie-ueber-uns.jpg") no-repeat;
}
h2.aktionen {
	background:url("../images/h2/bg-h2-aktionen.jpg") no-repeat;
}
/*H2 ERROR ANFAHRT DANKE KONTAKT IMPRESSUM 
==================================================*/ 

h2.error {
	background:url("../images/h2/bg-h2-error.jpg") no-repeat;
}
h2.danke {
	background:url("../images/h2/bg-h2-danke.jpg") no-repeat;
}
h2.anfahrt {
	background:url("../images/h2/bg-h2-anfahrt.jpg") no-repeat;
}
h2.kontakt {
	background:url("../images/h2/bg-h2-kontakt.jpg") no-repeat;
}
h2.impressum {
	background:url("../images/h2/bg-h2-impressum.jpg") no-repeat;
}
/*
H3 KLASSEN 
==================================================*/

h3 {
	text-indent:-9999px;
	height:28px;
}
h3.zeiten {
	background:url(../images/h3/bg-h3-zeit.jpg) no-repeat;
}
h3.fragen {
	background:url(../images/h3/bg-h3-fragen.jpg) no-repeat;
}
/*BRANDING
==================================================*/ 

.branding {
	width:363px;
	height:138px;
	position: absolute;
	left:0;
}
.branding a {
	width:363px;
	height:138px;
	display: block;
	outline:none;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> LINKS <<<------------------------------------ */
/* --------------------------------------------------------------------------- */
a {
	color:#9f0405;
	text-decoration:none;
	outline:none;
	border:none;
}
a img {
	border:none;
}
a:hover {
	text-decoration: underline;
}
.active a {
	text-decoration:underline;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> LAYOUT <<<----------------------------------- */
/* --------------------------------------------------------------------------- */


/*
CONTAINER
==================================================*/

div#container {
	margin: 0px auto;
	width: 960px;
	position:relative;
}

div.small {
	width: 200px !important;
}
/*
FOOTER
==================================================*/

div#footer-container {
	background: url(../images/bg-footer.jpg) repeat-x;
	height:174px;
	position:relative;
	clear:both;
	margin-top: -174px; /* negative value of footer height */
}
div#footer {
	width:960px;
	margin:0px auto;
	padding-top:30px;
}
div#footer p {
	font-size:11px;
	color:#000;
}
div#footer a {
	font-size:11px;
	color:#fff;
}
div#footer-col1 {
	width:200px;
	float:left;
}
div#footer-col2 {
	width:100px;
	height:20px;
	float:left;
}
div#footer-col3 {
	width:120px;
	float:left;
}
div#footer-col4 {
	width:160px;
	margin-left:35px;
	float:left;
}
div#footer-col5 {
	width:150px;
	float:left;
}
div#footer-col6 {
	width:150px;
	float:left;
}
#footer ul {
	float:left;
	font-size:10px;
	color:#fff;
}
#footer li {
	background:url(../images/li-arrow.png) no-repeat 0px 8px;
	padding:0px 0px 0px 15px;
	display:block;
}
/*HEADER
==================================================*/
#header {
	width:960px;
	height:255px;
	position:relative;
	z-index: 0;
}
#slideshow {
	width:650px;
	float:left;
	position:relative;
	overflow:hidden;
	border:5px solid #fff;
}
#slideshow {
	height:217px;
}
#slideshow img {
	display:none;
	position:absolute;
	top:0;
	left:0;
}
#claim {
	width:310px;
	height:217px;
	float:right;
	text-indent:-9999px;
	background: url(../images/1st.png) no-repeat;
}
/*
CONTENT
==================================================*/

div#content {
	float: left;
	width:960px;
	background: url(../images/bg-content.jpg) no-repeat;
	padding-bottom:174px;
	_padding-bottom:274px;
*padding-bottom:274px;
}
/*
CONTENT - TOP
==================================================*/	

div#content-top {
	height:176px;
	width:950px;
	position:relative;
	z-index:1;
}
div#navContainer {
	float:right;
	width:528px;
	height:176px;
}
/*
CONTENT - MAIN
==================================================*/

div#content-main {
	float:left;
	width:650px;
	height:auto;
	position:relative;
}
div#contentColumn-01 {
	float:left;
	width:300px;
}
div#contentColumn-02 {
	float:right;
	width:300px;
}
div#contentColumn-05 {
	float:left;
	width:300px;
}
div#contentColumn-06 {
	float:right;
	width:300px;
}
/*
SIDEBAR
==================================================*/

div#content-sidebar {
	float:right;
	width:276px;
	font-size:11px;
	color:#605e5c;
}
/*
SIDEBAR - COLUMN
==================================================*/

div#contentColumn-03 {
	width:276px;
	height:190px;
	background:#dcdcdc;
}
div#contentColumn-04 {
	width:276px;
	height:199px;
	background:#dcdcdc;
	margin:40px 0 0 0;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> NAVIGATION <<<------------------------------- */
/* --------------------------------------------------------------------------- */


ul#navi {
	width:518px;
	height:107px;
	background:url(../images/bg-navi.jpg) no-repeat;
	display: block;
	position: absolute;
	right:0;
}
ul#navi li {
	position: relative;
	float:left;
}
ul#navi a {
	display: block;
	cursor:pointer;
	outline:none;
	height:107px;
	background:url(../images/bg-navi.jpg) no-repeat;
}
a.n1 {
	width: 111px;
	background-position: 0 0!important;
	text-indent: -9999px;
}
a.n2 {
	width: 104px;
	background-position: -111px 0!important;
	text-indent: -9999px;
}
a.n3 {
	width: 103px;
	background-position: -214px 0!important;
	text-indent: -9999px;
}
a.n4 {
	width: 112px;
	background-position: -318px 0!important;
	text-indent: -9999px;
}
a.n5 {
	width: 83px;
	background-position: -435px 0!important;
	text-indent: -9999px;
}
a.n1:hover, body.naviActive01 ul#navi li a.n1 {
	background-position: 0 -107px!important;
	
}
a.n2:hover, body.naviActive02 ul#navi li a.n2 {
	background-position: -111px -107px!important;
}
a.n3:hover, body.naviActive03 ul#navi li a.n3 {
	background-position: -214px -107px!important;
}
a.n4:hover, body.naviActive04 ul#navi li a.n4 {
	background-position: -318px -107px!important;
}
a.n5:hover, body.naviActive05 ul#navi li a.n5 {
	background-position: -435px -107px!important;
}
 
 
 
 
 
 
ul#navi li ul{
list-style: none;
display: none;
*padding:5px;
background: #fff;
left: 0px!important;
}

ul#navi li#flyout01 ul{  _width:120px; width:160px; }
ul#navi li#flyout02 ul{  _width:120px; }
ul#navi li#flyout03 ul{  _width:120px;}
ul#navi li#flyout04 ul{  _width:120px;}


ul#navi li ul {
position: absolute;
text-align: left;
left:0;
}
ul#navi li ul a {
display: block;
height: 25px;
text-indent: 0;
background: none;
padding: 5px 0 0 5px;
*padding:5px;
color: #333;
text-decoration:none;
}
ul#navi li ul a:hover {
text-decoration: underline;
}


/* --------------------------------------------------------------------------- */
/* -------------------------->>> INTRO <<<------------------------------- */
/* --------------------------------------------------------------------------- */

div#data {
	width: 700px;
}

div#data h1 {
	padding-bottom: 20px;
	padding-top:10px;
	font-size: 26px;
}

div#data h4 {
	padding-bottom: 20px;
	font-size: 20px;
}

div#data p {
	padding-bottom: 20px;
	padding-right: 20px;
	font-size: 12px;
}

div#data p.small {
	font-size: 10px;
	width: 665px;
	line-height: 13px;
}

div#data img {
	margin: 0 20px 0 0;
}