/* CSS Document */

/*BASICS*/
*{margin: 0; padding: 0; border: 0; text-align:left; }
img { border:none !important; }
ul li { list-style:none; }
.clearfix:after { clear:none; }
.clearer { clear:none; }


body {background:#FFFFFF; text-align:center; font-family: 'Arial', Helvetica, sans-serif; font-size:11px; line-height:17px; color:#434343}

#container {width: 860px;  margin:0 auto; margin-top: 55px;}
	.schatten_oben{ margin: 10px 0 0 0; }
	.schatten_unten{ margin: 0; }
	
#head { position:relative; width:850px; height: 45px; margin-bottom: 0px; }
	#logo { position: absolute; left: 712px; z-index:100; top: 8px; }
	#nav { padding-top:25px; padding-left:5px;}
	
#contentcontainer { width:860px; height:555px; background:transparent url(../img/schatten_seite.png) repeat-y; position:relative;}	

#content { width:850px; height:550px; margin-left:5px; margin-right:5px;}
	#content_col0 { width:820px; height:502px; padding:15px;}
	#content_col1 { width:410px; float:left; padding-left:15px; padding-top:15px; }
	#aktion-coll {
		width: 300px;
		/*float:left; 
		padding: 57px 0 0 95px;*/
		position:absolute;
		bottom: 38px;
		right: 30px;
		}
	#content_col2 { position: relative; padding-top:15px; padding-right:10px; }
	#content_col2text { /*float:right;*/ width:300px; position: absolute; right: 30px; bottom:38px; /*padding:333px 15px 0 105px;*/ }
	
	#multi-schlafsofa {
		
		margin: 0 0 14px 0;
		}
		.togo {
			margin: 0 0 2px 0;
		}
	.togo-h1-img {
	/*	margin-left: -10px;*/
		}
#footer { position:relative; text-align:right; width:850px; height:30px; margin: 5px 5px 0px 5px;}



/*ELEMENTE*/
#eingang { width:820px; height: 271px; padding:15px;}
#anfahrt { width: 410px; margin: 0px 0px 0px 15px; border: 1px solid #CCCCCC; }
#anfahrt_impr { width: 410px; margin: 0px 0px 0px 15px; border: 1px solid #CCCCCC; position:absolute; bottom:35px; }
.adresse { float: left; z-index:100 !important; left:580px; position: absolute; bottom:35px;}

#hohen { z-index:100; position:absolute; left:37px; top:32px;}
#hahnen { z-index:100; position:absolute; left:653px; top:32px;}

#stoerer { position:absolute; left: -40px; top:-120px;}
#stoerer_text { position:absolute; left: 80px; top: 0px; z-index:1000 !important;}

#flyer { position:absolute; left: 20px; top:163px;}


/*SUB-MENUE*/
/*.button_wohnen { float: left; z-index:100 !important; left:40px; position: absolute; bottom:0px;}
.submenue_wohnen { margin-left:110px; }

.button_arbeiten {float: right; z-index:100 !important; left:110px; position: absolute; bottom:0px;}
.submenue_arbeiten { margin-left:18px; width: 30px; padding-top:20px;}
.submenue_arbeiten2 { margin-left:187px; }

.button_schlafen { z-index:100 !important; left:185px; position: absolute; bottom:0px;}
.submenue_schlafen { width:150px; margin-left:18px; padding-top:15px; }
.submenue_schlafen2 { margin-left:251px; margin-top:-15px;}

.button_essen { z-index:100 !important; left:265px; position: absolute; bottom:0px;}
.submenue_essen { margin-left:18px; margin-top:15px;}*/




#subnavi { position:relative; z-index:10; top:-35px; left:25px; width:auto; }

#subnavi li { 
	width: 97px; 
	height:58px; 
	margin: 0 20px 0 0;
	font-family:  'Arial',Verdana, Helvetica, sans-serif; 
	font-size: 10px !important; 
	display: inline; 
	position:relative; 
	letter-spacing: 2px;}

#subnavi li a {  
	text-decoration:none; 
	color:#535353; 
	bottom: 12px;
	position:relative; 
	font-size: 10px !important;}
	
#subnavi li a:hover { color:#d70128;}

#subnavi img { }






/*TEXT*/
p{ font-family: 'Arial', Helvetica, sans-serif; font-size:11px; line-height:17px; color:#434343}
.textrot {font-family: 'Arial', Helvetica, sans-serif; font-size:11px; line-height:17px; color:#d70128;}
.textgrau {font-family: 'Arial', Helvetica, sans-serif; font-size:11px; line-height:17px; color:#434343; font-weight:bold;}
h1.textrot {
	 font-weight: normal;
	}
.preis {font-family: 'Arial', Helvetica, sans-serif; font-size:16px; font-weight:bold; line-height:17px; color:#d70128}
.fir {
	display: none;
	}
.abstand-bottom {
	padding: 0 0 17px 0;
	}
.sub-menue {
	position: absolute;
	padding: 0 0 0 33px;
	}
#togo-btn, #aktion-btn {
	display: block;
	width: 59px;
	height: 59px;
	float:left;
	background: transparent url(../img/buttons/aktion_btn.png) -59px -59px no-repeat;
	}
#aktion-btn, #aktion-btn span {
	background-position: 0 -59px;
	}
#togo-aktion-page #togo-btn {
	background-position: -59px 0;
	}
#togo-aktion-page #aktion-btn:hover {
background-position: 0 -118px;
color:#d70128 !important;
	}
#multy-aktion-page #aktion-btn {
	background-position: 0 0;
	}
#multy-aktion-page #togo-btn:hover {
background-position: -59px -118px;
	}
.durch {
	text-decoration:line-through;
	font-size: 14px;
	margin:0 5px 0 0;
	}
.col {
	color:#434343;
	width: 109px;
	display:block;
	float: left;	
	}
.upper, .upper-xtra {
	font-family:  'Arial', Verdana, Helvetica, sans-serif; 
	font-size: 9px !important; 
	text-transform: uppercase;
	padding: 36px 0 0 0;
	height: 23px !important;
	background-color: transparent;
	text-align:center;
	display:block;
	float:left;
	}
.upper-xtra {
	padding-top: 29px !important;
	line-height: 11px;
	}
a:focus {
	outline:none;
		}
span.headline {
	color:#434343;
	font-weight:normal;
	float:left;
	display:block;
	}
.waker {
	clear: left;
	}
.multy-special-action {
	padding-bottom: 42px;

	}
h1 img.middle-img {
	padding: 5px 0 5px 0;
	float:left;
	}
/*mini-form*/
#action-form #email, #action-form #name {
	border: 1px solid #aeaeae;
	width: 160px;
	height: 19px;
	float:left;
	font: normal 11px Arial, Helvetica, sans-serif;	
	}
#action-form #email, #action-form #name, #action-form .input-label, .n-wrapper {
	margin: 0 0 10px 0;
	}
#action-form .input-label {
	display: block;
	float: left;
	width: 45px;
	}
#action-form .breaker {
	clear: both;
	}
#action-form .i-wrapper {
	float: left;
	display:block;
	width: 30px;
	height: 30px;
	}
.n-wrapper {
	float: left;
	}
#action-form label#news {
	width: 166px;
	display: block;
	float: left;
	}
#action-form #senden {
	text-transform: uppercase;
	background: #d70128 url(../img/buttons/senden-btn-bg.png) 0 0 no-repeat;
	color: #fff;
	font: bold 10px Arial, Helvetica, sans-serif;
	padding: 1px 4px 1px 17px;
	margin: 10px 0 0 0;
	height: 16px;
	width: 67px;
	}
p.error {
	position: absolute;
	top: 170px;
	color: #d70128;
	}
#action-form .form-name-error, #action-form .form-mail-error {
	border: 1px solid #ff0000 !important;
	}
/*LINKS*/
.links li {
display: inline;
list-style:none; 
}


.links a, .links span {
padding: 0 20px 0 0;

font-family: 'Arial', Helvetica, sans-serif;
text-decoration: none; 
font-weight: 0;
font-size: 11px;
letter-spacing: 0 !important; 
color:#535353;}

.links a:hover, .links span {
border-color: none; 
color: #d70128; 
background-color: #FFFFFF;}
.links li {
display: inline;
list-style:none; 
}



a, span {

font-family: 'Arial', Helvetica, sans-serif;
text-decoration: none; 
font-weight: 0;
font-size: 11px;
letter-spacing: 0px; 
color:#535353;}

a:hover, span {
border-color: none; 
color: #d70128; 
background-color: #FFFFFF;}
.links li {
display: inline;
list-style:none; 
}