body, html{
	padding:12px;
	margin:0;
	font-family: Arial,Helvetica,sans-serif;
  	font-style: normal;
  	font-size: 12px;
  	line-height: 17px;
  	color: #031e4b;
}

a{
	text-decoration:none;
	color:#e74c16;
}

p a:hover{
	border-bottom: 1px dotted  #e74c16;}
	

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight:bold;
	font-size: 14px;
	text-transform:uppercase;
}
h1 a{
	color:#e54e13;
	text-decoration:none;
}

h1 a:hover{
	border-bottom: 1px dotted #e54e13;
}

a img {border: none;}

.clear{
	clear:both;
}

#container{
	width:924px;
	height:596px;
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
	margin: 0 auto;
}

.home-site{
	background-image:url(../img/hintergrund/start.jpg);
	background-repeat:no-repeat;
}
.waswie-site{
	background-image:url(../img/hintergrund/waswie.jpg);
	background-repeat:no-repeat;
}

.geplant-site{
	background-image:url(../img/hintergrund/geplant.jpg);
	background-repeat:no-repeat;
}

.naeher-site{
	background-image:url(../img/hintergrund/naeher.jpg);
	background-repeat:no-repeat;
}

.sie-site{
	background-image:url(../img/hintergrund/sie.jpg);
	background-repeat:no-repeat;
}

.wir-site{
	background-image:url(../img/hintergrund/wir.jpg);
	background-repeat:no-repeat;
}


#menucontainer{
	background-image:url(../img/navigation-hg.png);
	background-repeat:no-repeat;
	width:569px;
	height:200px;
	float:left;
	margin-bottom:18px;
}

#logocontainer{
	width:284px;
	height:156px;
	float:left;
	padding:44px 0 0 71px;
	margin-bottom:18px;
}

.navikreis_aussen{
	width:38px;
	height:38px;
	background-color:#0a2153;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
}

.menubutton{
	width:18px;
	height:18px;
	margin:0;
	display:block;
	background-color:#e54e13;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
	position:relative;
	top:10px;
	left:10px;	
}

.menubutton:hover, #start-button-aktiv .menubutton, #was-wie-button-aktiv .menubutton, #sie-button-aktiv .menubutton, #wir-button-aktiv .menubutton, #geplant-button-aktiv .menubutton, #naeher-button-aktiv .menubutton{
	width:34px;
	height:34px;
	top:2px;
	left:2px;
}

#start-button, #start-button-aktiv{
	position:relative;
	top:37px;
	left:118px;
	float:left;
}


#was-wie-button, #was-wie-button-aktiv{
	position:relative;
	top:37px;
	left:260px;
	float:left;
}

#sie-button, #sie-button-aktiv{
	position:relative;
	top:62px;
	left:280px;
	float:left;
	
}
#wir-button, #wir-button-aktiv{
	position:relative;
	top:90px;
	left:145px;
	float:left;
}

#geplant-button, #geplant-button-aktiv{
	position:relative;
	top:65px;
	left:60px;
	float:left;
}
#naeher-button, #naeher-button-aktiv{
	position:relative;
	top:70px;
	left:344px;
	float:left;
}


#linkerspacer{
	width:142px;
	padding-right:8px;
	height:5px;
	float:left;
}

.inhalt, .inhalt2, .inhalt3{
	float:left;
	padding:25px;
	width:702px;
	height:294px;
	position:relative;
	left:35px;
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
	border:solid 1px #c6c6c6;     
	background: rgba(255, 255, 255, 0.85);
}
.inhalt, .inhalt3{
	opacity: 0;
}
.inhalt3{
	background: rgba(255, 255, 255, 0.92);
}

.spalte1{
	float:left;
	width:320px;	
	padding-right:20px;	
}
.spalte2{
	float:left;
	width:320px;
}

.spalte3{
	float:left;
	width:500px;
}
#kundenlogin{
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	width:84px;
	margin:0;
	padding:0px 12px 12px 24px;
	position:relative;
	left:-54px;
	top:-230px;
	-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
	border:solid 1px #c6c6c6;     
	background: rgba(255, 255, 255, 0.7);

}

#logincontainer{
	background-image:url(../img/arrows-login.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	width:84px;
	margin:15px 0 0 0;
	padding:0 0 0 30px;
}
#kundenlogin a{
	text-decoration:none;
	display:block;
	color:#e74c16;

}

#submenucontainer, #submenucontainer2{
	width:132px;
	padding:10px 0 10px 10px;
	background: rgba(255, 255, 255, 0.7);
	margin-right:8px;
	float:left;
	position:relative;
	left:25px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
#submenucontainer{
	display:none;
}

#submenucontainer ul, #submenucontainer li, #submenucontainer2 ul, #submenucontainer2 li{
	padding:0;
	margin:0;
	list-style-type:none;
	text-transform:uppercase;
	font-size:10px;
}

#submenucontainer a, #submenucontainer2 a{
	display:block;
	height:12px;
	width:132px;
	padding:5px 0 7px 20px;
	margin-left:-20px;
	text-decoration:none;
	color: #031e4b;
}

#submenucontainer a:hover, #submenucontainer2 a:hover, #subaktiv a{
	background: rgba(255, 255, 255, 0.7);
	border-bottom-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px;
	background-image:url(../img/arrows-sub.png);
	background-position:5px;
	background-repeat:no-repeat;
}

#footer{
	margin:0 auto;
	width:844px;
	padding:0 40px 0 40px;
}


div.geplant1{
	float:left;
	background-color:#6c8fc1;
	color:white;
	text-transform:uppercase;
	width:75px;
	height:75px;
	padding:15px;
	margin-right:30px;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	font-size:11px;
	position:relative;
	z-index:3;
}

div.geplant1 p{
	position:absolute;
	bottom:0;
	text-align:center;
}
div.geplant2{
	float:left;
	width:105px;	
	height:95px;
	padding-top:10px;
	margin-right:30px;
	margin-bottom:27px;
}






/*BILDERPOPUP GEPLANT-GETAN*/ 
a.tooltip {outline:none; cursor:default;} 
a.tooltip strong {line-height:30px;} 
a.tooltip:hover {text-decoration:none;} 
a.tooltip span { z-index:10;display:none; width:384px;} 
.callout {z-index:20;position:absolute;border:0;top:0;left:0;}


a.tooltip:hover span.auftritt{ display:inline; position:absolute; top:30px; left:95px;}
a.tooltip:hover span.roadshow{ display:inline; position:absolute; top:30px; left:-175px;} 	
a.tooltip:hover span.kundenclub{ display:inline; position:absolute; top:30px; left:-40px;} 
a.tooltip:hover span.abendgala{ display:inline; position:absolute; top:30px; left:95px;} 
a.tooltip:hover span.contentgeplant{ display:inline; position:absolute; top:30px; left:230px;} 

a.tooltip:hover span.vertriebstagung{ display:inline; position:absolute; top:-105px; left:-175px;} 
a.tooltip:hover span.workshop{ display:inline; position:absolute; top:-105px; left:-40px;} 
a.tooltip:hover span.produktvorstellung{ display:inline; position:absolute; top:-105px; left:95px;} 
a.tooltip:hover span.ausstellung{ display:inline; position:absolute; top:-105px; left:230px;} 




/*CLAIMS STARTBILDER*/


#claims{
	width:553px;
	height:69px;
	margin:0 auto;
	opacity: 1.0;
}
.claim-start{
	position:relative;
	top:-336px;
	left:206px;
}

.claim-geplant{
	position:relative;
	top:-160px;
	left:97px;
}

.claim-wir{
	position:relative;
	top:-200px;
	left:-113px;
}

.claim-waswie{
	position:relative;
	top:-235px;
	left:217px;
}

.claim-sie{
	position:relative;
	top:-173px;
	left:205px;
}

.claim-naeher{
	position:relative;
	top:-295px;
	left:137px;
}