/*  Deklaration des Clearfix */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */ 

* {
	margin:0;
	padding:0;
}

body {
	font-family:Tahoma,sans-serif;
	font-size:0.8em;
	color:#555555;
	margin:30px auto;
	width:728px;
}

#head {
	background-image:url(../img/head.jpg);
	background-repeat:no-repeat;
	height:168px;
	position:relative;
}

#head address {
	font-style:normal;
	left:30px;
	top:28px;
	position:absolute;
	font-size:0.7em;
}

#head ul {
	right:16px;
	top:51px;
	position:absolute;
	font-size:0.7em;
}

#head ul li {
	float:left;
	list-style-type:none;
	margin:3px;
}

#head a {
	color:#555555;
	text-decoration:none;
}

#head a:hover {
	text-decoration:underline;
}

#navigation {
	background-image:url(../img/navi.jpg);
	background-repeat:no-repeat;
	height:30px;
	padding:2px;
}

#navigation  li {
	float:left;
	list-style-type:none;
	margin:7px 5px 0 25px;
}

html>body #navigation  li {
	margin:7px 5px 0 35px;
}

#navigation  li a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#navigation  li a:hover {
	text-decoration:underline;
}

#navigation #right {
	float:right;
	margin-right:30px;
}

#main {
	background-image:url(../img/main.gif);
	background-repeat:no-repeat;
	min-height:241px;
	padding:20px 30px;
}

#main .preview {
	margin:5px 10px;
}

#main .preview div {
	float:left;
	border:1px solid #CCCCCC;
	padding:3px;
	margin:0;
}

#main .preview ul {
	float:left;
	margin:0px 0 0 -1px;
	padding:0 0 2px 0;
	width:16px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
}

#main .preview div img {
	margin-bottom:-3px;
}

html>body #main .preview ul {
	width:20px;
}

#main .preview ul li {
	margin:0;
	padding:0;
	list-style-type: none;
	text-align:center;
}

#main .preview ul li a {
	margin:2px 2px 0 0px;
	padding:0 2px 0 2px;
	font-size:10px;
	color:#999999;
	width:14px;
	height:16px;
	background-color: #F5F5F5;
	display:block;
	text-decoration:none;
}

html>body #main .preview ul li a {
	padding:1px 2px 0 2px;
}

#main .preview ul li a:hover {
	background-color:#313842;
	color: #FFFFFF;
	text-decoration:none;
	border:0;
}

#main #impressum {
	line-height:1.5em;
	font-size:0.9em;
	color:#555555;
	margin:10px 0;
}

#main #impressum p {
	font-size:1.0em;
}

#main .list {
	font-size:0.9em;
	color:#555555;
	list-style-type:square;
	margin:10px 20px;
	float:left;
}

#main .list li {
	margin:5px;
}

#main .steps {
	padding:10px;
	border:1px solid #F1F1F1;
}

#main .other {
	line-height:1.7em;
	font-size:0.9em;
	color:#555555;
	text-align:center;
	padding:10px;
	border:1px solid #F1F1F1;
}

#main .list .highlight {
	color:#F07D2B;
	list-style-type:none;
	font-weight:bold;
	margin-left:-7px;
}

#main .img {
	margin:8px;
	border:1px dotted #ccc;
	padding:2px;
}

#main .error {
	background-color:#E25945;
	color:#FFFFFF;
	padding:5px;
}

#main .error img,#main .success img {
	margin:2px 5px -3px 2px;
}

#main .success {
	background-color:#A2D80E;
	color:#FFFFFF;
	padding:5px;
}

#main #kontakt {
	margin:10px 0;
}

#main #kontakt .red {
	color:#D84055;
}

#main #kontakt select option {
	border: 1px solid #EEEEEE;
	font-size:0.95em;
	font-family:Tahoma,sans-serif;
	color:#666666;
	margin:3px;
	width:180px;
}

#main .hide {
	display:none;
}

#main #kontakt input,#main #kontakt select,#main #kontakt textarea {
	border: 1px solid #EEEEEE;
	font-size:0.95em;
	font-family:Tahoma,sans-serif;
	color:#666666;
	padding:2px;
	margin:3px;
	width:180px;
}

#main #kontakt .detail {
	padding:10px;
	background-color:#FFC000;
	color:#FFFFFF;
	margin:5px;
	font-size:0.86em;
}

#main #kontakt #pflicht {
	margin:0 8px; 
}

#main #kontakt textarea {
	height:170px;
}

#main #kontakt .send {
	background-color:#FFFFFF;
	width:80px;
}

#main #kontakt label {
	display:block;
	margin:0 3px;
}

#main .s {
	font-size:1.0em;
	color:#CCC;
	margin:2px;
}

#main .m {
	font-size:1.0em;
	color:#C6C6C6;
	font-weight:bold;
	margin:2px;
}

#main .l {
	font-size:1.3em;
	color:#999999;
	font-weight:bold;
	margin:2px;
}

#main .xl {
	font-size:1.5em;
	color:#444444;
	margin:2px;
}
#main h3 {
	color:#C61672;
	font-size:1.0em;
	margin:4px 0;
}

#main h4 {
	color:#F57721;
	font-size:1.0em;
	padding:10px 0;
}

#main #first {
	padding:5px;
	float:left;
	width:30%;
	border-right:1px solid #F1F1F1;
}

#main #second {
	float:left;
	width:32%;
	border-right:1px solid #F1F1F1;
	padding:5px 10px;
}

#main #third {
	float:right;
	width:30%;
}

#main .ext:after{
	content: " " url(../img/external.gif);
}

#main h1 {
	color:#9ED716;
	font-size:1.2em;
	margin:5px 0;
}

#main h2 {
	color:#DC410A;
	font-size:0.9em;
	border-bottom:1px solid #DBDBDB;
	padding:3px;
	margin:3px 0;
	font-weight:normal;
}

#main p {
	line-height:1.7em;
	font-size:0.9em;
	color:#555555;
	margin:5px 0;
	text-align:justify;
}

#main a {
	color:#ADC300;
	text-decoration:none;
}

#main a:hover {
	text-decoration:underline;
}

#main .sitemap {
	width:210px;
	float:left;
	border-right:1px solid #F1F1F1;
	color:#777777;
}

#main .sitemap li {
	list-style-type:none;
	margin:20px;
	font-weight:bold;
	font-size:0.86em;
}

#main .sitemap .parent span {
	background-color:#F57721;
	padding:2px 15px;
	color:#FFFFFF;
	margin-right:15px;
}

#main .padding {
	float:left;
	padding:20px;
	width:200px;
	line-height:1.9em;
	color:#777777;
	font-size:0.86em;
}

#main .sitemap .child {
	font-weight:normal;
	margin:5px 0 0 70px;
	padding:0;
	list-style-image:url(../img/bullet.gif);
}

#main .sitemap .child span {
	background-color:#C2E90B;
	padding:2px 7px;
	color:#FFFFFF;
	margin:0 10px 0 5px;
}

#main .left {
	float:left;
}

#main .right {
	float:right;
}

#foot {
	background-image:url(../img/footer.gif);
	background-repeat:no-repeat;
	font-style:normal;
	height:54px;
	padding:55px 0 0 20px;
}

#foot li {
	float:left;
	list-style-type:none;
	margin:5px 10px 5px 10px;
	font-size:0.7em;
}

#foot li a{
	color:#555555;
	text-decoration:none;
}

.strong {
	font-weight:bold;
}

#foot a:hover {
	text-decoration:underline;
}