/* Allgemein
************************************************/
html {
	height:100%;
}
body {
	margin: 0;
	padding: 0;
	font: 12px/17px Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	background:#252017;
	
}
img { border : 0px;}
table {	border : 0px;}

/* Horttabellen
*************************************************/
#horttable {
  border-collapse: collapse;
}
#horttable td, #horttable th {
  border: 1px solid #CACDD0;
}
/* Schultabellen
*************************************************/
#schultable {
  border-collapse: collapse;
}
#schultable td, #schultable th {
  border: 1px solid #CACDD0;
}


/* Konstrukt
************************************************/
#outout {
	margin:0;
	padding:0;
	background: url(../pics/bg_global.gif) repeat-x;
}
#outerWrapper {
	width: 800px;
	margin: 0 auto;
	padding:0;
}
#header {
	height: 292px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#logo {
	padding: 0;
	margin: 0;
	float:left;
}
#clear {
	clear:both;
}
.startseite {
	width:800px;
	height:196px;
	margin:0;
	padding:0;
	background: url(../pics/header-grafik-01.jpg) no-repeat;
}
.hort {
	width:800px;
	height:196px;
	margin:0;
	padding:0;
	background: url(../pics/header-grafik-hort-01.jpg) no-repeat;
}
.foerder {
	width:800px;
	height:196px;
	margin:0;
	padding:0;
	background: url(../pics/header-grafik-foerder-01.jpg) no-repeat;
}
#content {
	width:746px;
	margin:0;
	padding:14px 27px;
	text-align:left;
	background: url(../pics/bg_content.gif) repeat-y;
}
#content #leftcol {float: left; width: 183px; margin: 0; padding:0;}
#content #rightcol {float: left; width: 536px; margin: 0; padding:0 0 0 27px;}

#content h2 {font: 1.8em Arial, Helvetica; margin: 0 0 0.4em 0;}
#content h3 {font: 1.2em Arial, Helvetica; margin: 0 0 0.6em 0; font-weight:bold; color:#676662;}

#content .box {float: left; width: 183px; background: url(../pics/box-bottom.gif) bottom no-repeat; margin-bottom: 18px;}
#content .box h3 {float: left; width: 155px; background: url(../pics/box-top.gif) top no-repeat; padding: 10px 14px; text-transform: uppercase; font-weight: bold; font-size: 1.3em; margin: 0;}

#content .boxinner { clear: both; padding: 0 14px 10px 14px;}
#content .box li {border-top: 1px solid #dbd8d2; padding: 6px 0 38px 0;}

#content .box .date {color: #777; font-size: 0.9em;}
#content .box h4, #content .box p {margin: 0; padding:0; font-size: 1em;}

#content p {margin: 0 0 0.8em 0;}

.boxinner ul {list-style: none; margin: 0 0 10px 0; padding:0; border-bottom: 1px solid #c5c2bc;}
.boxinner img { padding:4px; margin-right:13px; background:#d3d1ce; border:1px solid #bcbcbc;}

.more {text-align: right; margin: 0;}
#content .box .more {margin-top: -5px;}

/* verschiedene Textfarben
*********************************************/
.green { color:#008000; }
.blue {color:#003366;}
.red {color:#ff0000;}

h1 {font: bold 24px Arial, Helvetica, sans-serif; color: #2d322c; margin: 26px 0 10px 0; letter-spacing: -1px;}

hr {
	height: 1px;
	color: #CACDD0;
	border: none;
	border-top: 1px solid #CACDD0;
	margin: 0 0 10px 0; 
}

/* Links
************************************************/

#content a, #content a:visited {font-weight:bold; color: #ff6c00; text-decoration:underline; }
#content a:hover {font-weight:bold; color: #ff6c00; text-decoration:none;}

/* Form
************************************************/
form {
	margin:0;
	padding:0;
}
textarea{
	border:1px #CACACA solid;
	font-size: 11px;
	font-family: verdana;
}
select 	{
	border:1px #CACACA solid;
	color: #424242;
	font-size: 11px;
	font-family: verdana;
} 

/* Footer
************************************************/

#footer {
	font: 10px Lucida Sans Unicode, Arial, Verdana;
	padding: 14px 27px;
	margin: 0 auto 30px auto;
	background:#252017;
}
#footercontent {
	color:#b2aea1;
	margin: 0 auto;
	width:746px;
}
.footer-left {
	float:left;
}
.footer-right {
	float:right;
}
#footer a, a:visited {color: #b2aea1; text-decoration:none; }
#footer a:hover {color: #ff6c00; text-decoration:none;}
/* form 
**********************************************/
#middlecol-kontakt {
	width:372px;
	height: 265px;
	min-width:120px; 
	margin:0;
	padding:20px;
	background: url(../pics/bg_form_kontakt.gif) no-repeat;
}
#middlecol-anfrage {
	width:372px;
	min-width:120px; 
	margin:0;
	padding:20px;
	background: url(../pics/bg_form_kontakt.gif) no-repeat;
}
#formspace {
	padding-top: 7px;
}
/* projekte
**********************************************/

.thumb { width:160px; height:164px; float:left; margin:0 25px 8px 0;}
.titel {font: 10px/13px Verdana, Arial, Helvetica, sans-serif; color:#777; padding-top:3px;}
#content .thumb a { display:block; border:1px solid #a9a9a9;}
#content .thumb a:hover {border-color:#ed1917;}

/* galerie
**********************************************/

.thumb-galerie { width:160px; height:119px; float:left; margin:12px 25px 12px 0;}
.titel {font: 10px/13px Verdana, Arial, Helvetica, sans-serif; color:#777; padding-top:3px;}
#content .thumb-galerie a { display:block; border:1px solid #a9a9a9;}
#content .thumb-galerie a:hover {border-color:#ed1917;}

/* Nav List
************************************************/
#nav2 {
margin:0 0 18px 0;
padding: 0;
font: 1.0em Arial, Verdana, Helvetica, sans-serif;
text-transform: uppercase;
width: 183px;
float: left;
}
#leftcol #nav2 a {
/* background: url(../pics/bg-subnav.gif) 6px 0px no-repeat !important; */
background: url(../pics/bg-subnav.gif) 0px 0px no-repeat;
padding: 9px 0 0 20px;
color: #41413d;
display: block;
height: 25px;
font-weight:bold;
text-decoration:none;
}
#leftcol #nav2 a:hover {
/*background: url(../pics/bg-subnav-ov.gif) 6px 0px no-repeat !important; */
background: url(../pics/bg-subnav-ov.gif) 0px 0px no-repeat #f7f7f7; 
padding: 9px 0 0 20px;
color: #ff6c00;
}
#leftcol #nav2 ul { list-style: none; padding: 0; margin: 0; }
#leftcol #nav2 li { margin: 0; padding: 0; display: inline; }

/* galerie
**********************************************/

.middlecase {
	margin:20px 0 20px 0;
	padding:0;
}
.middle-galerie { width:119px; height:90px; float:left; margin:0 12px 12px 0;}
.titel {font: 10px/13px Verdana, Arial, Helvetica, sans-serif; color:#777; padding-top:3px;}
#content #rightcol .middle-galerie a { display:block; border:1px solid #d7bebe;}
#content #rightcol .middle-galerie a:hover {border-color:#6f1514;}