/* CSS copyright by websteil. 2007 */
/*
=====
Allgemeine Formatierungen
=====
*/
html {
	scrollbar-3dlight-color:#737D82;
	scrollbar-arrow-color:#000;
	scrollbar-base-color:#F8F8F8;
	scrollbar-darkshadow-color:#F8F8F8;
	scrollbar-face-color:#F8F8F8;
	scrollbar-highlight-color:#F8F8F8;
	scrollbar-shadow-color:#737D82;
}
body {	
	margin:0px;
	padding: 0px;
	border: 0px;
	font: 12px Verdana,Arial,Helvetica,sans-serif;
	line-height: 15px;
	color:#333;	
/* 	
	background-attachment: fixed;
	background-image: url(../images/alu_kachel.jpg);
	background-repeat: repeat;
	background-position: left top;
*/
}

body.weiss { background-color: #FFF; }
body.rot { background-color: #B82020; }
body.gruen { background-color: #66C209; }

img { border: 0px;}
a {color: #333; text-decoration: none;}
a:visited {color: #333; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}
a:active { color:#333; text-decoration: none;}

h1 {
	font: 12px Verdana,Arial,Helvetica,sans-serif;
}
h2 {
	font: bold 12px Verdana,Arial,Helvetica,sans-serif;
	margin:0px;
	padding: 5px 2px;
	}
p {
	padding: 5px 4px;
	margin:0px;
}
object { padding: 0px; margin: 0px; border: 0px; }
embed { padding: 0px; margin: 0px; border: 0px; }
form { margin: 0px; padding: 0px; border: 0px; }
/*
===============
DIV-Definitionen
===============
*/

/* ============= BOX ================= */

#box { 
	width: 984px;
	margin: 0px auto;
	padding: 0px;
	background-color: transparent;		
	position: relative;	
}

/* ============= leftBlock ================= */

#leftBlock { float: left; width: 234px; background-color: transparent;}

#logo { width: 234px; height: 270px; padding: 0; clear: both; }
#logo img { margin: 0px 0px 0px 47px; }

#logoprint, #logoprint img  { display: none; }

#menuSub { width: 222px; margin: 0px 0px 0px 12px;}

#menuSub a {
	font-size:11px;
	font-weight: 600;
	color:#333;
	padding: 4px 0 4px 10px;
	text-decoration: none;
	display: block;
  }
  
#menuSub a:hover{ color:#000; font-weight: 500; background: #FFF;}
#menuSub a.active, #menuSub a:hover.active { color: #000; font-weight: 700; background:#FFF;}

#menuSub a.sub {
	font-size:10px;
	font-weight: 500;
	padding-left:30px;
  }
#menuSub a.subactive, #menuSub a:hover.subactive {
	color: #333;
	font-size:10px;	
	font-weight: 600;
	padding-left:40px;
  }     
/* ============= rightBlock ================= */

#rightBlock { 
	float: right; 
	width: 743px; 
	margin-bottom: 20px; 
	padding-right: 7px;
	background: transparent;
	}


/* ---------- spaceDiv  -------------- */

#spaceDiv { width: 743px; height: 42px; }

/* ---------- menuTop  -------------- */

#menuTop { width: 743px; height: 36px; margin: 0 0 1px 0}
html > body #menuTop { height: 36px; margin: 0 0 2px 0}

#menuTop ul {	margin:0 0 -14px 0; padding: 0;}
html > body #menuTop ul {	margin:0 0 -13px 0;}

#menuTop li {	display: inline; list-style-type: none; width: 120px;}


#menuTop a, #menuTop a:visited {
	font: normal 11px verdana, arial, helvetica, sans-serif;	
	padding: 3px 30px 3px 20px;
}
	
#menuTop a:hover { background-color: #fff; }

#menuTop a.active, #menuTop a:visited.active { background-color: #fff; font-weight: 600;}


br.all { clear: both; }

#menuTop p.white {
	margin: 0px;
	padding: 0px;
	width: 743px;
	height: 20px;	
	background: none;
	background-color: #fff;
}

/* ---------- imageDialog  -------------- */

#imageDialog { width: 743px; height: 161px; margin-bottom: 0px; }
html > body #imageDialog  { margin-bottom: 0px; } /* FF-Hack */

/* ---------- content  -------------- */

#content { 
	float: left; width: 685px; margin: 0 0 1px 0; padding: 0px 29px 20px 29px; background-color: #FFF;
	min-height:370px;
	height:expression(this.scrollHeight > 400 ? "auto":"370px"); 
 }

#content p { text-align: justify;}
#content img {
	padding: 5px 4px;
	margin:2px 2px 2px 4px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #666;
}

/* HR */ 
#content div.hr { height:1px; background:url(../images/hr.gif) repeat-x scroll left; margin:5px 0 5px 0; }
#content div.hr hr { display:none; }

.sprechstunde {	margin: 2px auto;}
.sprechstunde td { text-align: center; padding: 2px; border-right: 1px solid #666;}

/* ### sitemap  ### */
#sitemap { 
	margin: 0 auto;
	padding: 0 0 20px 50px;
	width: 390px;
	background-color: #CCC;
	border: 1px solid #737D82;
}

#content #sitemap a, #sitemap a:visited  {
	padding: 1px 4px;
	font: 500 11px Verdana,Arial,Helvetica,sans-serif;
	color: #333; 
	text-decoration: none;
}
#content #sitemap a:hover {color: #333; text-decoration: none; background: #FFF;}
#content #sitemap a:active { color:#333; text-decoration: none; background: #FFF;}


#content #sitemap .menublock {
	width: 300px;
	display: block;
	margin: 6px 0px 4px 0px;
	padding: 2px; 
	background: #F0F0F0;
	border-top: 1px solid #9EA4A6;
	border-left: 1px solid #9EA4A6;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	font-weight: 600;
}
#content #sitemap .menublocksub {
	width: 280px;
	display: block;
	margin: 6px 0px 0px 2px;
	padding: 1px;
	font-size: 10px;
	font-weight: 700;
	/*background: #FFF;*/	
}
#content #sitemap .menublocksub a{	font-size: 11px; font-weight: 600; }

#content #sitemap .menublocksub2 {
	width: 280px;
	display: block;
	margin: 0px 0px 0px 20px;
	padding: 1px;
	/*background: #FFF;*/
	font-size: 10px;
	font-weight: 500;	
}
/* ---------- footer  -------------- */

#footer {
	clear: both;
	width:733px;
	background-color: #CCC;
	margin: 0px;
	padding: 2px 10px 2px 0;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	color: #333;
	text-align: right;	
 }

#footer a, #footer a:visited { color:#666; font-weight: 600;}
#footer a:hover, #footer a:active{ color:#FFF; }

/*
===============
DIV - Definitionen- Spezial
===============
*/

/* ============= xxx ================= */
.glossarindex { margin: 0px; padding: 2px; border: 1px solid #CCC; background: #F1F1F1;}
.glossararrow { float: right; border: 0px; margin: 6px; width:9px;}

/* align="right" border="0" height="10" hspace="6" vspace="6" width="9" */

/* ============= Nachbehandlung Tabelle ================= */
.downloadpdf {
	width: 600px;
}
.downloadpdf td{
	border-top: solid 0px #9EA4A6;
}
/* =============  FOMULAR ELEMENTE  =============== */

.kontakt {
 width: 560px;
 margin: 0px auto;
}
.kontakt td{ color:#5E6970; }

input
   { font-size:11px; font-family:Verdana,Arial; color:#333;
	width: 240px;
	margin: 2px 0px;
	background-color:#FFF;
	border-top: solid 1px #9EA4A6;
	border-right: solid 1px #9EA4A6; 
	border-bottom: solid 1px #9EA4A6;
	border-left: solid 1px #9EA4A6;   
    }   
.pflicht {
	border-bottom: solid 1px #B82020;
}
.button1
   { font-size:11px; font-family:Verdana,Arial; color:#FFF;
	width: 100px;
	background-color: #B82020;
	border: solid 0px #000;
    }
.button2
   { font-size:11px; font-family:Verdana,Arial; color:#5E6970;
	width: 100px;
	background-color: #EFEFEF;
	border: solid 0px #000;
    }	
.message
   { font-size:11px; font-family:Verdana,Arial; color:#333;
	width: 240px;
	background-color: #FFF;
	border: solid 1px #9EA4A6;
	overflow: auto;  	
    }	

/* ################# CSS NEWS ###################### */

.newstable { width: 600px; margin: 0px auto; }
.newstable td{ padding: 4px; background: #EFEFEF; text-align: justify; font: 11px Verdana,Arial,Helvetica,sans-serif;}
.newstable td.newsline { color: #FFF; background: #B82020; padding: 2px;}

.newsthumb { float: right;  margin: 2px; padding: 1px;}
.newsthumbbig { float: right;  margin: 2px 2px 2px 20px; padding: 1px;}