/* @override 
	http://holzinfo-dev.dev.pw-internet.de/css/screen.css
	http://www.holzinfo.de/css/screen.css
*/

div#kopf-holzinfo {
	height: 130px;
	background: #b1000b url(../images/holzinfo-kopf-02.png) no-repeat 7px;
	width: 1010px;
}

div.wichtig-box {
	width: 100%;
	background-color: #c4edd2;
	margin-bottom: 20px;
	text-align: center;
}

h1, .wichtig-box {
	color: #b1000b;
	font-weight: bold;
	font-size: 14px;
	background-color: white;
	width: 100%;
	margin-bottom: 5px;
	display: block;
	line-height: 23px;
	padding: 3px 3px 3px 10px;
	border: 1px solid #b1000b;
}

h1.headline-sub {
	background-color: white;
	color: #b1000b;
	border-style: solid;
	border-width: 1px;
	padding-right: 1px;
}

h2 {
	color: white;
	font-size: 14px;
	background-color: #b1000b;
	text-indent: 10px;
	float: left;
	width: 100%;
	margin: 10px 0 5px;
	padding: 1px 0;
}

h3 {
	color: white;
	font-size: 14px;
	background-color: silver;
	float: left;
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 7px;
	padding: 1px 20px 5px 10px;
}

div.bildunterschrift {
	font-size: 10px;
	text-align: center;
}

ol li {
	list-style-type: decimal;
}

div.bild-redaktions-tool-unterschrift {
	width: 160px;
	display: inline;
}

div.text-aussen {
	width: 280px;
	float: right;
	background-color: #eaeaea;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 100px;
}

div.float-left-div {
	float: left;
	margin-bottom: 20px;
}

#content div.spalten-3er h1 {
	color: white;
	font-weight: bold;
	font-size: 14px;
	background-color: #b1000b;
	text-indent: 10px;
	float: left;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 20px;
	padding: 1px 0;
}

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

h1.volle-breite {
	text-align: center;
	font-size: 20px;
	margin-bottom: 25px;
}

div.referenz-bilder {
	width: 810px;
	display: block;
	float: left;
	margin-top: 20px;
}

.referenz-bilder img {
	display: inline;
	margin-right: 20px;
	margin-bottom: 50px;
	border: 1px solid silver;
}

body {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.kontaktformular-textarea {
	border: 1px solid silver;
	width: 460px;
}

.kontaktformular-textarea.input-fehler {
	border: 1px solid #b1000b;
	width: 460px;
}

fieldset {
	margin-top: 10px;
}

div.fotografie {
	width: 800px;
}

#content div.fotografie div a img {
	margin-top: 10px;
	float: right;
	margin-left: 10px;
}

img.bilder-redaktions-tool {
	margin-right: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#kontaktformular-felder input.input-fehler {
	border: 1px solid #b1000b;
	height: 20px;
	width: 370px;
	margin-top: 5px;
	background-color: #f0c3ce;
	position:absolute;
	left:90px;
}

#kontaktformular-felder input.input-normal {
	border: 1px solid silver;
	height: 20px;
	width: 370px;
	margin-top:6px;
	position:absolute;
	left:90px;
}

.input-firma {
	border: 1px solid silver;
	height: 20px;
	width: 370px;
	margin-top:2px;
	position:absolute;
	left:90px;
}

.input-firma:hover {
	background-color: #eaeaea;
}

.fehler-textarea {
	border: 1px solid #b1000b;
	width: 460px;
	background-color: #f0c3ce;
}

.input-textbeitrag {	
	left:100px;	
	height: 20px;
	border: 1px solid silver;
}

.input-website {	
	border: 1px solid silver;
	height: 20px;
	width: 345px;
	margin-top:2px;
	position:absolute;
	left:115px;
}

.input-website-fehler {	
	border: 1px solid #b1000b;
	background-color: #f0c3ce;
	height: 20px;
	width: 345px;
	margin-top:2px;
	position:absolute;
	left:115px;

}

.input-dauer-fehler {
	border: 1px solid #b1000b;
	background-color: #f0c3ce;
	height:20px;
	margin-top: 4px;
}

.input-dauer {
	border: 1px solid silver;
	height: 20px;
	margin-top: 4px;
	left:115px;
}

.input-border {
	border: 1px solid silver;
	height: 20px;
	margin-top: 2px;
	left:115px;
}

.input-border-benoetigt {
	border: 1px solid silver;
	height: 20px;
		margin-top: 2px;

	
}

.input-border-benoetigt:hover {
	background: #f0c3ce url(../images/kontaktformular-bg-wirdbenoetigt_01.png) no-repeat 70px;

}

.input-border:hover {
	background-color: #eaeaea;
}

.ausrichtung-input  {
	width:90px;
	display:block;
	float:left;
	
}

.input-adresse-links {
	position:absolute;
	float:left;
}

.input-adresse-links-fehler {
	position:absolute;
	float:left;
	height:20px;
	border: 1px solid #b1000b;
	background-color: #f0c3ce;
}

.input-adresse-rechts {
	position:absolute;
	left:219px;
	float:left;
}

.input-adresse-rechts-fehler {
	position:absolute;
	float:left;
	left:94px;
	height:20px;
	border: 1px solid #b1000b;
	background-color: #f0c3ce;
}


#kontaktformular-felder input.input-benoetigt {
	position:absolute;
	left:90px;
	border: 1px solid silver;
	height: 20px;
	width: 370px;
	margin-top: 6px;
}


#kontaktformular-felder input.input-normal:hover {
	background-color: #eaeaea;
}

#kontaktformular-felder input.input-benoetigt:hover {
	background: #f0c3ce url(../images/kontaktformular-bg-wirdbenoetigt_01.png) no-repeat 290px;
}

div#kontaktformular-felder {
	margin-top: 2px;

}

div.kontaktformular-buttons {
	margin-top: 10px;
	float: right;
}

#kontaktformular-felder select {
	position:absolute;
	left:90px;
	border: 1px solid silver;
}

div#container {
	width: 1010px;
	border-right: 1px solid silver;
	height: 100%;
	float: left;
	padding-right: 2px;
}

#content div.spalten-3er a img {
	margin-left: 4px;
	margin-bottom: 10px;
}

div#text-hinter-bild {
	z-index: -1;
	display: block;
	text-align: center;
	height: 15px;
}

a {
	text-decoration: none;
	color: #b1000b;
}

a:hover {
	text-decoration: underline;
}

#content p a:hover {
	text-decoration: underline;
	color: #b1000b;
	background-color: #eaeaea;
}

div#content {
	background-color: white;
	width: 805px;
	display: block;
	float: left;
	margin-left: 15px;
	position: relative;
	top: 15px;
}

div#kontaktformular-fehlermeldung {
	margin-top: 20px;
	margin-left: 90px;
	padding: 10px;
	background-color: #eaeaea;
}

div#einleitung {
	background-color: #eaeaea;
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

div.fliesstext {
	padding: 0;
	width: 450px;
	display: block;
	float: left;
}

ul.liste-ebene-2 {
	padding-left: 20px;
}

div.spalten-3er {
	padding: 0;
	width: 250px;
	display: block;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

div.artikel-bild_normal {
	width: 310px;
	float: right;
	margin-left: 45px;
}

#spalte-rechts {
	width: 330px;
	display: block;
	float: right;
	background: url(../images/startseite-collage1_01.jpg) repeat-x;
	height: 410px;
	top: 10px;
	position: relative;
	right: 5px;
}

p {
	line-height: 150%;
	padding: 10px;
}

span.kontaktformular-text {
	font-size: 14px;
	line-height: 200%;
}

.navigation li{
	list-style-type: none;
	text-align: left;
	text-indent: -10px;
	padding-left: 20px;
	padding-bottom: 7px;
	padding-top: 7px;
	background-color: #eaeaea;
	margin-bottom: 3px;
	list-style-position: outside;
	border-style: none;
}

.navigation li:hover {
	background-color: #cecece;
	border-style: none;
}

li#navigation-aktiv {
  background-color: white;
  border-style: none;
	border-top-style: solid;
	border-top-color: #b1000b;
	border-bottom-style: solid;
	border-bottom-color: #b1000b;
	border-right-style: solid;
	border-right-color: #b1000b;
}

#navigation-aktiv a {
	color: #b1000b;
}

#navigation-aktiv a:hover {
	color: #b1000b;
	text-decoration: none;
}

li {
	background-color: white;
	list-style-type: square;
	line-height: 150%;
	border: 1px solid white;
	padding: 10px;
	list-style-position: inside;

}

li.farbe-a {
	background-color: #c7e6ef;
}

li.farbe-b {
	background-color: #c4edd2;
}

li.farbe-c {
	background-color: #efebc6;
}

li:hover {
	background-color: #eaeaea;
	border: 1px solid gray;
}

ul.liste-outside {
	width: 240px;
	list-style-position: outside;
	list-style-type: disc;
}

ul.liste-outside li {
	list-style-position: outside;
	position: relative;
	margin-bottom: 10px;
	list-style-type: disc;
	margin-top: 10px;
	margin-left: 20px;
	padding: 0;
}

ul.liste-outside li:hover {
	border: 1px solid white;
	background-color: white;
}

div.navigation {
	background-color: white;
	width: 160px;
	float: left;
	position: relative;
	top: 15px;
	margin-left: 10px;
	border-left: 9px solid #b1000b;
}

.navigation a {
	color: black;
	text-decoration: none;
	line-height: 22px;
	font-size: 14px;
	margin-left: 10px;
}

.navigation a:hover {
	color: black;
	text-decoration: underline;
}

div#footer {
	background-color: #b1000b;
	color: white;
	font-size: 11px;
	text-align: center;
	position: static;
	bottom: 5px;
	margin-top: 70px;
	height: 20px;
	display: block;
	float: left;
	width: 100%;
}

#einleitung p {
	color: #b1000b;
	text-indent: 0;
	margin: 10px;
	font-size: 15px;
	font-style: italic;
}

.lizenzgebuehren {
  padding:0px;
  margin-top:10px;
  width:467px;
}

.lizenzgebuehren th {
  text-align:left;
  width:350px;
  padding:4px;
  color:#fff;
  background-color:#b1000b;
  font-size:14px;
}

.lizenzgebuehren {
  background-color:#eaeaea;
}

.lizenzgebuehren td {
padding:4px;

}

.lizenzueberschrift {
  font-size:15px;
  color:#b100b;
  background:none;
  margin-top:20px;
  text-indent:0px;
}


h2.lizenzueberschrift {
  margin-bottom:20px;
  color:#000;
  margin-bottom:5px;
}


.lizenz-satire {
 width:369px;
}