html, * { margin: 0; padding: 0; border: 0; }
html, body { color: #ccd2dc; font-family: verdana, arial, "sans-serif"; background-color: #ccd2dc; background-image: url(images/body_bg.gif); background-repeat: repeat-y; background-position:49px 0; }

ul { list-style: none }
.edit{ margin: 15px 0 0 0; }

#bild_von_kreinhoefer{ text-indent: -9999px; width: 212px; height: 244px; background-image: url(images/kreinhoefer.png); position: absolute; top:85px; left: 650px; z-index: 10; }

#header1 { height: 180px; width: 100%; background-color: #f4f4f4; background-image: url(images/header1_bg.gif); background-position: right; background-repeat: repeat-y; z-index: 1; position: relative; }
	#header1 ul{ position: absolute; top: 25px; left: 730px; font-size: 11px; text-decoration: none; list-style: none;}
	#header1 ul li{float: left; margin: 0 0 0 10px;	}
	#header1 ul li a{color: #999; text-decoration: none;}
	#header1 ul li a:hover{text-decoration: underline;}
		
		#header2{height: 290px; width: 100%; background-image: url(images/header2_bg.gif); position: relative; z-index: 2; }
			#header2 h2{font-weight: normal; color: #2e2867; font-size: 30px; position: absolute; left: 75px; top:45px; }
			#header2 h3{font-weight: normal; color: #336699; font-size: 18px; position: absolute; left: 115px; top:85px; }
		
#kategorien{ position: relative; top: 149px; left: 50px; width: 800px; height: 146px; }
#kategorien a{ position: relative; }
#kategorien a:hover .kate_headline, #kategorien div.active a .kate_headline{text-decoration: underline;}
	.kate_headline{font-size: 12px; display: block; font-weight: bold; padding: 0 0 5px 0;}
	.kate_text{line-height: 1.5em;}
	.kate_link{text-decoration: underline; display: block; position: absolute; bottom: 6px; left: 6px; background-image: url(images/kategorien/pfeil.gif); background-repeat: no-repeat; background-position: 0 7px; padding: 0 0 0 12px;}
	
	/*
	#kategorien #buerokommunikation{width: 189px; background-image: url(images/kategorien/buerokommunikation.gif); float: left; border-right: 1px solid #fff; background-color: #162b50; }
	#kategorien #datenverarbeitung{width: 189px; background-image: url(images/kategorien/datenverarbeitung.gif); float: left; border-right: 1px solid #fff; background-color: #ae2b2b; }
	#kategorien #internet{width: 189px; background-image: url(images/kategorien/internet.gif); float: left; border-right: 1px solid #fff; background-color: #005782; }
	#kategorien #firmendarstellung{width: 189px; background-image: url(images/kategorien/firmendarstellung.gif); float: left; background-color: #2b8257; } */
	
	#kategorien #buerokommunikation, #kategorien #datenverarbeitung, #kategorien #internet, #kategorien #firmendarstellung { position: absolute; left: 0; top: 0; width: 799px; border-bottom: 5px solid #ccd2dc; height: 140px; }
	
	/*#kategorien #buerokommunikation:hover, #kategorien #buerokommunikation.active:hover { border-bottom: 5px solid #162b50; z-index: 999; }*/
	/*#kategorien #buerokommunikation.active { border-bottom: 5px solid #162b50; z-index: 666; }*/
	#kategorien #buerokommunikation a { left: 0px; background: #162b50 url(images/kategorien/buerokommunikation.gif) repeat-x; }
	
	/*#kategorien #datenverarbeitung:hover, #kategorien #datenverarbeitung.active:hover { border-bottom: 5px solid #ae2b2b; z-index: 999; }*/
	/*#kategorien #datenverarbeitung.active { border-bottom: 5px solid #ae2b2b; z-index: 666; }*/
	#kategorien #datenverarbeitung a { left: 200px; background: #ae2b2b url(images/kategorien/datenverarbeitung.gif) repeat-x; }
	
	/*#kategorien #internet:hover, #kategorien #internet.active:hover { border-bottom: 5px solid #005782; z-index: 999; }*/
	/*#kategorien #internet.active { border-bottom: 5px solid #005782; z-index: 666; }*/
	#kategorien #internet a { left: 400px; background: #005782 url(images/kategorien/internet.gif) repeat-x; }
	
	/*#kategorien #firmendarstellung:hover, #kategorien #firmendarstellung.active:hover { border-bottom: 5px solid #2b8257; z-index: 999; }*/
	/*#kategorien #firmendarstellung.active { border-bottom: 5px solid #2b8257; z-index: 666; }*/
	#kategorien #firmendarstellung a { left: 600px; background: #2b8257 url(images/kategorien/firmendarstellung.gif) no-repeat; border-right: 0; }
	
	#kategorien div:hover, #kategorien div.active { padding: 0 0 1px 0; }
	#kategorien div a { position: absolute; z-index: 1000; width: 189px; height: display: block; border-right: 1px solid #fff; font-size: 11px; color: #fff; height: 130px; padding: 5px; text-decoration: none; }
	#kategorien div a:hover, #kategorien div.active a { height: 131px; z-index: 999; }
	#kategorien div a:hover span.kate_link, #kategorien div.active a span.kate_link { bottom: 7px; }
	
	#kategorien #navi-border-bottom.standard { background: #dde1e8; }
	#kategorien #navi-border-bottom.buerokommunikation_hover { background: #162b50; }
	#kategorien #navi-border-bottom.datenverarbeitung_hover { background: #ae2b2b; }
	#kategorien #navi-border-bottom.internet_hover { background: #005782; }
	#kategorien #navi-border-bottom.firmendarstellung_hover { background: #2b8257; }
	
	#kategorien #navi-border-bottom { height: 5px; width: 799px; position: absolute; bottom: 0; left: 0; }


h1{ position: absolute; top: 25px; left: 50px;  margin: 0; padding: 0;}
h1 a {display: block; height: 135px; width: 203px; background-image: url(images/logo.png); text-indent: -9999px; background-repeat: no-repeat; }

.clear { clear: both; height: 0; overflow: hidden; }

	div#content{color: #677387; margin: 0 24px 0 0; position: relative; left: 75px;  width: 550px; font-size: 12px; float: left;}	
		div#content a { color: #677387; }
		div#content a:hover { text-decoration: none }
		div#content p { line-height: 1.6em; padding: 0 0 15px 0; }
		div#content h4{font-size: 16px; color: #2e2867; font-weight: normal; display: block; border-bottom: 1px dotted #fff; padding: 25px 0 5px 0; margin: 0 0 15px 0; text-transform: uppercase; }
		div#content h5{font-size: 16px; color: #2e2867; font-weight: normal; display: block; border-bottom: 1px dotted #fff; padding: 15px 0 5px 0; margin: 0 0 15px 0; text-transform: uppercase; }
		div#content img { padding: 1px; border: 3px solid #aeb6c7; float: left; margin: 5px 10px 0 0; }
		div#content #willkommen { overflow: hidden }
		div#content ul{ padding: 0; margin: 0; width: 515px;  }
		div#content ul li{ padding: 5px 0 5px 35px; background-image: url(images/list_icon.png); background-repeat: no-repeat;  min-height: 25px; line-height: 1.6em; margin: 0 0 0 0;  }
		
	div#sidebar{float: left; width: 170px; background-color: white; color: #999; margin: 0; font-size: 11px; background-image: url(images/sidebar_bg.gif); position: relative; left: 75px; background-repeat: repeat-x; padding: 25px 15px 25px 15px; }
		div#sidebar h5 { color: #2e2767; font-size: 16px; font-weight: normal; padding-bottom: 5px; border-bottom: 1px solid #cbd1db }
		div#sidebar h6 { color: #c33; font-weight: bold; font-size: 11px; margin: 20px 0 10px 0; }
		div#sidebar .date { font-weight: bold; color: #666; float: left; margin-right: 5px; }
		div#sidebar li { margin-bottom: 10px; }
		div#sidebar p { margin-bottom: 10px; }
	
div#footer{clear: both; width: 100%; margin: 25px 0 0 0; border-top: 1px dotted #fff; height: 35px; line-height: 35px; color: #677387; padding: 15px 0 0 0; }
	div#footer p{font-size: 12px; color: #677387;}
	div#footer a { text-decoration: none }
	div#footer a:hover { text-decoration: underline }
	div#footer #site_info_sub { text-transform: uppercase; margin-left: 113px; }

div#container{ width: 850px;}

#content #boxen { overflow: hidden; margin: 25px 0 0 0; }
#content #boxen .box { float: left; width: 265px; margin: 0 20px 20px 0; }
#content #boxen .box.left { margin: 0; }
#content #boxen .box p { padding: 0; margin: 0 0 5px 0; }
#content #boxen .box img { display: block; float: none; }