/*
	Screen Design & CSS:
	design rabe 08/2005
	info@design-rabe.de
*/
/*
	######################################
	Allgemeine Voreinstellungen
	######################################
*/
html, body { height:100%; margin:0; padding:0; }

html {
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
} 

body { background: url(../images/zksbodybg00.jpg) #FFFFFF repeat-x 0 0;	text-align:center; }
body#Bereich1 { background-image: url(../images/zksbodybg01.jpg); }
body#Bereich2 { background-image: url(../images/zksbodybg02.jpg); }
body#Bereich3 { background-image: url(../images/zksbodybg03.jpg); }
body#Bereich4 { background-image: url(../images/zksbodybg04.jpg); }
body#Bereich5 { background-image: url(../images/zksbodybg05.jpg); }

html,body,div,span,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,hr,form,input { font: 100.01%/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #666666; }

a, a:link, a:visited, a:hover, a:active { color: #666666; font-weight: bold; text-decoration: none; }

#inhalt a:hover{ text-decoration: underline; }

div#footer p a:hover{ text-decoration: none; color: #A0A0A0; }

#Bereich1 #inhalt a, #Bereich1 a:hover { color: #990000; }
#Bereich2 #inhalt a, #Bereich2 a:hover { color: #FF6600; }
#Bereich3 #inhalt a, #Bereich3 a:hover { color: #006666; }
#Bereich4 #inhalt a, #Bereich4 a:hover { color: #336699; }
#Bereich5 #inhalt a, #Bereich5 a:hover { color: #CC9900; }

/*
	######################################
	Layout-Container
	######################################
*/

div#totalWrapper{ 
	position:relative; 
	margin: 0 auto; 
	width: 98%; 
	text-align: left; 
	height:auto; 
	min-height:92%;
}
* html div#totalWrapper { 
	height:94%; 
}
	div#header { position:relative; margin: 0; height: 185px; }
		div#topmenue { text-align: right; }
		div#logo { position: absolute; top: 21px; left: 0; }
		div#suche { position: absolute; top: 50px; right: 0; }
		div#mainmenue { position: absolute; top: 136px; left: 0; width: 100%; }
		div#mainmenue #menue_5 { position: absolute; top: 0; right: 0; }
	div#wrapper { position:relative; margin: 0; }
		div#breadcrumb { margin: 0.5em 0 1em -0.1em; }
		div#inhalt { float:left; margin: 0; width:58%; }
		div#spalte_rechts { float:left; margin: -0.75em 0 0 3%; width:35%;}
			div#submenue { font-size: 75%; margin: 0 0 2em 0;}
			div#infobox { margin: 0 0 2em 0; padding: 0 0.75em; border: 1px solid #CCCCCC; background-color: #ffc; font-size: 75%;}
			div#arbeitsmat_navi { margin: 1em 0 2em 0; padding: 0; font-size: 75%;}
	
div#footer {
	padding: 0.5em 10% 0.05em 0; 
	background: url(../images/zksfooterbg.jpg) repeat-x 0 0; 
	text-align: right; 
	clear: both; 
}
* html div#footer { 
}


/*
	######################################
	Textformate
	######################################
*/

dfn { font-style: normal; }

#inhalt, p  { margin-bottom: 1.5em; font-size: 0.75em; line-height: 1.5em;}
h2 { margin: 1em 0 0.5em 0; font-size: 0.9em; line-height: 1.2em; }
h3 { margin: 1em 0 0.5em 0; font-size: 0.9em; font-weight: normal; line-height: 1.2em; }
h4 { margin: 1em 0 0.5em 0; font-weight: bold; font-size: 0.8em; line-height: 1.2em; }
h5 { margin: 1em 0 0.5em 0; font-weight: bold; }
h6 { margin-top: 1em; margin-bottom: 1em; font-weight: normal; }
#inhalt h1 { margin: 0 0 0.5em 0; font-size: 1.5em; font-weight: normal; line-height: 1.2em; }
#inhalt h1.dfn { margin-left: 1.5em; }
#inhalt h1.dfn dfn { float: left; margin-left: -1.5em; height: 2em;}
#inhalt h2 { font-size: 1.25em;}
#inhalt h3 { font-size: 1.05em;}
#inhalt h4 { font-size: 1.05em;}
#inhalt p { font-size: 1em;}

img { border: 0; }

input{ line-height: 1em; }


#inhalt ul {
	padding-left:1.25em;
}

#arbeitsmat_navi fieldset {
	display:block;
	padding:1em;
}
#arbeitsmat_navi .formbutton, #arbeitsmat_navi .suchbutton1 {
	background-color:#ccc;
	color:#000;
	margin-top:0.5em;
	padding:0.15em 0.25em;
}
#arbeitsmat_navi a, p.arbeitsmat_navi {
	margin-top:1em;
	padding-left:1.5em;
	background:url(../images/zks_aufz2.jpg) no-repeat 0 0.45em;
}

/*
	######################################
	Menue-Formate
	######################################
*/

#topmenue ul{ list-style: none; white-space: nowrap; }
#topmenue li { display: inline; }
#topmenue a { margin: 0; padding: 0 0 0 20px; color: #FFFFFF; font-size: 0.65em; text-align: center; text-decoration: none; text-transform: uppercase; }
#topmenue a:hover { color: #FFCC00; }


#mainmenue ul { padding: 10px 0 0px 10px; list-style: none; }
#mainmenue li { display: inline; }
#mainmenue li a { float: left; margin: 0 0 0 1px; padding: 0 0 0 9px; background-position: left top; background-repeat: no-repeat; }
#mainmenue li a span { float: left; padding: 5px 10px 4px 0px; display: block; background-position: right top; background-repeat: no-repeat; color: #000000; font: 0.725em/normal Geneva, Arial, Helvetica, sans-serif; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainmenue li a span { float: none; }

#mainmenue #bereich1 a { background-image: url("../images/buttons_left_01.gif"); }
#mainmenue #bereich1 a span { background-image: url("../images/buttons_right_01.gif"); }
#Bereich1 #mainmenue #bereich1 a { background-position: 0 -150px; }
#Bereich1 #mainmenue #bereich1 a span { padding-bottom: 5px; background-position: 100% -150px; color: #FFFFFF; }

#mainmenue #bereich2 a { background-image: url("../images/buttons_left_02.gif"); }
#mainmenue #bereich2 a span { background-image: url("../images/buttons_right_02.gif"); }
#Bereich2 #mainmenue #bereich2 a { border-width: 0; background-position: 0 -150px; }
#Bereich2 #mainmenue #bereich2 a span { padding-bottom: 5px; background-position: 100% -150px; color: #FFFFFF; }

#mainmenue #bereich3 a { background-image: url("../images/buttons_left_03.gif"); }
#mainmenue #bereich3 a span { background-image: url("../images/buttons_right_03.gif"); }
#Bereich3 #mainmenue #bereich3 a { border-width: 0; background-position: 0 -150px; }
#Bereich3 #mainmenue #bereich3 a span { padding-bottom: 5px; background-position: 100% -150px; color: #FFFFFF; }

#mainmenue #bereich4 a { background-image: url("../images/buttons_left_04.gif"); }
#mainmenue #bereich4 a span { background-image: url("../images/buttons_right_04.gif"); }
#Bereich4 #mainmenue #bereich4 a { border-width: 0; background-position: 0 -150px; }
#Bereich4 #mainmenue #bereich4 a span { padding-bottom: 5px; background-position: 100% -150px; color: #FFFFFF; }

#mainmenue #bereich5 a { margin-left: 15px; }
#mainmenue #bereich5 a { background-image: url("../images/buttons_left_05.gif"); }
#mainmenue #bereich5 a span { background-image: url("../images/buttons_right_05.gif"); }
#Bereich5 #mainmenue #bereich5 a { border-width: 0; background-position: 0 -150px; }
#Bereich5 #mainmenue #bereich5 a span { padding-bottom: 5px; background-position: 100% -150px; color: #000000; }

#mainmenue a:hover { background-position: 0% -150px; color: #FFFFFF; cursor: pointer; }
#mainmenue a:hover span { background-position: 100% -150px; color: #FFFFFF; cursor: pointer; }
#mainmenue #bereich5 a:hover span { color: #000000; }


/* 
	rechtes menue
*/
#submenue ul { list-style: none; }
#submenue li { display: inline; }
#submenue ul li a { 
	display: block; 
	color: #666666; 
	line-height: 1.3em;
	margin: 1em 0 0 0; 
	padding: 0.25em 0.25em 0.25em 2em; 
	border: 1px dashed #CCCCCC; 
	background-color: #ffc; 
}
#submenue ul li a dfn, #submenue ul li a.strong dfn { float: left; margin: 0 0 0 -1.5em; height:3em;}

#submenue li ul li a { 
	margin: 0.5em 0; 
	padding: 0 0 0 4em; 
	border-color: #FFFFFF; 
	font-weight: normal; 
	background-color: transparent; 
}
#submenue li ul li a dfn, #submenue li ul li a.strong dfn { float: left; margin: 0 0 0 -2em; height:2em;}


#Bereich1 #submenue a.strong { color: #990000; border: 1px dashed #FFFFFF; border-bottom-color: #990000; }
#Bereich2 #submenue a.strong { color: #FF6600; border: 1px dashed #FFFFFF; border-bottom-color: #FF6600; }
#Bereich3 #submenue a.strong { color: #006666; border: 1px dashed #FFFFFF; border-bottom-color: #006666; }
#Bereich4 #submenue a.strong { color: #336699; border: 1px dashed #FFFFFF; border-bottom-color: #336699; }
#Bereich5 #submenue a.strong { color: #CCCCCC; border: 1px dashed #FFFFFF; border-bottom-color: #CCCCCC; }

#submenue ul li a:hover { border: 1px dashed #000000; text-decoration: none; }

#Bereich1 #submenue a:hover { border-color: #990000; color: #990000; }
#Bereich2 #submenue a:hover { border-color: #FF6600; color: #FF6600; }
#Bereich3 #submenue a:hover { border-color: #006666; color: #006666; }
#Bereich4 #submenue a:hover { border-color: #336699; color: #336699; }
#Bereich5 #submenue a:hover { border-color: #CCCCCC; color: #CCCCCC; }

#Bereich1 #submenue li ul li a:hover { border-color: #FFFFFF; border-bottom-color: #990000; }
#Bereich2 #submenue li ul li a:hover { border-color: #FFFFFF; border-bottom-color: #FF6600; }
#Bereich3 #submenue li ul li a:hover { border-color: #FFFFFF; border-bottom-color: #006666; }
#Bereich4 #submenue li ul li a:hover { border-color: #FFFFFF; border-bottom-color: #336699; }
#Bereich5 #submenue li ul li a:hover { border-color: #FFFFFF; border-bottom-color: #CCCCCC; }



#footer a { padding: 0 5px 0 5px; color: #666666; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: right; }

div#breadcrumb span { font-size: 0.8em; }
div#breadcrumb a { color: #B6B6B6; }

div.artikellist h3 {
	margin: 1em 0 0.25em 0;
	padding: 0 0 0 20px;
	background: url(../images/zks_aufz.jpg) no-repeat 0 0.35em; 
	font-size: 0.8em; 
}
div.artikellist h4 {
	margin: 0 0 0.25em 20px;
	padding: 0;
	font-size: 0.75em; 
}
div.artikellist p {
	margin: 0 0 1em 20px;
}

/*
	######################################
	Klassen
	######################################
*/


.hidden, hr, .invis { position: absolute; top: -1000px; left: -1000px; width: 0px; height: 0px; display: inline; overflow: hidden; }

.nobr{ white-space: nowrap; }

.clearall { clear:both; }

.suchbutton{ width: 2em; border-width: 1px; background: url(../images/suchlupe.gif) #FFCC00 no-repeat 0 -2px; }

.suchtext{ padding: 0.15em 0 0 0.4em; width: 10em; }

#spalte_rechts .kasten_beitragstitel { margin: -1px -10px; padding: 0.25em 0; font-size: 100%; font-weight: bold; text-align: center; background-color: #ffcc01; border: 2px solid #FFFFFF; border-right: 2px solid #666666; border-bottom: 2px solid #666666; }

#spalte_rechts h3{ font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: normal; border-bottom: 1px solid; }

#spalte_rechts p { margin: 0 0 0.75em 0; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1em; }

#infobox ul{ margin: 0; list-style: none;}
#infobox li{ margin: 0 0 1em 0; line-height:110%;}

span.image_left { float: left; margin-right: 1em; margin-bottom:1em;}

span.image_left img { }

span.image_left span { display: block; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1em; }

span.image_right { float: right; margin-right: 1em; margin-bottom:1em;}

span.image_right img { }

span.image_right span { display: block; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1em; }

span.image_leftblock { float: none; margin-right: 1em; margin-bottom:1em;}

span.image_leftblock img { }

span.image_leftblock span { display: block; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1em; }

span.image_rightblock { float: none; margin-right: 1em; margin-bottom:1em;}

span.image_rightblock img { }

span.image_rightblock span { display: block; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1em; }


.floatkill {
	clear:all; 
	line-height:0;
	font-size: 0;
	margin: 0;
	padding: 0;
}

a.formbutton2{
	color:#666;
	background-color:#ccc;
	text-decoration:none;
}
a.formbutton2:hover{
	color:#ccc;
	background-color:#666;
	text-decoration:none;
}