/* Body */
body {
	background: url('../images/bg_main.gif') top center #111111; 
	color:#404040; 
	font:100.01% Arial,Tahoma,Verdana,sans-serif; 
	margin:0 auto; 
	margin-top: 30px;
	text-align: center;
	
	scrollbar-face-color: #333;
	scrollbar-highlight-color: #222;
	scrollbar-3dlight-color: #333;
	scrollbar-darkshadow-color: #333;
	scrollbar-shadow-color: #222;
	scrollbar-arrow-color: #444;
	scrollbar-track-color: #333;
}

/* Wrapper (umschließendes div-Element) */
#wrapper {
	background: #000; 
	color:#fefefe; 
	margin:0 auto;
	width:874px;
	height: 616px;
	font-size: 90%;
	text-align: left;
	border: 1px solid #66645C;
}

/* Basic tags */
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border:0;
}

p {

}



/* Header */
#header_right {
	float: right;
	width: 200px;
	height: 166px;
	background: url('../images/header.jpg') top right no-repeat;
}

#header_left {
	width: 674px !important;
	width: 670px;
	height: 144px;
	background: url('../images/header.jpg') no-repeat;
}

	
/* ############## Navigation ############## */

#navigation {float:left; width:674px; border:none; background:#222 url(../img/bg_head_bottom_nav.jpg) repeat-x; color:rgb(75,75,75); font-size:1.0em; font-size:130%;} /*Color navigation bar normal mode*/
#navigation ul {list-style-type:none;}
#navigation ul li {float:left; position:relative; z-index:1000; border-right:solid 1px #444;}
#navigation ul li ul {display:none; border:none;}
#navigation ul li ul {margin-left:-30px; padding:0 30px 30px 30px; background:url(../img/bg_head_bottom_nav_hover.gif) top center;} /*Sticky hover zones*/
#navigation ul li a {float:left; display:block; height:1.7em; line-height:1.7em; padding:0 8px 0 8px; text-decoration:none; font-weight:bold; color: #fff;font-size: 70%;}
#navigation ul li:hover {width:auto;}
#navigation table {position:absolute; z-index:999; top:0; left:0; border-collapse:collapse;}

#navigation ul li ul li{float:left; position:relative; z-index:1000; border-right:solid 1px #444;}
#navigation ul li ul li ul{display:none; border:none;}
#navigation ul li ul li ul{margin-left:-30px; padding:0 30px 30px 30px; background:url(../img/bg_head_bottom_nav_hover.gif) top center;} /*Sticky hover zones*/
#navigation ul li ul li a {float:left; display:block; height:1.7em; line-height:1.7em; padding:0 8px 0 8px; text-decoration:none; font-weight:bold; color: #fff;font-size: 70%;}
#navigation ul li ul li:hover {width:auto;}


/*Non-IE6*/
#navigation ul li:hover a {background-color:#222; text-decoration:none; color: #dedede;} /*Color main cells hovering mode*/
#navigation ul li:hover ul {display:block; position:absolute; z-index:998; top:1.3em; margin-top:-2px; left:0;}
#navigation ul li:hover ul li ul {display: none;}
#navigation ul li:hover ul li a {display:block; width:10em; height:auto; line-height:1.5em; margin-left:-1px; padding:0px 8px 0px 8px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} 
/*Color subcells normal mode*/
#navigation ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/



/*IE6*/
#navigation ul li a:hover {background-color:#222; text-decoration:none;} /*Color main cells hovering mode*/
#navigation ul li a:hover ul {display:block; position:absolute;z-index:997; top:1.3em; t\op:1.3em; left:0; marg\in-top:5px;}
#navigation ul li a:hover ul li a {display:block; w\idth:10em; height:1px; line-height:1.5em; padding:0px 8px 0px 8px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
#navigation ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; position:absolute; z-index: 997;}
#navigation ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/		


	
	/*
#navigation ul li a {
	float:left; display:block; height:1.7em; line-height:1.7em; padding:0 8px 0 8px; text-decoration:none; font-weight:bold; color: #fff;font-size: 70%;
}

#navigation ul li {
	float:left; position:relative; z-index:1000; border-right:solid 1px #444;
}

#navigation ul li ul {
	position: absolute;
	background: #ededed;
	width: 10em;
	left: -999em;
}

#navigation ul li ul ul {
	margin: -1em 0 0 10em;
}

#navigation ul li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#navigation ul li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}	
	*/
/* ############## ENDE Navigation ############## */	
	
/* Fotoleiste */	
#fotoleiste {
	float: left;
	width: 874px;
	height: 100px;
	background: #666;
}	
	
	
/*Left and right sidebar */
#leftside {
	clear: left;
	float:left; 
	width:220px;
	height: 350px;
	background: #999;
}

/* Buttons linke Seite */
a.leftside_button {
	position: relative;
	left: -30px;
	display: block;
	margin: 0px 0px 14px 0px;
}

a.leftside_button img {
	border: 1px solid #a30708;
}

a.leftside_button img:hover {
	border-right: 2px solid #a30708;
}

#rightside {
	float:right; 
	width:220px;
	height: 350px;
	background: #333;
}

#rightside_inner {
	padding: 0 6px 0 6px;
}

#rightside_inner a {
	color: #dedede;
	text-decoration: underline;
}

#rightside_inner a:hover {
	color: #fff;
	text-decoration: none;
}

#rightside_inner h1 {
	display: block;
	margin-top: 6px;
	padding-left: 1px;
	font-size: 85%;
	margin-bottom: 4px;
	text-transform: uppercase;
	background: #666;
	color: #ddd;
}

#rightside_inner h2 {
	display: block;
	margin: 2px 1px 2px 1px;
	padding-left: 1px;
	font-size: 75%;
	color: #ddd;
}

#rightside_inner p{
	font-size: 75%;
	color: #dedede;
	margin: 0px 1px 0px 1px;
}

	
/* Main content */
#content {
	width: 410px !important;
	width: 406px;
	height: 350px;
	line-height:1.5em; 
	margin: 0px 0px 0px 220px;
	padding: 0px 10px 0px 10px;
	display: block;
	overflow: auto;
}	
	
#content h1 {
	font-size: 150%;
	font-weight: normal;
	margin: 10px 0px 10px 0px;
	text-transform: uppercase;
}

#content h2 {
	font-size: 130%;
	font-weight: normal;
	margin: 20px 0px 10px 0px;
}

#content h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
}

#content p {
	margin-bottom: 4px;
}
	
#content ul,
#content ol {
	list-style-type: square;
	margin: 10px 0px 10px 0px;
	padding-left: 20px;
}

#content ul {
	list-style-type: square;
}

#content a {
	color: #dedede;
	text-decoration: underline;
}

#content a:hover {
	color: #bbb;
	text-decoration: none;
}






/* Footer */
#footer_inner {
	clear:both; 
	padding:10px 20px 0px 0px; 
	text-align:right;
}

#footer_outer {
	width: 874px;
	height: 30px;
	padding-top: 10px;
	margin:0 auto;
	color: #dedede;
	font-size: 75%;
	font-weight: bold;
	text-align: center; 
}

#footer_outer p {
	color: #ccc;
}

#footer_outer input {
	background: #111;
	border: 1px solid #333;
	color: #ccc;
}

#footer_outer input.login{
	background: #222;
	font-weight: bold;
}

#footer_outer a {
	color: #dedede;
	text-decoration: underline;
}

#footer_outer a:hover {
	color: #bbb;
	text-decoration: none;
}

/* ### FORMULAR kontaktformular ### */

span.red-star {
	font-weight: bold;
	color: #ff0000;
}

div.kontaktformular {
	margin:0 auto;
	text-align: center;
	background: #222;
	padding: 2px;
}

table.kontaktformular {
	text-align: left;
	width: 100%;
	font-size: 90%;
}

table.kontaktformular tr {

}

table.kontaktformular tr.foot td {
	border-color:gray; 
	border-top-style:dotted; 
	border-top-width:1px;
	text-align: right;
}

table.kontaktformular td {
	width: 70%;
	padding: 4px 0px 0px 0px;
}

table.kontaktformular td.first{
	width: 30%;

}

table.kontaktformular input,
table.kontaktformular select  {
	font-size: 90%;
}

table.kontaktformular input.absenden {
	border: 1px solid #666;
	background: #fff;
	color: #000;
	font-weight: bold;
}

p.danketext {
	margin-top: 10px;
	padding: 4px;
	background: #eee;
	border: 1px solid #A70101;
	font-size: 90%;
	font-weight: bold;
	color: #A70200;
	text-align: center;
}