@charset "utf-8";
/* CSS Document */

/*		===================================================================================================================	
			styled by:		rheinline - agentur für digitale medien, bonn ::: webdesign, webhosting, programmierung 
		===================================================================================================================			*/


html, body {
	margin:0;
	padding:0;
}

ul {
	margin:0 15px 15px 15px;
	padding:0 0 0 0;
}

ul li {
	list-style:inside;
	margin-bottom:8px;
}

html {
	height: 100%;
}

/*		////////////// LAYOUT \\\\\\\\\\\\\		*/

body {
	background:url(../img/background.gif) top left repeat-x #d3c9bc;
	height:100%;
}

.slogan {
	position:absolute;
	bottom: 15px;
	left:0px;
}

.logo {
	position:absolute;
	bottom: 15px;
	right:0;
}

.header {
	height:106px;
	width:980px;
	position:relative;
}

#wrapper {
	width:980px;
	margin:0px auto 60px auto;
	/*overflow: hidden;*/
}

.header {
	float:left;
}

#navi {
	background:#b71b32;
	margin-top:15px;
	clear:both;
	overflow: hidden;
}

#navi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}

#navi li {
	float: left;
	list-style:none;
	margin:0;
}

#navi ul li a {
	display:block;
	padding:15px 15px 13px 15px;
	text-decoration:none;
	font-size:12px;
	
}

.naviAktiv {
	border-top:1px solid #b71b32;
	border-left:1px solid #b71b32;
	border-bottom:none;
	background: #F6F3EC;
	color:#643d16;
}
.naviInAktiv a {
	color:#ffffff;
}
.naviInAktiv a:hover {
	background:#c52e45;
	color:#ffffff;
}
.naviAktiv a {
	color:#b71b32;
}

#main {
	clear: both;
	/*overflow:hidden;*/
}

#left {
	width:720px;
	float:left;
	overflow: hidden;
}

#right {
	/* INHALT MAX 218px*/
	width:220px;
	float:right;
	/*overflow: hidden;*/
	
}

#footer {
	width:100%;
	background:#f6f3ec;
	border-top:1px solid #d3d3d3;
	overflow: hidden;
}

#footer_main {
	clear:both;
	overflow: hidden;
	width:980px;
	margin:	10px auto;
}

.right_footer {
	color: #cccccc;
	float:right;
}

.left_footer {
	float:left;
}
/*		////////////// Elements \\\\\\\\\\\\\		*/

.eintragAktuelles {
	overflow: hidden;
}
.clearall {
	clear: both;
}

.clearen {
	clear:both;
	margin:25px;
}

.zufalls_geschaeft {
	padding: 0 0 20px 0;
}

.floating_left {
	float:left;
}

.video_screen {
	float:left;
	padding-bottom:25px;
}

.video_info {
	float: right;
	margin-left:15px;
	width:340px;
	margin-top:-5px;
}

/* SLIDESHOW */

#slideshow {
	clear: both;
	position: relative;
	margin: 35px 0;
	border:1px solid #d3d3d3;
	height: 181px;
}
#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#slideshow IMG.active {
	z-index:10;
	opacity:1.0;
}
#slideshow IMG.last-active {
	z-index:9;
}

.detail_sm {
	margin: 10px 5px 0 0;
	cursor: pointer;
}


.map_anfahrt {
	margin: 40px 0 0 0;
	width: 720px;
	height: 360px;
	overflow: hidden;
	text-align: center;
	color: #000;
}

.map_firmen {
	 margin: 0px 0 0 0;
	 width: 350px;
	 height: 275px;
	 overflow: hidden;
	 text-align: center;
	 color: ##000;
}

.dark {
	border-bottom: 1px solid #666;
	clear:both;
}

.linie_unten {
	padding-bottom: 10px;
	border-bottom: 1px solid rgb(190, 182, 171);
}


.firmen_pic_gross {
	/* height: 233px; */
	width: 350px;
	margin-bottom: 10px;
}

.pic_impressionen {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

.sitemap {
	margin: 0 0 0 20px;
	padding: 0;
}

.backup-links {
	padding-left:10px;
}

.backup-links li {
	margin-top:5px;
}

.video-first {
	float:left;
}
.video-default {
	float:left;
	border-top:1px solid #BEB6AB;
	margin-top:25px;
	padding-top:5px;
}

.friedrichstrassenfest-bild {
	margin: 0;
}

.submit-pos-right {
	float: ;
}

.p-button-right {
	text-align: right;
}

#right .newsletter input.newsletter-input {
	width: 192px;
	margin-bottom: 5px;
}



.newsletter input[type="submit"], .button_submit  {
	border: 1px solid #B71B32;
	color: #000;
	cursor: pointer;
	padding: 2px 5px;
	font-size: 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #ede6de; /* Old browsers */
	background: -moz-linear-gradient(top,  #ede6de 0%, #c1b9ae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ede6de), color-stop(100%,#c1b9ae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ede6de 0%,#c1b9ae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ede6de 0%,#c1b9ae 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ede6de 0%,#c1b9ae 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ede6de 0%,#c1b9ae 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede6de', endColorstr='#c1b9ae',GradientType=0 ); /* IE6-9 */
}

.newsletter input[type="submit"]:hover, .button_submit:hover  {
	background: #ede6de;

}

.fb-like-box iframe {
	width: 220px !important;
}

.newsletter-text {
	padding-bottom: 5px;
}

.newsletter-input {
	width:212px;
	margin-top: 5px;
	padding:2px;
	border: 1px solid #999;
	color: #aaa;
	font-style: italic;
}

#right .newsletter {
	padding: 10px 0px 10px 10px;
	border: 1px solid #B71B32;
}

#right .newsletter h2 {
	margin: -10px 0 10px -10px;
	padding: 10px 0 10px 10px;
	background: #B71B32;
	color: #fff;
}

.facebook .fb-likebox {
	float: right;
	padding-top: 11px;
}

.newsletter .submit-pos-right {
	margin-right: 10px;
}

.newsletter-description {
	margin-bottom: 10px;
}