/*
-------------------------------------------------------
FiloRosso WebDesign Druck Style
Author:   Manfred Gerber
Version:  24. November 2007
------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
html { height: 100% }
body {
	height: 101%; /* content auf 100% hight aufziehen */
	text-align: left;
	color: #000;
	background: #fff;
	font: 110%/130% "Times New Roman",serif !important;
}

#header_left, #header_right, #language, #styleswitcher, #mainnavi {
	display: none;
}

#header {
	height: auto;
	margin: 0 0 1cm 0;
	left: 0;
}
#header h1 {
	margin: 1em 0 0;
	font-size: 140%;
	color: #000;
	position: absolute;
	left: 115px;
	bottom: 30px;
}
#header p {
	font-size: 100%;
	position: absolute;
	left: 115px;
	bottom: 5px;
	margin: 0;
}
#header h1 a, #header h1 a:visited {
	color: #fff;
	text-decoration: none; /* mozilla browser zeigen sonst eine underline */
	border-bottom: 0px solid #fff;
}
a, a:visited, a:hover {
	color: #000 !important;
	text-decoration: none;
}
h2, h3, h4 {
	margin-bottom: .2em;
	color: #000;
	page-break-after: avoid;
}
h2 {
	font: bold 130%/100% "Times New Roman",serif;
	margin-bottom: 0;
	color: #000;
}
h3 {
	font: 120%/130% "Times New Roman",serif;
	color: #000;
	margin-bottom: .3cm;
}
h4 {
	margin: 0 0 .5em 0;
	font: bold 100%/100% "Times New Roman",serif;
	color: #000;
}
#center ul {
	padding: 0 10px 1em 4em;
	list-style-image: url(../gfx/liste.gif);
}
p {
	margin-bottom: 1em;
}

pre {
	padding: 1em;
	background: #EEF0F7;
	line-height: 120%;
	border-left: 5px solid #8AB;
}
#cont a:visited {
	color: #abd;
}
small {
	font-size: 76%;
}





/* Klassen
------------------------------------------------------- */

.trenner {
	margin-bottom: 3em;
	padding-bottom: .8em;
	border-bottom: 1px solid #999;
}
.valid {
	display: none;
}
.error {
	color: #f00;
	font-weight: bold;
}
.clear {
	clear: both;
}

/* 2 Spalten
------------------------------------------------------- */
.leftbox {
	float:left;
	width: 49%;
}
.rightbox {
	float:right;
	width: 49%;
}
.rightbox p {
	padding-top: .3em;
}


/* 3 Spalten
------------------------------------------------------- */
.box33 {
	float:left;
	width: 33%;
}
.box33 p {
	padding: 0 1em 0 0 !important;
}

.margin ul, .margin ul li {
	margin: 0;
	padding: 0;
}
.autor {
	font-size: 86%;
	font-style: italic;
	color: #888;
}

/* Bildfloating
------------------------------------------------------- */

.imgleft {
	float: left;
	margin: 3px 15px 25px 0;
}

.imgright {
	float: right;
	margin: 3px 0 25px 10px;
}
.imgcenter {
	text-align: center;
	margin-bottom: 5px;
}
.imgleftbott {
	margin: 3px 5px 10px 0;
	text-align: left;
}
.imgrightbott {
	width: 100%;
	text-align: right;
	margin: 3px 0 5px 7px;
}
/* Bildscalierung
------------------------------------------------------- */
.box33 .img100 {
	width: 96% !important;
	margin: 3px 0 5px 0;
}
.img100, .img100 img {
	width: 100%;
}


/* IDs
------------------------------------------------------- */
#wrapper {
	min-width: 18cm;
	max-width: 100%;
	margin: 0;
	border: 0px #fff solid;
	text-align:left;
	background: #fff;
	/* ab hier config damit der content immer auf 100% hight aufgezogen wird  */
	min-height: 101%;
	height: auto !important;
	height: 100%;
	position: relative;
}

/* zeigt bei mod. Browsern beim Ausdrucken diesen Text am Ende des Contents
#wrapper:after {
	display: block;
	content: "\A ----------\A Firma\A Name\A Strasse\A D-xxxxx Stadt\A\A Tel.: +49 \A Telefax: +49 \A\A E-Mail: \A Internet: http://www.\A ----------"
} */
#page {
	background: #fff;
	margin: 0;
	padding: 0;
}

#header {
	position: relative;
	height: auto;
	background: #fff;
}

#navi, #styleswitcher, #language {
	display: none;
}
#cont {
	margin: 0;
	padding: 0;
	background: #fff;
	height: auto;
}
#right {
	page-break-after: always;
}
.tabs ul li a {
	display: none;
}


/* Textcontainer
------------------------------------------------------- */

/*.trennlinie {
	background: url(../gfx/trenner.gif) repeat-y 50%;
}*/

.left {
	width: auto;
	margin: 0;
}
.right {
	display: none;
}
.left ul {
	margin: 1em 2em;
}
.left ul li {
	margin-left: 2em;
}
.left img {
	background: transparent;
}

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

.clearfix { display: block }

/* Holly Hack Targets IE Win only \*/
* html	.clearfix {height: 1%;}
		.clearfix {display: block;}
/* End Holly Hack */

/* Formular
------------------------------------------------------  */
#kontakt {
	line-height: 180%;
	margin: 2em 0 0;
	padding: 0 10px 0 20px;
	text-align: left;
}
#kontakt fieldset {
	margin: 1em 0 1em 0;
	padding: 0 .3em 1em 1em;
	border: 1px #E9E7DD dotted;
	width: 96%;
}
#kontakt legend {
	margin: 0 0 1em 0;
	padding: 1em 5px 0;
	line-height: 130%;
	background: #fff;
}
#kontakt label {
	clear: both;
	float: left;
	width: 20%;
	text-align: right;
}
#kontakt input, #kontakt textarea, #kontakt select {
	margin: .3em 0 0 0;
	padding: .1em .3em;
	font: 100% "HelveticaNeue-Light","HelveticaNeue",Helvetica,Verdana,sans-serif;
	background: #f5f5f5;
	color: #222;
	border: #E9E7DD solid 1px;
	width: 40%;
}
#kontakt textarea {
	width: 70%;
}
#kontakt input[type=radio] {
	border: #fff solid 0px;
}
#kontakt input[type=checkbox] {
	margin: 0 0 0 1em;
	padding: 0;
}
#kontakt select#kontaktaufnahme {
	width: 20%;
}
#kontakt input:focus,
#kontakt textarea:focus {
	background: #fff;
	color: #222;
	border: #B9292F solid 1px;
}
#kontakt input[type=text],
#kontakt select,
#kontakt textarea {
	margin-left: 1em;
	text-align: left;
}
#kontakt input#submit {
	width: auto;
}
#kontakt .notwendig_fehler, #kontakt .notwendig_fehler:focus {
	border: 2px solid #B9292F;
}
#kontakt table { width: 100%; margin-bottom: 0; border: 0px solid #fff;}
#kontakt td { padding: 0; border: 0px solid #fff; }

pre {
	padding: 1em;
	background: #f5f5f5;
	line-height: 120%;
	border-left: 5px solid #ccc;
	margin: 0 3em 0 30px;
	font-size: 130%;
}

/* Textcontainer im Footer
------------------------------------------------------- */
#footer, #left, #right {
	display: none;
}
#breadcrumb {
 display: none;
}