/* CSS Document fuer www.der-holzhof.de */

body {margin:0; padding:0; background-color:rgb(225,225,225); font-family: Verdana, Arial, Helvetica, sans-serif; font-size:101%; text-align:center;} /* text-align:center; um im IE die Layoutboxen auf Mittelachse zusetzen; im div #outer {text-align:left;} wird die Textausrichtung für alle Layoutboxen wieder auf linksbündig gesetzt.*/ 

/*  Schriftformatierung  */  
h1 {padding:0 0px; font-size:130%; font-weight: bold; line-height:normal; color:rgb(0,0,0); letter-spacing:0.3em;}
h2 {padding:0 0px; font-size:90%; font-weight: bold; line-height:normal; color:rgb(0,0,0); letter-spacing:0.1em;}
h3 {padding:0 0px; font-size:80%; font-weight: bold; line-height:normal; color:rgb(0,0,0); letter-spacing:0.1em;}
h5 {margin-left:-18px; margin-right:-20px; padding: 3px 5px 3px 5px; font-size: 70%; line-height:normal; color: rgb(100,100,100); background-color:#F2F2F2;}

p {padding:0 0px; font-size:70%; font-style: normal; line-height: 140%; font-weight: normal; color:rgb(0,0,0);}

/* Listen im content3 */
div#content ul {}
div#content li {font-size:90%; line-height:140%;}

/* andere Links */
a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:active {color:#666; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a:focus {color:#666; text-decoration:none;}

/* Menü */
/* ul {margin:0; padding:0;} */

/* .menuHorizontal ul, li {display:inline; list-style-type:none;} */
.menuHorizontal   {padding-top: 4px; color:rgb(255,255,255); font-size:10px;}
.menuHorizontal a {padding-top: 4px; color:rgb(255,255,255); text-decoration:none; font-size:10px;}
.menuHorizontal a:hover {color:rgb(150,150,150);}

/* .menuVertical ul, li {display:inline; list-style-type:none;} */
.menuVertical a:link    {color:#000; font-size:70%; line-height: 20px; background-color:#CCCCCC; padding-left:20px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.menuVertical a:visited {color:#000; font-size:70%; line-height: 20px; background-color:#CCCCCC; padding-left:20px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.menuVertical a:focus   {color:#000; font-size:70%; line-height: 20px; background-color:#CCCCCC; padding-left:20px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.menuVertical a:hover   {color:#000; font-size:70%; line-height: 20px; background-color:#B6B6B6; padding-left:20px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.menuVertical a:active  {color:#000; font-size:70%; line-height: 20px; background-color:#B6B6B6; padding-left:20px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;} 

.menuVertical_active  {color:#000; font-size:70%; line-height: 20px; background-color:#B6B6B6; padding-left:20px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.menuVertical_active a {color:#000;}


/* .unterMenuVertical ul, li {display:inline; list-style-type:none;} */
.unterMenuVertical a:link    {color:#000; font-size:60%; line-height: 15px; background-color:#CCCCCC; padding-left:30px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unterMenuVertical a:visited {color:#000; font-size:60%; line-height: 15px; background-color:#CCCCCC; padding-left:30px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unterMenuVertical a:focus   {color:#000; font-size:60%; line-height: 15px; background-color:#CCCCCC; padding-left:30px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unterMenuVertical a:hover   {color:#000; font-size:60%; line-height: 15px; background-color:#B6B6B6; padding-left:30px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unterMenuVertical a:active  {color:#000; font-size:60%; line-height: 15px; background-color:#B6B6B6; padding-left:30px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;} 

.unterMenuVertical_active  {color:#000; font-size:60%; line-height: 15px; background-color:#B6B6B6; padding-left:30px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unterMenuVertical_active a {color:#000;}

/* .unter2MenuVertical ul, li {display:inline; list-style-type:none;} */
.unter2MenuVertical a:link    {color:#000; font-size:60%; line-height: 15px; background-color:#CCCCCC; padding-left:40px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unter2MenuVertical a:visited {color:#000; font-size:60%; line-height: 15px; background-color:#CCCCCC; padding-left:40px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unter2MenuVertical a:focus   {color:#000; font-size:60%; line-height: 15px; background-color:#CCCCCC; padding-left:40px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unter2MenuVertical a:hover   {color:#000; font-size:60%; line-height: 15px; background-color:#B6B6B6; padding-left:40px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unter2MenuVertical a:active  {color:#000; font-size:60%; line-height: 15px; background-color:#B6B6B6; padding-left:40px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;} 

.unter2MenuVertical_active  {color:#000; font-size:60%; line-height: 15px; background-color:#B6B6B6; padding-left:40px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unter2MenuVertical_active a {color:#000;}


/* Layoutboxen */

#outer {margin-left:auto; margin-right:auto; margin-top:15px; width:960px; text-align:left;}
#headerBox {width:960px; background-color:rgb(255,255,255); border-left:1px solid rgb(102,102,102); border-top:1px solid rgb(102,102,102); border-right:1px solid rgb(102,102,102);}
#headerImage {height:250px; background-image:url(../images/header.jpg); background-repeat:no-repeat;}
/* #menuHorizontal {padding-right:20px; top:150px; height:20px; background-color:rgb(151,151,151); text-align:right;} */
#menuHorizontal {padding-right:20px; top:150px; height:20px; background-image:url(../images/menu_horiz.jpg); text-align:right;}

#shadow {top:170px; height:20px; background-image:url(../images/shadow.jpg); background-repeat:no-repeat; font-size:9px;} /* font-size, weil sonst die Hoehe von 20px im IE überschritten wird */
#rootline {float: left; margin-left: 160px; padding-top:5px; text-align:left; font-size:100%; color:#B6B6B6;}
#rootline a:link {text-decoration:none; color:#B6B6B6;}
#rootline a:visited {text-decoration:none; color:#B6B6B6;}
#rootline a:hover {text-decoration:none; color:#666;}
#rootline a:active {text-decoration:none; color:#666;}
#rootline a:focus {text-decoration:none; color:#666;}
#search {float: right; padding-top: 3px;width: 140px;}
  
#contentBox {width:960px; background-color:rgb(255,255,255); background-image:url(../images/menu_content_hg.jpg); background-repeat:repeat-y; border-left:1px solid rgb(102,102,102); border-bottom:1px solid rgb(102,102,102); border-right:1px solid rgb(102,102,102);}
#content {width:770px; margin-left:170px; padding-top:20px;}
#menuBox {position:absolute; left: 50%; margin-left: -479px; width:150px; background-color:rgb(204,204,204);}

#footer {width:630px; padding-left:170px; padding-bottom:5px; background-image:url(../images/footer_linie.gif); background-repeat:no-repeat; text-align:center;}

.footer {width:788px; padding-top:15px; font-size:60%; line-height:140%; color:#666; text-align:center;}

/* .csc-sitemap {font-size:100%; font-style: normal; line-height: 140%; font-weight: normal; color:#000;} */

/* table design */

table {border-collapse: collapse; border: 2px solid #ccc; background: #fff;}
td, th {border: 1px dotted #bbb; padding:0 .5em 0 .5em;}

/* Ueberschrift */ 

caption {padding: 0 0 .5em 0; text-align: left; font-size: 1.4em; font-weight: bold; text-transform: uppercase; color: #333; background: transparent;}

/* links
----------------------------------------------- */

table a {padding:1px; text-decoration:none; font-weight: bold; background:transparent;}
table a:link {border-bottom:1px dashed rgb(0,0,0); color:rgb(0,0,0);}
table a:visited {border-bottom:1px dashed rgb(200,200,200); text-decoration:none; color:rgb(248,176,20);}
table a:hover {border-bottom:1px dashed rgb(200,200,200); color:rgb(170,170,170);}

/* head foot
----------------------------------------------- */

thead th, tfoot th {border: 2px solid #000; text-align: left; font-size: 100%; font-weight: bold; color: #333; background: transparent;}
tfoot td {border: 2px solid #000;}

/* body
----------------------------------------------- */

tbody th, tbody td {vertical-align:top; text-align:left;} 
tbody th {white-space:nowrap;}

.odd {background:rgb(240,240,240);}
.even {background:rgb(255,255,255);}

tbody tr:hover {background:rgb(225,225,225);}

/* -------------------------------------------- */

/* img Anweisung fuer linkstyle */
img {border:none;}
	
/* Formulare */
label {
	float:left;
	display:block;
	width:100px;
	margin-bottom:0px;
	padding-left:0px;
}


input, select {
	float:left;
	display:block;
	width:250px;
	border: 0px solid #333;
	background:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:bold;
	color:#666;
	margin-bottom:5px;
	padding:1px;
}

textarea {
	width:auto;
	border:1px #bbbbbb solid;
	background:none;
	float:left;
	display:block;
	margin-right:50px;
	margin-top:3px !important;
	margin-top:0px; /*to fix ie6 position*/
}

/*clearing all floats and fix firefox and ie backgroundcolor-bug */
div.clearer {
	clear:both;
	font-size:1px;
	line-height:1px;
	display:block;
	height:1px;
} 
form {
	width:400px;
	border: none;
}
.form-button {
	margin-left:110px !important;
	margin-left:55px; /*to fix ie6 position*/
	width:100px;
}
.option {
	border:none;
	background:none;
	width:auto;
}
fieldset {
	border:none;
	padding-left:100px;
	padding-bottom:10px;
	display:block;
}
fieldset input {
	width:auto;
	border:1px #bbbbbb solid;
	background:none;
	float:left;
	display:block;
	margin-right:50px;
	margin-top:3px !important;
	margin-top:0px; /*to fix ie6 position*/
}
fieldset label {
	width:auto;
	float:left;
	display:block;
	padding-right:2px;
	font-size:80%; font-weight:normal; color:#000;
	white-space:nowrap; /*to fix ie6 wrapping*/
}


/* Bildunterschriften */
.csc-textpic-caption {padding-left:3px; font-size:70%;}

/* Anpassung fuer Seiteninhalt/Typ/Rahmen/Graue Box (Rahmen1) */
.csc-frame-frame1 {background-color:rgb(235,235,235); border:1px dotted rgb(180,180,180);}
.csc-frame-frame1 h1 {padding:10px 10px 0 10px; font-size:110%;}
.csc-frame-frame1 p {margin:5px 0 5px 0; padding:0 10px 0 10px;}
.csc-frame-frame1 table {border:none; background-color:rgb(235,235,235);}
.csc-frame-frame1 td {border:none; text-align:right;}

  /* macina searchbox */
  #searchform .eingabe {border:1px solid silver; background: #FFF; color:rgb(150,150,150); }
  #searchform .absenden {background-image:url('/fileadmin/images/lupe.jpg'); width:20px; height:16px;}