/* hvo24.de */

html {
	height: 100.3%;
	font-size: 62.5%;
	background: #FFFFFF; /* Seitenhintergrund */
}
body {
	/* text-align: center; */
	font: 1.2em/1.8em Verdana, Arial, sans-serif;
}

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

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	margin: 0em 0em 0.2em 0em; 
	color: #000000;
	line-height: 1.2em;
}
h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.0em;}

a {color: #000000; text-decoration: none;}
a:link {}
a:visited {text-decoration: none;}
a:hover {}
a:active {}

li {color: #000000;}
p {color: #000000; margin-bottom: 10px;}

div#wrapper {
	max-width: 950px;
	margin:50px auto 0px auto;
	border: 2px solid #FF0000;
	text-align: left;
	background: #FcFcFc;}

div#header {
	height: 150px;
	background: #FFFFFF url(../images/logo2017_472.png) no-repeat center center;
	/* border-bottom: 2px solid #000000; */
	/*border-top-left-radius: 25px;*/
	/*border-top-right-radius: 25px;*/
	padding: 5px 5px 5px 5px;
}
div#logo {
	cursor: pointer;
	height: 90%;
	width: 250px;
}
div#header h1 {font-size: 1.0em; color: #00654C;}
div#header h2 {font-size: 1.6em; color: #00654C;}
div#header h3 {font-size: 1.4em; color: #00654C;}
div#header h4 {font-size: 1.4em; color: #00654C;}
div#header h5 {font-size: 1.2em; color: #00654C;}
div#header h6 {font-size: 1.0em; color: #00654C;}
.abstandoben{margin-top: 25px;}
div#wrap_content {}

div.box {
	float: left; 
	width: 400px;
	min-height: 125px;
	margin: 0px 20px 20px 0px;
	border: 1px solid #FF0000;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 10px;
}
ul li.gallery {display: inline;}
div.box h6 {margin-bottom: 0em; padding: 0.4em 1.0em 0.6em 1.0em; color: #FFFFFF; line-height: 1.0em; background: #DEDEDE; border-bottom: 1px solid #CCCCCC;}
p.boxtext {padding: 10px; font-size: 0.9em; line-height: 1.4em;}

div#indexpic
{
	background: url(../images/holz_rohstoff.jpg) repeat-x;
	min-height: 200px;
}

div#maintext {
	margin: 5px 5px 5px 5px;
	padding: 5px 0px 10px 0px;
	min-height: 400px;
	/*border: 1px solid #000000;*/
	/*overflow: auto;*/
	background: #FFFFFF;
}
div#maintext p a.int {padding: 2px 4px; background: #4D4D4D; color: #CCCCCC;}
div#maintext p a.int:hover {background: #CCCCCC; color: #4D4D4D;}
div#maintext p a.ext {padding: 1px 2px; background: #FFEED7; color: #FF9900; border-bottom: 1px solid #FF9900;}
div#maintext p a.ext:hover {background: #FF9900; color: #FFEED7;}
a.int {background: url(../images/link_int.gif) no-repeat left bottom;}
a.ext {background: url(../images/link_ext.gif) no-repeat left bottom;}
a.int, a.ext {padding-left: 16px;}

div#maintext ul {list-style-type: none; font-weight: bold; padding-left: 10px; padding-bottom: 10px;}
div#maintext ul.dots {color: #000000; list-style-type: square; font-size: 1.2em; font-weight: normal; padding-left: 20px; padding-bottom: 10px;}
div#maintext li.submenu {color: #000000; list-style-type: disc; font-size: 1.0em; font-weight: normal; padding-left: 5px; padding-bottom: 0px;}
div#maintext li span {color: #000000;}
div#maintext p{font-size: 1.2em; padding-bottom: 10px;}
div#maintext p.sm{font-size: 1.0em; padding-bottom: 10px;}

div#maintextsm{
	width: 490px;
	/*background: #cccccc;*/
}

div .impressum{
	float: left;
	padding: 10px 25px 10px 25px;
}
div .impressum a {color: #CCCCCC; padding-bottom: 1px;}

div#colright {float: right; width: 425px; margin: 0px 0px 0px 10px; background: #FFFFFF;/*border: 1px solid #ffffff;*/}
div#colright.abstand{margin-top: 5px; padding-left: 15px; /*border: 1px solid #bbbbbb;*//*background: #bbbbbb;*/}
div#colright ul {list-style-type: none; /*font-weight: bold;*/}
div#colright li a {
	width: 225px;
	display: inline-block;
	padding: 0px 0px 2px 0px;
	margin-bottom: 10px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	font-size: 1.2em;
	/*background: #FF9900;*/
	color: #4D4D4D;
	/*border: 1px solid #245383;*/
}

div#colright ul li a.youtube{background: url(/images/youtube.png) no-repeat right top;}
div#colright h1{color: #4D4D4D;}
div#colright h2{color: #4D4D4D;}
div#colright h3{color: #4D4D4D;}
div#colright h4{color: #4D4D4D;}
div#colright h5{color: #4D4D4D;}
div#colright h6{color: #4D4D4D;}

div .boxlink {
	float: right;
	width: 160px;
	margin-right: 35px;
	}

/*div#boxlink a {background: #4D4D4D; width: 150px; font-weight: bold; color: #FFFFFF; padding: 2px; margin-bottom: 50px; margin-top: 50px;}*/

div .boxlink li {
	display: block;
	color: #FFFFFF;
}
div .boxlink li a {
	width: 150px;
	display: block; 
	padding: 0px;
	margin-bottom: 2px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	/*font-size: 1.0em;*/
	background: #4D4D4D;
	color: #FFFFFF;
	/*border: 1px solid #245383;*/
}

div .boxlink li a:hover {
	background: #CCCCCC;
	color: #4D4D4D;
/*	border: 2px solid #3A6EA5;
	border-bottom: 2px solid #23238E;
	border-left: 2px solid #23238E;*/
}

div .boxlink h1 {font-size: 1.4em; border: 0px; margin: -1px; padding: 5px; text-align: center;}
div .boxlink h2 {font-size: 1.3em; margin: -1px; padding: 5px; text-align: center;}
div .boxlink h3 {font-size: 1.2em; margin: -1px; padding: 5px;}
div .boxlink h4 {font-size: 1.2em; margin: -1px; padding: 5px;}
div .boxlink h5 {font-size: 1.2em; margin: -1px; padding: 5px;}
div .boxlink h6 {font-size: 1.2em; margin: -1px; padding: 5px;}
div .boxlink p {padding: 5px;}

div#boxlong1, div#boxlong2, div#boxlong3, div#boxlong4, div#boxlong5, div#boxlong6, 
div#boxlong7, div#boxlong8, div#boxlong9, div#boxlong10, div#boxlong11, div#boxlong12,
div#boxlong13, div#boxlong14, div#boxlong15, div#boxlong16, div#boxlong17, div#boxlong18,
div#boxlong19, div#boxlong20, div#boxlong21, div#boxlong22, div#boxlong23, div#boxlong24, 
div#boxlong25{
	/*background: #bbbbbb;*/
	/*border: 2px solid #4D4D4D;*/
	min-height:100px;
	margin-bottom: 5px;
	padding: 5px;
	}

div .pressethumbnail{float: left; height: 260px; margin: 5px 31px 0px 0px;}
	
div .pressebox{
	/*border: 2px solid #4D4D4D;*/
	/*min-height:320px;*/
	clear: both; /*20121008*/
	width: 770;
	margin-bottom: 5px;
	padding: 0px;
	}
	
h1.boxlong {font-size: 1.4em; color: #4D4D4D;}
h2.boxlong {font-size: 1.3em; color: #4D4D4D;}
h3.boxlong {font-size: 1.2em; color: #4D4D4D;}
h4.boxlong {font-size: 1.2em; color: #4D4D4D;}
h5.boxlong {font-size: 1.2em; color: #4D4D4D;}
h6.boxlong {font-size: 1.2em; color: #4D4D4D;}
p.boxlong {font-size: 1.2em; color: #000000;}
/*a.boxlong {font-size: 1.0em; color: #4D4D4D; border: 1px dotted #4D4D4D; margin-left: 400px; padding: 2px;}*/

div#kontaktright {float: right;
				width: 475px;
				min-height: 350px;
				padding: 10px 0px 0px 0px;
				/*background: #4D4D4D;*/
				}
div#kontaktright p {font-size: 1.2em;}

input, textarea {background: #FFFFFF; border:2px solid #FF0000;}
form .Auswahl{background: #FFFFFF; border:2px solid #FF0000; width: 450px;}
form .Auswahl_sm{background: #FFFFFF; border:2px solid #FF0000;}
form .feld{width: 450px;}
form .feldsm{}
.Button { background-color:#FFFFFF; color:#FF0000; width:225px; border:2px solid #FF0000; margin-right: 4px;}


div#footer {
	padding: 5px 5px 5px 5px;
	text-align: left;
	border-top: 1px solid #FF0000;
	background: #FFFFFF;
	margin: 20px 0px 0px 0px;
}
div#footer h1 {font-size: 2.6em; color: #00654C;}
div#footer h2 {font-size: 1.6em; color: #00654C;}
div#footer h3 {font-size: 1.4em; color: #00654C;}
div#footer h4 {font-size: 1.4em; color: #00654C;}
div#footer h5 {font-size: 1.2em; color: #00654C;}
div#footer h6 {font-size: 1.0em; color: #00654C;}

div#boxdesigner {
	text-align: right;
	color: #00654C;
	float: right;
	width: 215px;
	}
div#boxdisigner a{color: #0090C9;}
.defloat {clear: both;}
.txtblue{color: #0090C9;}
.txtorange{color: #FF9900;}
.txtred{color: #D43028;}
.txtgrey{color: #4D4D4D;}
.bgblue {background: #B1C0FF; color: #000000; padding-top: 2px; padding-bottom: 2px;}
.bgorange {background: #FFCD8B; color: #000000; padding-top: 2px; padding-bottom: 2px;}
.txtright{text-align: right;}
.txtcenter{text-align: center;}

p.block{font-size: 1.2em; text-align: justify; padding-bottom: 10px;}

div.extended {background: #FFCD8B; padding: 5px;}

div.extended a {color: #000000; background: #FF0000;}

div.extended a:focus, div.extended a:active {}	

div.extended a span {color: #000000; display: none;}

div.extended a:focus span, div.extended a:active span {display: block; text-decoration: none;}

img.kachel {margin: 0px 40px 10px 0px;}
			
img.borderkachel {
	margin: 0px 10px 10px 10px;
	border: 2px solid #FF9900;
}

img.imgborder {border: 1px solid #FF9900;}

/* Styles für Gästebuch in cgi-data\global\general.tpl*/