/*
TABLE OF CONTENTS

HTML Elements
Page Structure
Navigation
Headings
Content Area
Forms
Clear
Footer


EM - PX zum kopieren oder nachschauen
10px = 0.6em
12px = 0.76em
14px = 0.9em
16px = 1.0em
18px = 1.12em
22px = 1.38em
26px = 1.63em

/* ———- @ HTML Elements ———–*/

* {
margin: 0;
padding: 0;
border: none;
}

body, html {
color:#e8e4b5;
background: #000 url(../_obj/interface/hintergrund.gif) repeat-y;
min-height:101%;
font-size: 100.01%;
}

body, form {
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; 
}

a {}

a:link, a:visited {
	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:none;
}

a:hover, a:active {
	color: #fff;
	text-decoration:underline;
}

*:focus {
	outline: none
}

/* ———- @ Page Structure ———–*/


#site {
	margin: 0 auto;
	width: 630px;
	background:#000;
}

#topnav{
	height:20px;
	float: right;
	color:#fff;
	font-size:10px;
	margin:10px 0 0 0;
}

#header {
	display:block;
	height:150px;
	width:630px;
	float:left;
	background: url(../_obj/interface/header_bg.jpg) no-repeat;	
} 

#content1 {
	width:630px;
	float:left;
}

#sidebar {
	width:210px;
	float:left;
}

#content {
	width:420px;
	float:right;
}

#footer {
	background:#000;
	font-size:10px;
	width:100%;
	clear:both;
	text-align: center;
	height:30px;
}

#banner {
	width:620px;
	text-align:center;
}

/* ———- @ Navigation ------------------------------------------------———–*/


#topnav li{
	background: url(../_obj/interface/li_bullet.gif) no-repeat left center;
	list-style:none;
	margin: 0 20px 0 0;
	float:left;
}


#topnav a, #footer a {
	padding:0 0 0 15px;
	text-decoration:none;
}


#footer ul {padding:5px;}

#footer li {
	display:inline;
	list-style:none;
}

#topnav a:hover, #topnav a.hl, #footer a:hover, #footer a.hl  {
text-decoration:underline;
}

/* ———- @ mainnav */


/* ———- @ sidenav */
#sidenav {width:200px; background:#999999;margin:0;}

#sidenav li {
	background:url(../_obj/interface/li_bullet.gif) no-repeat left center;
	border-bottom:#000 solid 1px;
	list-style:none;
}

#sidenav a {
	padding:0 0 0 10px;
	display:block;
}

#sidenav a:hover{
	background: #CC3300 url(../_obj/interface/li_bullet.gif) no-repeat left center;
}


/* ———- @ Content Area ———–*/

#content h1, #content1 h1, #sidebar h1{
	font: normal 14px/16px Verdana, Arial, Helvetica, sans-serif; 
	padding: 10px 0 0 10px;
	color: #c7bc49;
}

#sidebar h1{padding: 0 0 0 10px;}

#content h2, #content1 h2, #sidebar h2{
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#c7bc49;
	padding:0 0 0 10px;
}

#content h3, #content1 h3, #sidebar h3{
	font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding: 10px 0 0 10px;
}

#content h4{
	font: normal 14px/16px Verdana, Arial, Helvetica, sans-serif; 
	padding: 20px 0 0 10px;
	color: #c7bc49;
}

#content p, #content ul, #content form, #content1 p, #content1 ul, #content1 form {padding: 10px 5px 0 10px;}

#content img {margin:20px 10px 0 10px;}

#content p img {margin:0; padding:0;}

#content ul.links li, #content1 ul.links li {
	background: url(../_obj/interface/li_bullet.gif) no-repeat left center;
	list-style:none;
	margin: 0 20px 0 0;
	float:left;
	display:block;
}


#content li, #content1 li {
	background: url(../_obj/interface/li_bullet.gif) no-repeat  0 3px;
	list-style:none;
	margin: 0 0 5px 0;
}

#content a, #content1 a {
	font-weight:bold;
}


#content li a, #content1 li a {
	font-weight:bold;
	padding:0 0 0 15px;
}

#content a:hover, #content1 a:hover{
	/*background: url(../_obj/interface/li_bullet.gif) no-repeat left center;*/
}

#content table{ border-collapse:collapse;  margin:30px 20px 0 20px; text-align:left;}
#content td,th {padding:10px 10px 10px 10px; border-bottom:#fff 2px solid; vertical-align:top;}

#content tr { background:#EEEEEE;}

#content th {
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	color:#002e67;
}

/* ———- @ Boxen ———–*/

.logo_box{
	width:200px;
	height:200px;
	margin:10px 10px 0 0;
	background: url(../_obj/interface/logo.gif) no-repeat;	
	display:block;
	float:left;
}

.kontur1_box{
	width:200px;
	height:200px;
	margin:10px 10px 0 0;
	background: url(../_obj/interface/boxk.gif) no-repeat;	
	display:inline;
	float:left;
}

.kontur2_box{
	width:410px;
	height:200px;
	margin:10px 10px 0 0;
	background: url(../_obj/interface/boxk2.gif) no-repeat;	
	display:block;
	float:left;
}

.kontur2_box2{
	width:410px;
	height:200px;
	margin:10px 10px 0 0;
	background: url(../_obj/interface/boxk22.gif) no-repeat;	
	display:block;
	float:left;
}

.news_box{
	width:200px;
	height:200px;
	padding:0;
	margin:10px 10px 0 0;
	background: url(../_obj/interface/box3.gif) no-repeat;	
	float:left;
}

/* Flexible Sidebar-Box */
.sidebar_box {width:200px; margin:10px 0 0 0;}
.sidebar_t_box{width:200px; height:5px; display:block; background: bottom url(../_obj/interface/kontur_kt.gif) no-repeat;}
.sidebar_m_box{width:200px; background: url(../_obj/interface/kontur_km.gif) repeat; }
.sidebar_b_box{width:200px; height:5px; display:block; background: url(../_obj/interface/kontur_kb.gif) no-repeat; }

/* Flexible Sidebar-Box Booking */
.sidebar_box2 {width:200px; margin:10px 0 0 0;}
.sidebar_t_box2{width:200px; height:5px; display:block; background: bottom url(../_obj/interface/kontur_kt2.gif) no-repeat;}
.sidebar_m_box2{width:200px; background: url(../_obj/interface/kontur_km2.gif) repeat; }
.sidebar_b_box2{width:200px; height:5px; display:block; background: url(../_obj/interface/kontur_kb2.gif) no-repeat; }


/* Flexible Content-Box */
.content_box {width:410px; margin:10px 0 0 0; float:left;}
.content_t_box{width:410px; height:5px; background: bottom url(../_obj/interface/kontur_gt.gif) no-repeat;}
.content_m_box{width:410px; background: url(../_obj/interface/kontur_gm.gif) repeat; }
.content_b_box{width:410px; height:5px; background: url(../_obj/interface/kontur_gb.gif) no-repeat; }


/* Flexible Content-Box booking*/
.content_box2 {width:410px; margin:10px 0 0 0; float:left;}
.content_t_box2{width:410px; height:5px; background: bottom url(../_obj/interface/kontur_gt2.gif) no-repeat;}
.content_m_box2{width:410px; background: url(../_obj/interface/kontur_gm2.gif) repeat; }
.content_b_box2{width:410px; height:5px; background: url(../_obj/interface/kontur_gb2.gif) no-repeat; }

/* ———- @ Forms ———–*/

form {margin:10px 0 0 0;}

label, input, select, textarea { /* Alle Labels UND Formularelemente auswählen */
	font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	float: left;
	width: 170px;
	background-color:#A51A1B;
	margin:5px 0 0 0;
	padding:3px 3px;
}

input {}

select{	
	width: 255px;
	padding:0;
	}

textarea {height:100px;  overflow:auto;}

form br {  clear: left; }

input#submit { width: auto;}

label {
	background:none;
	text-align: left;
	padding:0;
	margin:0;
	width: 100px;
}

input.img {border:none; padding:0; margin-top:10px; background:none; }

.register {color: #DF00ED; font: bold 30px/34px Verdana, Arial, Helvetica, sans-serif;}

/* ———- @ Misc ———–*/

.trenner {height:21px; width:390px; background: url(../_obj/interface/trennlinie.gif) no-repeat center left; margin:0 0 0 10px; clear:both;}
.spacer10 {height:10px; display:block; clear:both;}
.spacer20 {height:20px; display:block; clear:both;}

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

/* ———- @ Clear ———–*/

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

.clearfloat {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}
/* End hide from IE-mac */