/* eigenart css */

* {margin:0;padding:0;} 


html, body, #pagewrap {
	height: 100%;
	margin: 0 auto;
	padding:0; 
}
body > #pagewrap {
	height: auto; 
	min-height: 100%;
}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 170%;
	color: #666;
}
#pagewrap{
	position: relative; 
	min-height: 100%;
}
#page{
	margin: 0 auto;
	position: relative;
	width: 900px;
	padding-right: 20px;
	padding-bottom: 140px;
	padding-left: 20px;
}

/* Clearfix */

.clearfix:after {
	content: ".";
 	display: block;
 	clear: both;
 	height: 0;
 	visibility: hidden;
}
/* Clearfix Patches für den IE */
.clearfix { 
	display: inline-block; 
}
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { 
	height: 1px; 
}
.clearfix { 
	display: block; 
}
/* Ende des Versteckspiels für den IE5/Mac */

/* styles */

p{
}
a{
	color: inherit;
}
a:hover{
}
ul{
	margin: 0;
}
li{
	list-style: none;
}
h2, h3, h4, p{
	padding-bottom: 10px;
}
h2{
	font-size: 18px;
	color: #8ea0ad;
	line-height: 150%;
	text-transform: uppercase;
	letter-spacing: 3px;	
}
h3{
	font-size: 14px;
	color: #8ea0ad;
	line-height: 150%;
	text-transform: uppercase;
	letter-spacing: 2px;
}
h4{
	font-size: 12px;
	color: #8ea0ad;
	line-height: 150%;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/* colors: blue: #acc1d1, blue-2: #8ea0ad,  blue-3: #67747e, orange: #ff6600  */

.frans {color: #ff6600;} .frans a {color: #acc1d1;} .frans a:hover{color: #8ea0ad}
.eigenart {color: #0D4F70;} .eigenart a{color: #fff} .eigenart a:hover{color: #67747e;}
.white{color: #fff;} .white a{color: #fff; text-decoration: none;} .white a:hover{color: #5b7694;}
.blue{color: #acc1d1;} .blue a{color: #acc1d1} .blue a:hover{text-decoration: underline;}
.blue-2{color: #8ea0ad;} .blue-2 a{color: #8ea0ad; text-decoration:none;} .blue-2 a:hover{text-decoration: underline;}
.blue-3{color:#6a757c}
.pagination{color: #ff6600;} .pagination a{color:  #8ea0ad} .pagination a:hover{color: #67747e;}
.orange{color: #ff6600}

/*  */

#header{
	height: 150px;
}
.bg-header-blue{
	background: url(../images/bg_header_blue.png) repeat-x;
}
.bg-header-eigenart{
	background: url(../images/bg_header_eigenart.png) repeat-x;
}
.logo-frans{
	background: url(../images/logo_eigenart2.jpg) no-repeat right top;
}
.logo-eigenart{
	width: 100%;
	background: url(../images/logo_eigenart.jpg) no-repeat right top;
}
.logo-kontakt{
	width: 100%;
	background: url(../images/logo_kontakt.jpg) no-repeat right top;
}
.logo-shop{
	width: 100%;
	xbackground: url(../images/logo_shop.png) no-repeat right top;
}
.logo-blue{
	width: 100%;
	background: url(../images/logo_blue.png) no-repeat right top;
}

/* navi */

#navi{
	margin: 0 auto;
	width: 900px;
	font-size: 13px;
}
#navi ul{
	width: 100%;
}
#navi li{
	float: left;
	padding-right: 14px;
}
#navi a{
	text-decoration: none;
}
.navitop{
	padding-top: 122px;
}
.navibottom ul{
	height: 100px;
	float: left;
	padding-top: 3px;
}
.navibottom li{
	margin-top: 10px;
}
.devider{
	border-left: 1px solid #fff;
	padding-left: 14px;
}
.devider-blue{
	border-left: 1px solid #ACC1D1;
	padding-left: 14px;
}

/* content */

#img-top{
	margin: 0 auto;
	width: 900px;
	height: 400px;
}
#content{
	margin: 0 auto;
	width: 900px;
	padding-bottom: 40px;
}
#content a{
	color: #666;
}
.padd-top{
	padding-top: 100px;
}
#col-1-2{
	width: 570px;
	float: left;
}
#col-1-2 a{
	color: #666;
}
#col-2-3{
	width: 570px;
	float: right;
}
#col-1{
	width: 240px;
	float: left;
	padding-right: 45px;
	border-right: 1px solid #ACC1D1;
	color: #8ea0ad;
}
#col-2{
	width: 240px;
	float: left;
	padding-left: 45px;
	color: #8ea0ad;
}

#col-3{
	width: 240px;
	float: right;
	padding-left: 45px;
	border-left: 1px solid #acc1d1;
	color: #8ea0ad;
	font-size: 12px;
}
#col-3 a{color: #8ea0ad;}

/* frans */

#frans_flash{
	width: 100%;
	height: 325px;
	background-color: #fff;
}
.frans-logo-kl{
	width: 300px;
	height: 75px;
	background: url(../images/logo_frans_kl.jpg) no-repeat;
}

/* eigenart */

#top-eigenart{
	width: 900px;
	height: 200px;
	float: left;
}
#info-eigenart{
	float: left;
	padding: 35px 0 45px 0;
	padding-left: 230px;
	xbackground: url(../images/image-eigenart.jpg) no-repeat;

}
#logos{
	width: 900px;
	height: 150px;
	padding-top: 30px;
	float: left;
	background: url(../images/logos/logos.jpg) no-repeat 0 bottom;
}
#sixteen{
	width: 300px;
	height: 251px;
	background: url(../images/16.jpg) no-repeat;
	position: absolute;
	top: 20px;
	left: -45px;
	z-index: -1;
}

#mabs_header{width:900px; height:350px; background:url(../images/mabs_1.jpg) no-repeat -10px -20px}

.mabs-logo{
	width: 300px;
	height: 75px;
	background: url(../images/logo_mabs.jpg) no-repeat;
}


/* Kontakt */
#top-kontakt{
	width: 900px;
	height: 100px;
	float: left;
}
.impressum{
	font-size: 11px;
	line-height: 150%;
	padding-top: 50px;
}

/* footer */


#footer{
	width: 100%;
	height: 140px;
	margin-top: -140px;
	position: relative;
	clear:both;
}
.footer-box{
	margin: 0 auto;
	width: 900px;
	height: 70px;
	padding-top: 50px;
	background: url(../images/logo_e.jpg) no-repeat right bottom;
}
.footer-box p{
	margin: 0;
	padding-top: 50px;
	padding-right: 75px;
	color: #8ea0ad;
	float: right;
}

.footer-box a, .footer-box span{
	color: #8ea0ad;
	text-decoration: none;
	border-right: 1px solid #acc1d1;
	padding-left: 10px;
	padding-right: 10px;
}
#footer-bottom{
	height: 10px;
	padding-top: 10px;
	width: 100%;
}
#footer-bottom-fill{
	height: 10px;
	width:100%;
	background-color: #acc1d1;
}

.elle{
	width: 240px;
	height: 140px;
}
.elle_img{
	background: url(../images/elle_cover_web2.jpg) no-repeat;
	width: 240px;
	height: 200px;
	position: absolute; 
	top: -70px;
}
#col-3{position: relative}