﻿/* CSS Document */

html, body {
	margin: 0;
	padding: 0 0 30px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
body {
	background: #006C8A url(images/bgmain.jpg) no-repeat;
}
a {
	text-decoration: none;
	color: #D8DF4F;
}
a:hover {
	text-decoration: underline;
	color: #0BE9F4;
}
a img {
	border: 0;
}

.top-container {
}
.topbild {
	width: 335px;
	float:right;
	display:block;
}
.lang {
	width: 300px;
	float:left;
	margin-left: 40px;
	display:inline;
	margin-top: 60px;
}
.lang ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.lang li {
	float:left;
	position:relative;
	padding-right: 15px;
}
.lang li.act a {
	font-weight: bold;	
}
.logo {
	float: right;
	width: 230px;
	margin-right: 40px;
	margin-top: 60px;
}
.clear {
	clear:both;
}
.leftnav-container {
	float: left;
	width: 240px;
	position:relative;
}
.leftnav {
	margin-left: 40px;
}
.leftnav ul {
	margin: 0px;
	padding: 0 0 0 10px;
	list-style-type: none;
	position:relative;
	border-left: 1px solid #D8DF4F;
}
.leftnav ul li {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 12px;
}
.leftnav ul li.first {
	padding-top: 0;
}
.leftnav ul li a:hover {
}
.leftnav ul li.act a {
	color: #0BE9F4;
}
.leftnav ul li.level2 {
	padding: 10px 0 0 20px;
}
.leftnav ul li.level3 {
	padding: 5px 0 0 40px;
}
.leftnav ul li.level3 a {
	font-size: 10px;
}

.content-top {
	position:absolute;
	top:0;
	right: 575px;
}

.content-container {
	width: 605px;
	float:right;
}
.content {
	width: 500px;
	float:left;
	padding-top: 110px;
}
.content p {
	margin:0;
	padding: 0 0 5px 0;
	color: #0BE9F4;
}
.content h1 {
	margin: 0 0 10px 0;
	padding: 10px 0 3px 0;
	border-bottom: 1px solid #C69F00;
	color: #C69F00;
	font-size:12px;
}
.content h2 {
	margin: 0;
	padding: 15px 0 2px 0;
	color: #C69F00;
	font-size:12px;
	font-weight:bold;
}
.content h3 {
	margin: 0;
	padding: 10px 0 0 0;
	padding-bottom: 0;
	color: #C69F00;
	font-style:italic;
	font-size:12px;
	font-weight:normal;
}

.content ul {
	list-style: circle outside;
	padding: 5px 0 5px 1.5em;	
	margin: 0 4px;
}
.content ul li {
	padding: 0 0 2px 0;
	margin: 0;
	color: #0BE9F4;
}
.content h1.csc-firstHeader {
	padding-top: 0;
}
.content-right {
	width: 75px;
	float:right;
	padding-top: 50px;
}
.content-left {
	padding-top: 50px;
}

.content table {
	width: 100%;
}
.content table td {
	border: 0;
	color: #0BE9F4;
	vertical-align:top;
	font-size:11px;
	padding: 0 5px 5px 0;
	border-collapse:collapse;
	border-spacing:0;
}
.content table td p {
	padding: 0;
}

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

label {
	display: block;
	width: 100px;
	float:left;
	color: #0BE9F4;
}
legend {
	color: #0BE9F4;
	font-weight: bold;
	padding-top: 15px;
}
.check-field label {
	width: auto;
	float:none;
}
.radio-field label {
	width: 100px;
	float:none;
	margin-left: 40px;
}
input, select, textarea {
	font-size: 11px;
	border: 1px solid #0BE9F4;
}
.csc-mailform-check, .csc-mailform-radio {
	display: block;
	width: 20px;
	float:left;
	text-align:left;
	
}
.csc-mailform-radio br {
	display:none;
}
.csc-mailform-field {
	padding-bottom: 3px;
	clear:both;
}
.csc-mailform-field h2 {
	font-weight: bold;
	font-size: 11px;
	color: #0BE9F4;
}

.ve-guestbook {
	padding-bottom: 10px;
}
.ve-guestbook-form div {
	clear: both;
	padding: 3px;
}




/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	P.csc-caption { margin: 0; }
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	
	.content .csc-textpic-imagewrap {
		margin-top: 15px;
	}