/* *** CSS MAB Bibliothek *** */
/* *** Worksoft, Jacqueline Udry www.worksoft.ch *** */
/* screen.css  */

body {
background-color: #efefef;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#666;
padding:0px;
margin:0px;
}
a {
color: #904848;
text-decoration:none;
}
a:hover {
text-decoration:underline;
color: #7d7d7d;
}
a:active, a.aktiv {
color:#7d7d7d;
}

h1 {
font-size: 16px;
color: #904848;
margin:0 0 30px;
}
h1 a:hover	{
	color:#904848;
}
p + h1, p + h2, ul + h2, table + h2	{
margin-top:40px;
}
h2 + p	{
margin:0;
padding:0 0 8px;
}
h2 {
font-size:14px;
color: #904848;
margin:20px 0 10px;
}
h3 {
font-size:12px;
color: #904848;
margin:20px 0 5px;
}
p + h3, ul + h3	{
margin-top:40px;
}
h4 {
font-size:11px;
margin:20px 0 5px;
}
h5	{
font-size:11px;
margin:20px 0 3px;
color: #904848;
}
h5 a {
text-decoration:underline;
}
h5 + p	{
margin:0;
padding:0;
}

td	{
padding: 5px;
vertical-align:top;
}

/* ----------container zentriert das layout-------------- */
#container {
width: 900px;
padding:0px;
margin:0px auto;
border-left:3px solid #fff;
border-right:3px solid #fff;
background-color:#fff;
} 
/*Style für Hauptmenu MAB*/
#topmenu	{
width:900px;
background-color:#336699;
height:24px;
/*background-color:#904848;*/
border-bottom:0px solid #a6a6a6;
}
#topmenu ul
{
padding-left: 0px;
margin: 0px;
color: #FFF;
float: left;
}
#topmenu ul li
{
display: inline;
margin:0;
padding:0;
}
#topmenu ul li a
{
font-size:11px;
padding: 0.5em 1em;
color: #FFF;
font-weight:bold;
text-decoration: none;
float: left;
/*border-right: 1px solid #fff;*/
border-left: 1px solid #fff;
/*background-color:#336699;*/
}
#topmenu ul li a:hover
{
/*background-color: #fff;
color: #666;*/
text-decoration:underline;
}

/* ----------banner for logo-------------- */
#banner {
/*width:900px;
height:62px;
text-align:left;*/
border-bottom:0px solid #a6a6a6;
text-align: left;
padding: 0px;
margin: 0;
margin:0 0 5px;
}
#banner img	{
	margin:5px 0;
	border-top:3px solid #a6a6a6;
	border-bottom:3px solid #a6a6a6;
	border-left:none;
	border-right:none;
}

/* ----------outer und inner----------------- */

#outer{ 
border-left: solid 193px #ddd; /* linke Menue Spalten Farbe  */ 
border-right: solid 180px #eee; /* rechte Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
} 

#inner{margin:0; width:100%; }

/* --------left navigavtion------- */
/* --------Menu Bibliothek---------*/
#menu {
 width:193px; 
 float:left; 
 position:relative; 
 margin-left:-193px; 
 margin-right:1px;
 border-top:5px solid #fff;
 }
#menu ul	{
list-style:none;
margin: 0px;
padding: 0px;
}
#menu ul ul	{
list-style:none;
margin: 0px;
padding: 0px;
}
#menu ul li a	{
display:block;
color:#fff;
font-weight:bold;
/*border-top:5px solid #fff;*/
border-bottom:1px solid #fff;
padding: 5px 20px;
text-decoration:none;
background-color:#a6a6a6;
width:193px;
voice-family:"\"}\"";
voice-family:inherit;
width:153px;
}
#menu ul ul li a	{
display:block;
color:#999;
font-weight:bold;
/*border-top:none;*/
border-bottom:1px solid #fff;
padding: 0.5em 20px;
text-decoration:none;
background-color:#ddd;
width:193px;
voice-family:"\"}\"";
voice-family:inherit;
width:153px;
}
#menu ul li a:hover, #menu ul li a.aktiv {
/*background-color:#336699;*/
background-color:#7d7d7d;
}
#menu ul ul li a:hover {
color:#666;
background-color:#fff;
}
#menu ul ul li a.aktiv{
color: #904848;
background-color:#fff;
}
/* --------------right navigavtion------------- */
#right {
width:180px; 
float:right; 
position:relative; 
margin-right:-180px; 
margin-left:1px;
}
#right p	{
margin:15px;
padding:0;
}
#right h2	{
color:#666;
font-size:11px;
text-transform:uppercase;
background-color:#ddd;
margin: 0;
padding:4px 15px;
border-top:5px solid #fff;
border-bottom:2px solid #fff;
}
#right div.box	{
/*border-top:5px solid #fff;*/
width:150px;
margin:0;
padding: 5px 15px;
background-color:#ddd;
color:fff;
border-top:5px solid #fff;
}
.box h3	{
color:#666;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
margin:0;
padding:0;
}
.box form	{
margin:5px 0;
}
.box input.field	{
width:120px;
border:1px solid #564b47;
}
.box input.button	{
width:20px;
/*border:1px solid #564b47;
background-color:#eee;*/
margin-left:2px;
font-size:11px;
font-weight:bold;
}
#right ul	{
list-style:none;
margin: 5px 0 10px;
padding: 0px;
color: #904848;
}
#right ul ul	{
list-style:  square;
list-style-position: inherit;
margin:0;
padding:0;
}
#right ul li	{
padding: 3px 15px;
}
#right ul li ul li	{
padding: 3px 0;
margin:0 0 0 20px;
}

/* -----------------Inhalt--------------------- */ 
#logo	{
display:none;
}
#content{ 
position: relative; 
margin: 0px; 
padding: 10px 20px 20px;
overflow: hidden;
}
div#content { 
	min-height:500px;
	height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}
p {
padding: 8px 0;
margin:0px;
line-height:150%;
}
#content ul	{
	margin:0 0 20px;
	padding-left:20px;
}
#content ul li	{
	margin:5px 0;
}
#content label	{
	margin-left: 20px;
}
#content label textarea	{
	margin-left: 20px;
}

/*  ----------------footer---------------------- */ 

#footer	{
clear:left;
height:20px;
color:#fff;
font-size:12px;
background-color:#a6a6a6;
padding:3px 0px 0px 20px;
margin:0;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
#footer a	{
color:#FFFFFF;
text-decoration:underline;
}
#footer a:hover	{
text-decoration:none;
}

/* für Kontakformular*/
.ab	{
	padding-top:5px;
/*	clear:left; */
}
.bez	{
	float:left;
	width:120px;
}
.formw	{
	width:300px;
	text-align:left;
}


/*Allgemeine Formatierungen */
.einzug	{
	float:left;
	width:120px;
}
.tabelle	{
padding:5px;
color:#fff;
background-color:#a6a6a6;
border: thin solid #7d7d7d;
width:150px;
text-align:center;
margin:10px;
}
.bildre	{
float:right;
margin: 0 0 0 20px;
}
.klein	{
	font-size:10px;
}
table.dienstleistung	{
border: thin solid #7d7d7d;
border-collapse: collapse;
margin: 10px 20px;
}
.rot	{
color: #904848;
}

.bereich {
 position: absolute;
}
/*Formatierung der Beschreibungs-Layern auf der Kontaktseite*/
.beschreibung {
 color: #76835F;
/* background-image: url(ausruf.gif);*/
background-color:#FFF;
border:1px solid #000;
 background-repeat: no-repeat;
 width: 390px;
 min-height:80px;
/* height: 110px;*/
 position: relative;
/* left: -15px;*/
top:-50px;
left:80px;
 display: block;
 padding: 10px;
 line-height:150%;
}
.beschreibung img	{
float:left;
padding-right:10px;
}
.beschreibung h3	{
margin: 0;
}