body {
	color: #333333;
	margin: 0 auto;
	padding: 0;
	background-color: #479F34;
	background-image: url(images/bg.jpg); 
	background-repeat: repeat-x;
	font-size: 12px;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {text-decoration: underline;}
a:hover {text-decoration: none;}
a img {border: 0;}

h1, h2, h3 {
	font-weight: bold;}
	
a h1, a h2, a h3, h1 a, h2 a, h3 a {
	text-decoration: none;}
		
h1 {font-size: 27px;
	line-height: 30px;
	margin: 40px 0 10px;}
	
h1.csc-firstHeader {
	margin: 0 0 10px;}

h2, h3 {font-size: 16px;
	line-height: 20px;
	margin: 40px 0 10px;}
	
.tx-thmailformplus-pi1 h2 {margin: 18px 0 10px;}

h3 {font-weight: normal;
	margin: 20px 0 10px;}
	
p.bodytext, #twocolumns .csc-textpic {
	margin: 10px 0;}

#wrapper {
	background-color: #FFFFFF;
	width: 950px;
	margin: 0 auto;
	position: relative;}

#header {
	display: block;
	height: 142px;
	width: 950px;
	background-image: url(images/logo.png);
	background-position: 0 0;
	background-repeat:no-repeat;}
	
#header a {
	display: block;
	height: 142px;
	width: 650px;
	text-indent: -9999px;}

#search {
	position: absolute;
	top: 10px;
	right: 10px;}
	
#search input {
	background-position: 0 0;
	background-repeat:no-repeat;
	background-color: transparent;
	display: block;
	float:left;
	border: 0 none;
	height: 21px;}

#search input.search-input {
	background-image: url(images/searchinput.png);
	width: 140px;
	padding: 3px 0 0 3px;}
	
#search input.search-submit {
	background-image: url(images/searchbutton.png);
	width: 26px;
	text-indent: -9999px;}
	
#search input.search-submit:hover {
	background-position: 0 -21px;}

.clear {clear: both;}

#links {width: 200px;
	float:left;}

#nav {
	color: #FFF;
	background-color: #7D0E78;
	background-image: url(images/nav_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height: 360px;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}

#nav ul li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

#nav a.active, #nav a:hover {
color: #FFFFFF;
font-weight: bold;
}

#nav ul {
	margin: 0px 12px;
	padding: 12px 2px 20px 2px;
	list-style: none;}

#nav ul li {
	border-bottom: solid 1px #ffffff;
	padding: 4px 0px;}

#nav ul li ul {
	margin: 4px 0 0 6px;
	list-style: none;
	padding: 0;}
	
#nav ul li ul li {border-bottom: none;}

#nav ul li ul li a {
	color: #FFFFFF;
	font-size: 12px;}

#buchungwrap {background: url(images/buchung_bg_bottom.png) no-repeat left bottom;}

#links #buchungwrap h2 {
	color: #3B8027;
	margin-left: 12px;}

#links #buchungwrap a{
	color: #3B8027;}

#buchung {
	width: 184px;
	padding: 16px 8px;
	background: url(images/buchung_bg_top.png) no-repeat left top;}

#buchung hr {
	border: 0px;
	border-top: solid 1px #479F34;
	border-bottom: #C6DEB9;
	height: 1px;
	color: #479F34;
	margin: 8px 0px;}

#buchung label.festebreite {
	width: 70px;
	display: block;
	float: left;
	margin: 2px auto;}

#buchung select {
	margin: 2px auto;}

#buchung h5 {
	color: #333333;
	font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	margin: 6px auto;}

#newsletterwrap, #twitterwrap {
	margin-top: 20px;
	color: #7D0E78;}

#newsletterwrap h2, #twitterwrap h2 {
	margin-left: 12px;}
	
#newsletterwrap p, #twitterwrap p {
	margin-top: 4px;}

#newsletter {
	padding: 8px;
	height: 117px;
	background: #CBA0CB url(images/newsletter_bg.jpg) no-repeat;}

#twitter {
	padding: 8px;
	height: 96px;
	background: #CBA0CB url(images/twitter_bg.jpg) no-repeat;}

#contentwrap {
	float:right;
	width: 750px;}
	
.landing #contentwrap {
	float: none;
	width: 950px;}
	
#flash {width: 750px;
	height: 272px;
	float: left;
	overflow: hidden;}

.landing #flash {width: 950px;}

#flash div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	margin-left: 0px;}
	
#breadcrumb {
	width: 726px;
	display: block;
	padding: 10px 12px 20px;
	margin: 0;
	float:left;
	clear: both;
	display: inline;}
	
.landing #breadcrumb {
	width: 876px;
	margin: 0 0 0 50px;}
	
#breadcrumb li, #breadcrumb li a {
	display: inline;
	color: #7D0E78;}
	
#breadcrumb li.active {
	font-weight: bold;
	color: #1D7704;}

#twocolumns {
	width:480px;
	float: left;
	clear: both;
	margin: 0 0 0 12px;
	border: 0px dotted red;
	padding: 0;
	display: inline;}
	
.landing #twocolumns {
	width: 630px;
	margin: 0 0 0 50px;}
	
#columncontainer{
	float: left;
	margin: 0;
	padding: 0;
	width: 492px;
	border: 0px dotted green}
	
#leftcolumn, #rightcolumn {
	float: left;
	width:234px;
	margin: 0 0 0 12px;
	padding: 0;
	display: inline;}
	
.landing #leftcolumn, .landing #rightcolumn {width: 334px;}

#twocolumns a, #twocolumns h1, #twocolumns h2, #twocolumns h3, 
#leftcolumn a, #leftcolumn h1, #leftcolumn h2, #leftcolumn h3,
#rightcolumn a, #rightcolumn h1, #rightcolumn h2, #rightcolumn h3 {
	color: #1D7704;}
	
#rechts {
	width: 234px;
	float: right;
	margin: 0 6px 0 0;
	padding: 0;
	display: inline;}
	
#links a, #links h1, #links h2, #links h3, 
#rechts a, #rechts h1, #rechts h2, #rechts h3 {
	color: #7D0E78;}

#rechts h1 {
	color: #FFF;
	background-color: #7D0E78;
	font-size: 14px;
	line-height: 18px;
	padding: 4px 10px;
	text-decoration: none;
	font-style: normal;
	background-image: url(images/marginalia_title.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	display: block;
	margin: 20px 0 0;}
	
#rechts h1 a{color: #FFF;}
	
#rechts h1.csc-firstHeader {margin: 0;}
	
#rechts p.bodytext {margin: 5px 0 15px;}

.teaser {
	width: 234px;
	padding: 0;
	margin: 10px 0 30px 0;}
	
#contentwrap .teaser_title h2 {
	color: #fff;
	background-color: #1D7704; 
	font-size: 14px;
	line-height: 18px;
	padding: 4px 10px;
	text-decoration: none;
	font-style: normal;
	background-image: url(images/teaser_title.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	display: block;
	margin: 0px 0px 2px 0px;}
	
#rechts .teaser_title h2 {
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	padding: 4px 10px;
	text-decoration: none;
	font-style: normal;
	background-repeat:no-repeat;
	background-position: 0 0;
	display: block;
	margin: 0px 0px 2px 0px;
	background-color: #7D0E78; 
	background-image: url(images/marginalia_title.png);}

#contentwrap .teaser_title h2 a, #rechts .teaser_title h2 a {
	font-weight: normal;
	color: #fff;} 
	
#contentwrap table  {
	border-collapse: collapse;
	width: 100%;}
	
#contentwrap #aanvraagBrochure td, #contentwrap #aanvraagBrochure th {
	border: none;
	vertical-align: top;
	text-align: left;}
	
#contentwrap table .bodytext {
	margin: 0;
	padding: 0;}
	
#contentwrap td, #contentwrap th {
	text-align: left;
	vertical-align: top;
	padding: 2px 4px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;}
	
#wrapper th:first-child{
	border-left:none;
	text-align: right}
	
#wrapper tr:first-child th{border-top:none;}

.teaser_morelink {color: #1D7704; }
	
#rechts .teaser_morelink {color: #7D0E78; }

.teaser_morelink:before, #newsletter p:before, #twitter p:before, #rechts p.bodytext .internal-link:before, #twocolumns p.bodytext .download:before {content: "> ";}

#twocolumns .teaser_content, #leftcolumn .teaser_content, #rightcolumn .teaser_content {
		border-bottom: solid 1px #479F34;}
		
#rechts .teaser_content {
		border-bottom: solid 1px #7D0E78;}

#twocolumns .bodytext {
   padding-right: 12px;}

.csc-textpic {margin-right: 12px;}

#twocolumns .csc-textpic .bodytext {
   padding-right: 0;}

#twocolumns .teaser .bodytext{
   padding-right: 0;
   margin-top: 0;}

#twocolumns .csc-header{
   clear: both;}
	
#footer {
	margin-left: 212px;
	padding-bottom: 20px;
	border-top: 1px solid #1D7704;
	padding-top: 6px;
	clear: both;
	width: 480px;}
	
.landing #footer {
	width: 850px;
	margin: 0 50px;}
	
#footer p{margin: 0; }
	
#footer a{margin-right: 12px;
	color: #1D7704; }
	
#footer .csc-textpic-imagewrap {
	margin: 20px 0 0;}

fieldset {border: none;}

.csc-mailform input, .csc-mailform textarea {
 width: 468px;
 border: solid 1px #479F34;
 background-color: #C6DEB9;}

#mailformformtype_mail{
width: auto;
background: #7D0E74;
color: #ffffff;
border: none;
margin-top: 6px;}

/*----IE Bugfix vertikaler Abstand Text mit Bild----*/
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
margin-bottom:0px;
padding-bottom:16px;}

#twocolumns label {display: block;
	float: left;
	text-align:right;
	margin-right: 5px;
	margin-bottom: 9px;
	width: 150px;}
	
#twocolumns fieldset div{
	clear: both;
	margin-bottom: 9px;}
	
#twocolumns label.radio{
	width: 350px;
	float: none;
	text-align:left;
	display: block;
	margin-left: 100px;}

#kaarten{
	margin-left: 75px;
	float: left;
	clear: both;}
	
/*---- Macina Banner ----*/
.macina_banner {
	padding-bottom: 8px;}

/* Test image map CSS */
#accomodaties_map {
	display: none;}
	
#aanvraagBrochure strong {
color: white;
background-color: #7D0E78;
font-size: 14px;
padding: 2px;}

.brochures1 {background: #C6DEB9;}

.brochures1, .brochures2 {padding: 12px;}

.imtext {float: right;
margin: 0 4px 4px 4px;}

#aanvraagBrochure table{ clear: both; width: 100%;}

#aanvraagBrochure table td{ padding-bottom: 20px; vertical-align: top; text-align: left; width: 25%;}
#aanvraagBrochure table td img{ margin-bottom: 4px;}