@charset "UTF-8";
@media screen, projection
{
/*schaltet die scrollbar im Firefox dauerhaft ein*/
html { overflow-y:scroll; }
/**************************************************/

/* Haupteinstellungen */
/*
* { margin: 0; padding: 0; outline:0 }
*/
option { padding-left: 0.4em }

body {
font:normal 81.25% Muli, sans-serif;
color: #ddd;
background: #222;
text-align: left;
line-height:1.7;
}

/****************************************************/
/*Allgemeine Einstellungen*/
h1,h2,h3 {font-weight:normal;color:#E8DDAD;line-height:1.5em;}
h1 {display: none; font-size: 24px; }
h2 {font-size:20px;padding:0 0 18px 0;background:url(../img/hbg.png) repeat;}
h3 { font-size:14px; margin:0 0 5px 0; padding:3px;}


p {margin-bottom:20px;}
p img {margin:0px}
ul {margin:0 0 20px 0; padding:0; list-style-type:none}
li {padding-left:20px;background-image:url(../img/liststyle.png); background-repeat:no-repeat; background-position: 7px 6px;}
fieldset, img {border:0 solid;}
a {color:#ccc; text-decoration:none;}
a.underline {text-decoration:underline;}
a:hover {color:#E8DDAD;}
.spacer {margin-bottom:20px;}
.schwarz {color:#333;}


/*verschiedenes*/
.left {float:left;}
.right {float:right;}
.bold {font-weight:bold;}
.block {text-align:justify;}
.center {text-align:center;}
.textright {text-align:right;}
.clearer {clear:both;};
.strich {border-top:1px solid #7E95A1;}
.switch { margin: 30px 0 0 0; }
.switch a{ padding:4px 10px 5px 10px; background:url(../img/bg.png) repeat; border:1px solid #819981; color:#E8DDAD;}
.switch a:hover{ background: #374437; border:1px solid #E8DDAD;}
/**********************************************/

/*
#container {
margin:0 auto 2em auto;
padding:0;
width:800px;
font-size:1em;
background:transparent;
}
*/

#header {
margin:0;
padding:0;
color:transparent;
background: #333;
}

#header img {
	margin: 20px 0; }

#navi {
	margin-bottom: 20px; }

#navi ul {
padding: 20px 0 0 70px; }

#navi li {
float:left;
margin:0 10px 10px 0;
padding:0;
width:70px;
background:transparent;
}

#navi li a {
display:block;
float:left;
width:69px;
height:49px;
margin:0;
padding:10px 0;
text-transform:none;
text-decoration:none;
text-align:center;
font-size:1em;
font-weight:normal;
color:#ddd;
background:#333 url(../img/bg.png) repeat;
border:1px solid #819981;
}
#navi li a:hover {background:#819981;border:1px solid #849A84;color:#eee;}
#navi li a.current{background:#e8ddad;border:1px solid #e8ddad;color:#333;}

#main {
margin:0;
background: #333;
padding:50px 0;
}

#tabelle table {
margin:0 0 5px 0;
padding:0;
background:transparent;
font-size:1em;
border-spacing:2px;
empty-cells:show;
width:100%;
}
#tabelle th { text-align:left; }
#tabelle td { vertical-align:top; padding:4px; background:#444;}
#tabelle td.transparent {background:transparent;}

#tabelle .subtabelle table {
margin:0;
padding:0;
border:0;
font-size:1em;
border-collapse:collapse;
empty-cells:show;
}
#tabelle .subtabelle tr, #tabelle .subtabelle td {border:0;margin:0;padding:0;}

#footer {
	font-size:1em;
	margin:0;
	padding:40px 0;
	background:#222;
	border-top:1px solid #000; }
#footer .last p {
	text-align:right; }
#footer table {
	margin:0 auto 20px auto;
	padding:0;
	border-collapse:collapse;
	border-spacing:0; }
#footer td {
	padding: 0 10px 3px 0;
	vertical-align:top;
	line-height:1.3em; }

/*Formulareinstellungen*/
form {margin:0;float:left}
.button {margin:0 5px 10px 125px;}

input { vertical-align: middle; }
.error {color:#CAFF1A;}
.error_box {color:#CAFF1A;}

input.box {
width: 279px;
padding:2px;
margin:0 5px 4px 5px;
border:0px solid #819981;
font:normal 1em Verdana, Arial, sans-serif;
background:#444;
color:#bbb;
float:left;
}

input.box2 {
width: 90px;
padding:2px;
margin:0 5px 4px 5px;
border:0px solid #819981;
font:normal 1em Verdana, Arial, sans-serif;
background:#444;
color:#bbb;
float:left;
}

input.captcha_box {
width: 100px;
height: 32px;
text-align:center;
margin:0 5px 4px 5px;
padding:8px 0 0 0;
border:0;
font:normal 1.5em Verdana, Arial, sans-serif;
color: #bbb;
background:#444;
float:left;
}

select.selectbox {
width:60px;
margin:0 5px 4px 5px;
padding:0;
border:0;
height:20px;
font:normal 1em Verdana, Arial, sans-serif;
color: #bbb;
background:#444;
float:left;
}

.radiobox {
padding:2px 5px 5px 5px;
margin:0 5px 4px 5px;
width:273px;
font:normal 1em Verdana, Arial, sans-serif;
line-height:1.4em;
background:#444;
float:left;
}

textarea.message {
background:#444;
border:1px solid transparent;
width: 450px;
height: 7em;
font:normal 1em Verdana, Arial, sans-serif;
color:#bbb;
padding: 1px;
margin:0 0 4px 5px;
float:left;
}

form.formular .formlabel {
width:120px;
margin:0;
padding:0;
text-align:right;
float:left;
}

form.formular .formlabel2 {
width:58px;
margin:0;
padding:0;
float:left;
text-align:right;
}

form.formular .check {
float:left;
margin:0 0 0 5px;
padding:0;
}

.hinweis {
float:left;
background:url(../img/hinweis.png) no-repeat top left;
min-height:50px;
padding:5px 0 0 60px;
}
.mailsend {
float:left;
background:url(../img/mail_send.png) no-repeat;
height:50px;
padding:5px 0 0 60px;
color:#CAFF1A;
position:relative;
top: 0;
}

form.formular .zweicoll {
margin:0;
padding:0;
float:left;
width:250px;
border:0px solid #333;
}
form.formular .zweicolr {
float:left;
border:0px solid #333;
}

form.formular span.left { margin-top: 10px; }

/* helleon-werbung im Impressum
	 * --------------------------------*/
	.helleon { line-height: 1.2; }

	.helleon a { letter-spacing: 2px; }

	td img.helleon  {
		width: 60px;
		height: 60px;
		float:left;
		margin: 5px 10px 5px 0; }

	#footer img.helleon {
		width:40px;
		height:40px;
		float:right;
		border: 0px solid #aaa; }


} /*screen*/

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	#navi ul {
	padding: 20px 0 0 0; }

	.pics2 {
	width: 344px;
	height: 225px; }

	.pics2 img {
	width: 344px;
	height: 225px; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	.pics2 {
	width: 420px;
	height: 274px; }

	.pics2 img {
	width: 420px;
	height: 274px; }

	#navi ul {
	padding: 20px 0 0 0px; }}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.pics2 {
	width: 420px;
	height: 274px; }

	.pics2 img {
	width: 420px;
	height: 274px; }

	#footer .last p {text-align: left;}
	#footer table {margin: 0 0 20px 0;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.pics2 {
	width: 300px;
	height: 196px; }

	.pics2 img {
	width: 300px;
	height: 196px; }

	#footer .last p {text-align: left;}
	#footer table {margin: 0 0 20px 0;}
}