/* CSS index */

* {
    margin: 0;
    padding: 0;
	border:0;
	outline:none;
}

body {
	font-family:verdana;
	background-color: #706e40;
	color:#666;
	margin:0px;
	padding:0px;
	border:0px;
	font-size:17px;
	line-height:28px;
	text-align:center;
	}

#Frame {
	width:100%;margin:0 auto;padding:0;border:0;text-align:left;background:url(../images/bg-body.gif) center top repeat #706e40;}
	
#Header {
	width:980px;height:100px;margin:0 auto}

#Navi {height:100px;margin:0px;padding:0 0 0 90px;text-align:left;width:645px;float:left;background:url(../images/bg-navi.gif) 90px 30px no-repeat;}
#Navi ul {padding:0;margin:30px 0 0 0;height:70px;width:645px;position:relative;z-index:3;list-style:none;text-align:left;}
#Navi li  {list-style:none;margin:0px;float:left;text-align:left;height:40px;padding:0;}
#Navi li a {display:block;color:#7a7847;font-size:1px;line-height:1px;z-index:2;height:40px;}
#Navi li a:hover {color:#706e40;}
#Navi li a.active, #Navi li a.active:hover {color:#e5bfd9;}
#Navi li.navHome  {width:64px;}
#Navi li.navHome  a {background-image:url(../images/navi/home.gif);}
/*#Navi li.navHome  a:hover {background-image:url(../images/navi/home_aktiv.gif);}*/
#Navi li.navHome  a:hover, #Navi li.navHome a.active, #Navi li.navHome a.active:hover  {background-image:url(../images/navi/home_hover.gif);color:#706e40;}
#Navi li.navNews  {width:62px;}
#Navi li.navNews  a {background-image:url(../images/navi/news.gif);}
#Navi li.navNews  a:hover {background-image:url(../images/navi/news_hover.gif);}
#Navi li.navNews a.active, #Navi li.navNews a.active:hover  {background-image:url(../images/navi/news_aktiv.gif);}
#Navi li.navWir  {width:164px;}
#Navi li.navWir  a {background-image:url(../images/navi/ueber-uns.gif);}
#Navi li.navWir  a:hover {background-image:url(../images/navi/ueber-uns_hover.gif);}
#Navi li.navWir a.active, #Navi li.navWir a.active:hover {background-image:url(../images/navi/ueber-uns_aktiv.gif);}
#Navi li.navEmma  {width:68px;}
#Navi li.navEmma  a {background-image:url(../images/navi/emma.gif);}
#Navi li.navEmma  a:hover {background-image:url(../images/navi/emma_hover.gif);}
#Navi li.navEmma a.active, #Navi li.navEmma a.active:hover  {background-image:url(../images/navi/emma_aktiv.gif);}
#Navi li.navAnouk  {width:70px;}
#Navi li.navAnouk  a {background-image:url(../images/navi/anouk.gif);}
#Navi li.navAnouk  a:hover {background-image:url(../images/navi/anouk_hover.gif);}
#Navi li.navAnouk a.active, #Navi li.navAnouk a.active:hover  {background-image:url(../images/navi/anouk_aktiv.gif);}
#Navi li.navWuerfe  {width:67px;}
#Navi li.navWuerfe  a {background-image:url(../images/navi/wuerfe.gif);}
#Navi li.navWuerfe  a:hover {background-image:url(../images/navi/wuerfe_hover.gif);}
#Navi li.navWuerfe a.active, #Navi li.navWuerfe a.active:hover {background-image:url(../images/navi/wuerfe_aktiv.gif);}

#Navi li ul {height:30px;margin:0px;width:645px;position:absolute;left:0;top:40px;background-color:#e5bfd9;display:block;}
#Navi li ul li {height:30px;background-color:#e5bfd9;height:30px;}
html>body  #Navi li ul li a {display:block;height:30px;line-height:28px;color:#000;font-weight:normal;padding:0 10px 0 10px;width:auto;font-size:12px;}
#Navi li ul li a {display:inline-block;height:30px;line-height:28px;color:#000;font-weight:normal;padding:0 10px 0 10px;width:auto;font-size:12px;}
#Navi li.navWuerfe  ul li a, #Navi li.navWuerfe  ul li a:hover, #Navi li.navWuerfe  ul li a.active, 
#Navi li.navWir  ul li a, #Navi li.navWir  ul li a:hover, #Navi li.navWir  ul li a.active {
	background-image:none;}
#Navi li ul li a:hover {background-color:#fff;color:#666;background-image:none;}
#Navi li ul li a.active, #Navi li.navWir ul li a.active:hover, #Navi li.navWuerfe ul li a.active:hover {background-color:#f5e8f1;color:#000;background-image:none;}

#Schriftmarke {
	width:230px;height:100px;float:right;color:#000;overflow:hidden;margin-right:0px;}
	
html>body #Bildmarke {width:350px;height:500px;margin:-500px 0 0 540px;position:relative;z-index:1;background:url(../images/elo-silhouette.png) no-repeat}
#Bildmarke {width:350px;height:500px;margin:-500px 0 0 540px;position:relative;z-index:1;background:url(../images/elo-silhouette.gif) no-repeat}

#Content {
	width:980px;background-color:#f5e8f1;margin:0 auto;
	-moz-box-shadow: 0px 0px 8px 1px #999966;
	-webkit-box-shadow: 0px 0px 8px 1px #999966;
	box-shadow: 0px 0px 8px 1px #999966;}
	
#Keyvisual {width:980px;height:400px;position:relative;}
#Keyvisual img {width:980px;height:400px;}

#MainContent div.dreiSpalten {
	width:900px;float:left;
	padding:40px;}
		
#MainContent div.zweiSpalten {
	width:590px;float:left;
	padding:40px 30px 40px 40px;}
	
#MainContent div.eineSpalte {
	width:280px;float:left;padding:40px 30px 40px 0;font-size:12px;line-height:15px;}

#MainContent div.first {padding:40px 30px 40px 40px;}	

	
#SupportContent {
	width:280px;float:right;padding:40px 40px 40px 0;font-size:11px;line-height:14px;overflow:hidden;}	

.index #MainContent {
	width:710px;float:left;
	padding:40px 30px 40px 40px;}
	
.index #SupportContent {
	width:160px;float:left;padding:40px 40px 40px 0;}
.index #SupportContent img.elo {
	width:160px;}

	
.clearfix {
	width:100%;margin:0 auto;clear:both;height:1px;overflow:hidden;}

.last {margin-bottom:0;padding-bottom:0;}

p.gbNote {
	padding:0 6px;display:inline-block;
	margin:0 0 0 33px;height:20px;border:1px solid #e5bfd9;border-bottom:0; background-color:#fff;font-size:11px;line-height:19px;max-width:900px;
	}
	
#Footer {width:980px;margin:0 auto;height:100px;overflow:hidden;}
#Footer ul {padding:0 0 0 190px;width:250px;margin-top:30px;float:left;}
#Footer li  {list-style:none;margin:0px;height:40px;float:left;text-align:left;z-index:2;position:relative;background-color:#7a7847;display:block;padding:0;}
html>body #Footer li a {display:block;height:40px;line-height:38px;padding:0 10px 0 10px;color:#f5e8f1;font-size:12px;}
#Footer li a {display:inline-block;height:40px;line-height:38px;padding:0 10px 0 10px;color:#f5e8f1;font-size:12px;}
#Footer li a:hover {background-color:#706e40;color:#fff;}
#Footer li a.active {background-color:#e5bfd9;color:#000;}
#Footer .logo {float:left;width:100px;height:100px;opacity:0.9;filter:alpha(opacity=90);}
#Footer .logo:hover {opacity:1;filter:alpha(opacity=100);}
html>body #Footer .imprint {float:left;width:440px;height:100px;background:url(../images/blueten.png);opacity:0.9;filter:alpha(opacity=90);}
#Footer .imprint {float:left;width:440px;height:100px;background:url(../images/blueten.gif);}
#Footer .imprint:hover {opacity:1;filter:alpha(opacity=100);}
#Footer .imprint a {display:block;margin:60px 0 0 250px;width:100px;height:40px;text-align:left;line-height:38px;font-size:1px;color:#e9c0d9;}

.news p , .links p {border-bottom:1px dashed #e5bfd9;padding-top:10px;}
.news p.last, .links p.last {border-bottom:0;}
.news strong {color:#000;}
.links h1 span {font-size:18px}

.paddingBoxPic {
	padding:10px;
	background-color:#fff;
	border:1px dashed #e5bfd9;
	border-top:0;
	width:258px;
	height:auto;
	-moz-box-shadow:    0px 0px 5px 1px #e5bfd9;
	-webkit-box-shadow: 0px 0px 5px 1px #e5bfd9;
	box-shadow:         0px 0px 5px 1px #e5bfd9;
	}
	
.paddingBox {
	padding:10px;
	background-color:#e5bfd9;
	margin-top:30px;
	border:1px dashed #7a7847;
	width:258px;
	height:auto;
	-moz-box-shadow:    0px 0px 5px 1px #e5bfd9;
	-webkit-box-shadow: 0px 0px 5px 1px #e5bfd9;
	box-shadow:         0px 0px 5px 1px #e5bfd9;
	}


#SupportContent.mainPic {overflow:hidden;}


.mainPic img {
	float:left;
	width:280px;
	}
	
#MainContent .thumbnails {overflow:hidden;margin-top:40px;width:100%;height:auto;}
#MainContent .thumbnails img {width:125px;float:left;margin:0 30px 30px 0;}
#MainContent .thumbnails img.fourth {;margin-right:0;}
	
#SupportContent div {
	overflow:hidden;
	}
	
h1 {
	font-size:28px;
	line-height:36px;
	margin:0;
	padding:0 0 11px 0;
	font-weight:normal;
	color:#666;
	}
	
h2, h3, h4, h5 {
	font-size:17px;
	color:#333;
	padding:0 0 11px 0;
	font-weight:bold;
}

#SupportContent h2, #SupportContent h3, #SupportContent h4, #SupportContent h5 {
	font-size:15px;
	color:#333;
}
	
p, dl, ul {padding-bottom:11px;overflow:hidden;}

li, dd, dt {padding-bottom:4px;}

#newInfo {
	border-radius:2px;
	position:absolute;
	font-size:13px;
	line-height:18px;
	padding:0px;
	left:40px;
	top:180px;
	background-image:url(../images/bg-fff-transparent.png);
	width:280px;
	height:auto;
	}
	
#newInfo strong {
	display:block;background-color:#706e40;border-bottom:1px solid #555;color:#fff;padding:3px 10px 5px 10px;height:18px;
	}
	
#newInfo strong span {	
	display:inline-block;
	width:230px;
	float:left;
	}
#newInfo strong img {
	margin-top:4px;
	width:12px;
	height:12px;
	float:right;
	cursor:pointer;
	}

#newInfo ul {margin:0px;padding:5px 10px;border:0;list-style:none;clear:both;}

#newInfo ul li {
	margin:0px;
	padding-left:10px;
	background: url(../images/li.gif) no-repeat 0 8px;
	}
	
a {
	color:#956d4a;
	text-decoration:none;
	border:none;
	outline:none;
	font-weight:bold;
	}
	
a:hover {
	color:#000;
	text-decoration:none;
	outline:none;
	}

img, a img {
	text-decoration:none;
	border:none;
	outline:none;
	padding:0;
	}
	
#SupportContent dl {}
#SupportContent dl dd {float:left;width:50%;color:#333;}
#SupportContent dl dt {float:left;width:50%;font-weight:bold;}
	
.loud {color:#000;}
p.note {padding:10px;font-size:12px;line-height:15px;background-color:#fff;
							border:1px dashed #e5bfd9;overflow:hidden;height:auto;}

/*
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');       Internet Explorer 
background: -moz-linear-gradient(left, #cccccc, #000000);     Firefox 
background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#000000));        Safari 
*/