﻿
/* standard elements #4c4a41 #cd853f #bdae9d */
html { min-height: 100%; }

* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	padding-top: 25px;
	font:normal 10px verdana, tahoma, arial, sans-serif; 
	background: #2a211c url('img/bgHG1.jpg') repeat-x center top;
    color: #bdae9d;
}

a {color: #7a7168; outline: 0px; text-decoration:none; }
a:hover {color: #bdae9d;}

object { outline: 0px; }
p { padding-bottom: 1.2em; }

li { list-style: none; }

h1,h2,h3 {padding-top: 6px; color: #7a7168; margin-bottom: 4px; text-align:left; }
h1 {font: normal 180% tahoma, sans-serif; }
h2 {font: bold 140% sans-serif; color: #cd853f; }
h3 {font: bold 100% Tahoma,sans-serif; color:#bdae9d; }


/* misc */
.clear {clear: both; font-size: 0; }
.left {float: left; }
.right {float: right; }


/* struc */
#outer-container {
	background: url('img/container.jpg') no-repeat center bottom;
	padding-bottom: 56px;
}
#inner-container {
	/*background: url('img/bodyrepeat.jpg') repeat-y center;
	padding: 0px; 10px; 0px; 10px;*/
	font-size: 120%;
	margin: 0 auto;
	width: 800px;
}


/* headere & title */
#header {
	height: 95px;
	margin-bottom: 0px;
	text-align: center;
	position:relative;
}
#header .title {
	color: #eee;
	/*text-align:left;
	float: left;
	padding-top: 10px;*/
	position:absolute;
	top:10px;
	left:0px;
}
#header .info {
	color:#2a211c;
	/*padding-top: 36px;
	text-align: right;*/
	position:absolute;
	top:24px;
	right:0px;
	height:35px;
	background: url('img/Kl_l.jpg') no-repeat left top; 
	padding:12px 0px 0px 18px;
}
#header .info .slogan {
	background: url('img/Kl_r.jpg') no-repeat right top;
	/*height:37px; 
	line-height:37px;*/
	padding:12px 18px 12px 0px;
}


/* path */
#path {
	/*background: #949490;*/
	color: #7a7168;
	font: normal 1.1em Verdana,sans-serif;
	/*padding: 8px 12px;*/
	height: 66px;
	text-align:left;
}

/* Menu */
#path ul { padding-top: 16px; padding-right:21px; }
#path li {
	padding: 0px; 
	margin: 0px; 
	float: right;
	display:inline;
	margin-right:2px;
}

#path li a , #path li div {
	display: block;
	height: 30px; 
	margin: 0px 0px 0px 0px;
	background: transparent; 
	color:#2a211c;
	text-decoration:none;
}

#path li a span { display:none; }

#path li.seperator div { background: url(img/m_sep.jpg) no-repeat center top; }
#path li.start a { background: url(img/m_start2.jpg) no-repeat left top;  }
#path li.leistungen a { background: url(img/m_leistung2.jpg) no-repeat left top;  }
#path li.kontakt a { background: url(img/m_kontakt2.jpg) no-repeat left top;  }
#path li.news a { background: url(img/m_news2.jpg) no-repeat left top;  }

#path li.seperator { width:10px; }
#path li.start { width: 68px; }
#path li.leistungen { width: 116px; }
#path li.kontakt { width: 93px; }
#path li.news { width: 70px; }

#path li a.on, #path li a:hover { background-position:left bottom; }
/* ~Menu */



/* main */
#main {
	padding: 8px 0px 0px 0px;
}

/*.sborder { margin:5px 0 10px 0; background: url(img/b4px.jpg) repeat-y 547px 0px; }
 content */
.content {
	/*text-align:left;*/
}

.content .news 
{
	padding:0px 5px 0px 5px;
}
.content .text {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px; text-align:justify; line-height:140%; 
}
/*.content .news .text {
	background: url(img/b1px.jpg) bottom repeat-x; padding-bottom:10px; 
}*/
.content .news .text h1 { font: bold 90% Tahoma,sans-serif; color:#bdae9d }
.content .news .text h2 { font: bold 90% Tahoma,sans-serif; color:#cd853f; padding-top: 0px; display:none; }
.content .news .text a { display:none; }
/*.content .news .text p { display:none; }*/
.content .news .text a.on { display:inline; }
.content .news .text dt { float:left; padding-right:5px; }
.content .news .text dt:after { content:":"; }
.content .news .text dd { clear:inherit; color:#bdae9d; }

.content p { text-align:justify; line-height:140%; padding-left:10px; padding-right:10px; }


.content .infosection { }
.content .infosection h3 { color:#7e7264; }
.content .infosection p { line-height:170%; }
.content .mainsection p { line-height:170%; margin-top:15px; margin-bottom:15px; }
/*.content.border { background: url(img/b4px.jpg) right repeat-y; margin-right:0px; padding-right:19px; }*/


/* navigation */
.sidebar {
	width: 235px;
	background: url(img/b4px.jpg) left repeat-y;
	padding-left:20px;
	margin-bottom:20px;
	margin-left:0px;
}
.sidebar h2 {
	color: #7a7168;
	font: bold 1.1em Tahoma, sans-serif;
	line-height: 30px;
	margin: 0px;
	padding-left: 12px;
}
.sidebar ul {
	padding: 1px 0px 0px 0px;
	background: url(img/b1px.jpg) top repeat-x;
}
.sidebar li { background: url(img/b1px.jpg) bottom repeat-x; padding-bottom:1px; }
.sidebar li a {
	font-size: 1.1em;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
	color: #aaa;
}
.sidebar li.selected {
	background-color: #403c35;
	color: #cd853f;	
}
.sidebar li a:hover {
	background: #403c35;
	color: #cd853f;	
}
.sidebar li a span {
	font-size: 80%;
	color: #7a7168;
	display:block;
}
/*.sidebar.border { background: url(img/b4px.jpg) left repeat-y; padding-left:20px;}*/


/* footer */
#footer {
	/*background: #949490;*/
	color: #7a7168;
	font:  1em sans-serif;
	margin-top: 5px;
	padding: 10px 12px;
	/*border-top:1px solid #cd853f;*/
	background:url(img/b4hpx.jpg) top repeat-x;
}
#footer .right {
	color: #4c4a41;
	font: bold 1em sans-serif;
}
#footer a {
	color: #4c4a41;
	text-decoration: none;
}
#footer a:hover {color: #bdae9d;}

#footer a.mail span { display: none; }
#footer a.mail {
	display:inline-block;
	/*width: 20px;*/
	background: url(img/ico_mail.jpg) no-repeat left top; 
	width: 16px;
	height: 15px;
}
#footer a.mail:hover {background-position:left -16px;}