/* ########## Grundeinstellungen ########## */

body {
	margin: 0;
	padding: 0;
    width: 100%;
    overflow-x:hidden;
	line-height: 1.7em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #364d3b;
	background: #efbc7b;
	background: url(images/top-bg.jpg) repeat-x;
}

a:link, a:visited { color: #761d06; text-decoration: none; font-weight: normal;} 
a:active, a:hover { color: #761d06; text-decoration: underline;}

p {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }


/* ########## Content ########## */

#content_wrapper {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0px 30px 0px;
	background: #efbc7b;
	background: url(images/content-bg.jpg) repeat;
}

#content{
	position: relative;
	width: 1040px; 
	margin: 0 auto;
	padding: 0px 70px;
	background: url(images/content_middle.png) repeat-y;
}

#top {
	width: 1180px;
	height: 75px;
	margin: 0 auto;
	background: url(images/content_top.png) no-repeat;
}

#bottom {
	width: 1180px;
	height: 75px;
	margin: 0 auto;
	background: url(images/content_bottom.png) no-repeat;
}

.column_w380_left{
	float: left;
	width: 380px;
	padding-left: 20px;
	padding-right: 39px;
	margin-right: 40px;
	border-right: 1px solid #d4cdb6;
    text-align: justify;
}

.column_w320_left{
	float: left;
	width: 320px;
	padding-left: 20px;
	padding-right: 39px;
	margin-right: 40px;
	border-right: 1px solid #d4cdb6;
}

.column_w380_right {
	float: right;
	padding-right: 20px;
	width: 540px;
}

.column_w380_right .image_wrapper {
	padding: 9px;
	background: #364d3b;
	margin-bottom: 20px;
}

.column_w380_right .image_wrapper img{
	width: 520px;
	height: auto;
	border: 1px solid #ffffff;
}

.column_w440_right {
	float: right;
	width: 440px;
}

.column_w380_left .image_wrapper {
	color: #ffffff;
	padding: 9px;
	background: #364d3b;
	margin-bottom: 20px;
}

.column_w380_left .image_wrapper img{
	width: 360px;
	height: auto;
	border: 1px solid #ffffff;
	margin-bottom: 10px;
}

.column_w380_left p{
	text-align: justify;
	margin-bottom: 15px;
}

.column_w380_left .em_text {
	color: #000000;
}

.content_list_01 {
	margin: 0 0 0 30px;
	padding: 0px;
	list-style: none;
}

.content_list_01 li {
	margin: 0 0 0 30px;
	padding: 0 0 10px 10px;
	list-style-image:url(images/list_icon.gif);	
}

.section_w180 {
	margin-top: 10px;
	width: 440px;
	background: #8ca6cc;
}

.section_w180 img {
	margin: 5px;
	width: 428px;
	height: 170px;
	border: 1px solid #59729a;
}

.section_w180 p {
	padding: 5px 10px 10px 10px;
	color: #222222;
}

.header_02 {
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #aa422c;
	font-weight: bold;
	border-bottom: 1px solid #d4cdb6;
}

	.datum {
	width: 110px;
	float: left;
	}
	
	.beschreibung {
	width: 250px;
	float: left;
	}

.header_04 {
	clear: both;
	display: block;
	height: 20px;
	padding: 3px 10px 0 10px;
	color: #d1cfd0;
	background: url(images/header_04_bg.gif) no-repeat
}

.header_04 a{
	color: #ffffff;
	text-decoration: none;
}

#top_bar_wrapper {
	width: 100%;
	height: 200px;
	margin-top: 0px;
}

#banner_wrapper {
	clear: both;
	width: 100%;
	height: 300px;
	margin: 0 auto;
	background: url(images/banner_repeat.jpg) repeat-x;
}

#banner {
	width: 1180px;
	height: 300px;
	padding: 0px;
	margin: 0 auto;
}

#site_title_section {
	float: left;
	width: 439px;
	height: 245px;
	background: url(images/site_title_bg.png) no-repeat;
}


/* ########## Menü ########## */

#menu_wrapper {
	clear: both;
	width: 100%;
	height: 57px;
	margin: 0 auto;
	background: url(images/menu_bg.png) repeat-x;
}

#menu {
	clear: both;
	width: 1180px;
	height: 56px;
	margin: 0 auto;
	padding: 0 0 0 35px;
	background: url(images/menu_bg.png) repeat-x;	
}

#menu ul {
	float: left;
	margin: 12px 0 0 0;
	padding: 0px;
	list-style: none;
}

#menu ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
	background: url(images/menu_divider.png) right repeat-y;
}

#menu ul li a{
	float: left;
	display: block;
	width: auto;
	height: 25px;
	padding: 7px 25px 0px 15px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	outline: none;
	background: url(images/menu_divider.png) right repeat-y;
}

#menu li a:hover, #menu li .current{
	color: #ffb400;
}

#menu .last{
	background: none;
}

/* ########## Referenz-Veranstaltungen ########## */

.margin_right_20 { margin-right: 20px; }

.fl { float: left; }
.fr { float: right }


/* ########## Footer ########## */

#footer_wrapper {
	width: 100%;
	margin: 0 auto;
	background: #544f31;
	border-top: 1px solid #2b2814;
	background: url(images/footer-bg.jpg);
}

#footer {
	width: 1120px;
	margin: 0 auto;
	height: 80px;
    overflow-x:hidden;
	color: #c1b489;
}

#imprint {
	width: 760px;
	padding: 20px;
	float: left;
	display: inline;
}

#facebook {
	width: 280px;
	display: inline;
}

#footer a {
	text-decoration: none;
	color: #f1e9dc;
}

/* ########## Galerie ########## */

#galerieContent {
	width: 955px;
	margin: 30px 0px 0px 20px;
	padding: 20px 20px 20px 35px;
	border: 1px solid #D2D2D2;
	-moz-box-shadow: 0 0 30px #CCC;
	-webkit-box-shadow: 0 0 30px #CCC;
	box-shadow: 0 0 30px #CCC;
	float: left;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left 5, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 15px);
}

#galerieContent a img {
	border: 1px solid #BBB;
	padding: 2px;	
	margin: 5px 4px 4px 0;
	vertical-align: top;
}

/* ########## SSS-Slider ########## */

.sss {
	height: 0;
	margin: 0; 
	padding: 0;
	position: relative;
	display: block;
	overflow: hidden;
}

.ssslide {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
}

.ssslide img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}

.sssnext, .sssprev {
	width: 25px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	background: url('images/arr.png') no-repeat;
}

.sssprev {
	left: 3%;
	background-position: 0 50%;
}

.sssnext {
	right: 3%;
	background-position: -26px 50%;
}

.sssprev:hover, .sssnext:hover {
	cursor: pointer;
}