
* {
	padding: 0;	margin: 0; }

body {
	height: 100%; background: #fff url(../img/sitebg.gif) center top repeat-y;
	font: normal small verdana, arial, helvetica, sans-serif; }

/** Funktionsgruppen *********************************************************/
a {
	color: #868860;	text-decoration: none; }

a:hover {
	text-decoration: underline; }

a.boxlink, a.boxlink2 {
	padding-left: 14px; background: url(../img/boxlink_icon.gif) 0 0.4em no-repeat; }

a#anfang {
	position: absolute; left: 0px; top: 0px; }

.hide, dfn {
	display: none; }
a img {
	border: none; }

table, td, input, select, textarea {
	font-size: 100%; }

sup, sub {
	font-size: 0.65em; }

.cleaner1, .cleaner2 {
	display: block; clear: both; font-size: 0px; line-height: 0px; background: transparent; }

.cleaner1 {
	height: 0px; }
.cleaner2 {
	height: 1px; }

h1 {
	margin: 0 0 0 30px;	font: normal 1.6em "trebuchet ms", arial, helvetica, sans-serif; color: #868860; background: #fff;}

/** LAYOUT **/
#wrapper {
	background: url(../img/sitebg2.gif) repeat-x;
}

#shadow{ background:url(../img/bg_shadow_startseite.jpg) 50% 0 no-repeat;}

#shadow_zwei{ background:url(../img/bg_shadow.jpg) 50% 0 no-repeat;}
.main {
	width: 920px;
	margin: 0 auto;
	background-repeat: no-repeat;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

	#hg_1_top {	background-image: url(../img/hg/hg_impressum.jpg); }
	#hg_2_top {	background-image: url(../img/hg/hg_login.jpg); }
	#hg_safe {	background-image: url(../img/hg/hg_login.jpg); }
	#hg_1 {	background-image: url(../img/hg/hg_news.jpg); }
	#hg_2 {	background-image: url(../img/hg/hg_fwm.jpg); }
	#hg_3 {	background-image: url(../img/hg/hg_leistungen.jpg); }
	#hg_4 {	background-image: url(../img/hg/hg_sem.jpg); }
	#hg_5 {	background-image: url(../img/hg/hg_referenzen.jpg); }
	#hg_6 {	background-image: url(../img/hg/hg_kontakt.jpg); }
	#hg_start {	background-image: url(../img/hg/hg_start3.jpg); }
	#hg_start2 { background-image: url(../img/hg/hg_start2.jpg); }
	#hg_finwall { background-image: url(../img/hg/hg_finwall.jpg);}
	#hg_f_1 { background-image: url(../img/hg/hg_f_1.jpg);background-repeat: repeat-x; }
	#hg_f_2 { background-image: url(../img/hg/hg_f_2.jpg); background-repeat: repeat-x;}
	#hg_f_3 { background-image: url(../img/hg/hg_f_3.jpg); background-repeat: repeat-x; }
	#hg_f_4 { background-image: url(../img/hg/hg_f_4.jpg);background-repeat: repeat-x; }
	#hg_f_5 { background-image: url(../img/hg/hg_f_5.jpg);background-repeat: repeat-x; }
	#hg_f_6 { background-image: url(../img/hg/hg_f_6.jpg);background-repeat: repeat-x;}
	#hg_1f_top { background-image: url(../img/hg/hg_f_7.jpg); background-repeat: repeat-x;}
	#hg_2f_top { background-image: url(../img/hg/hg_login.jpg); background-repeat: repeat-x;}

	#logo {
		height: 100px;
		text-align: left;
		margin-left: 40px;
		padding-top: 5px;
	}

	#corp_text {
		display: none;
    }

	#navi_serv_abs {
		height: 27px;
		margin-top:-22px !important;
		margin-top:-25px;
		
	}

		#navi_serv {
			padding-top: 3px;
			margin-left: 270px;
		}

			#navi_serv ul {
				list-style: none;
			}

				#navi_serv ul li {
					display: inline;
				}

					#navi_serv a {
						color: #fff;
						font: normal 0.75em verdana, arial, sans-serif;
						margin-right: 10px;
					}

	#navi_main_abs {
		
		height: 26px;
		background: #334054;
		border-top: 1px solid #fff;
	}

		#navi_main {
			padding: 7px 0 6px 70px;
			border-left: 1px solid #fff;
			margin-left: 240px;
		}

			#navi_main ul {
				list-style: none;
			}

				#navi_main ul li {
					display: inline
				}


				#navi_main a {
					display: block;
					float: left;
					padding-right: 28px;
					height: 12px;
					font-size: 0px;
					line-height: 0px;
					background-repeat: no-repeat;
				}

					#navi_main a#cat1, #navi_main a#cat_f1 {
						background-image: url(../img/navi/nav_news2.gif); width: 80px; }
					#navi_main a#cat2  {
						background-image: url(../img/navi/nav_wir.gif); width: 56px; }
					#navi_main a#cat3, #navi_main a#cat_f3 {
						background-image: url(../img/navi/nav_leistungen.gif); width: 63px; }
					#navi_main a#cat4 {
						background-image: url(../img/navi/nav_sem.gif); width: 22px; }
					#navi_main a#cat5, #navi_main a#cat_f4 {
						background-image: url(../img/navi/nav_kunden.gif); width: 43px; }
					#navi_main a#cat6, #navi_main a#cat_f6 {
						background-image: url(../img/navi/nav_kontakt.gif); width: 48px; }
					#navi_main a#logout {
						background-image: url(../img/navi/nav_logout.gif); width: 42px; }
					#navi_main a#cat_f2 {
						background-image: url(../img/navi/nav_wir.gif); width: 56px; }
					#navi_main a#cat_f5 {
						background-image: url(../img/navi/nav_partner.gif); width: 46px; }

	#content_left {
		float: left;
		width: 240px;

	}

		.line_fix {
			display: block;
			height: 90px;
		}

		.lines {
			display: block;
			height: 27px;
			background: url(../img/lines.gif) repeat-x;
		}

		ul.subnavi {
			list-style: none;
			margin: 15px 10px 15px 30px;
			font-size: 0.85em;
			line-height: 1.5em;
		}

			ul.subnavi li {
				padding: 3px 0;
			}

				ul.subnavi li a {
					color: #333;
					padding-left: 16px;
				}

				ul.subnavi li a.active {
					font-weight: bold;
					background: url(../img/subnavi_icon.gif) 0 0.4em no-repeat;
				}

		.textLeft {
			margin: 20px 20px 20px 30px;
			font-size: 0.85em;
			line-height: 1.5em;
		}

	#content_right {
		float: left;
			width: 590px;
										padding:10px 50px 20px 40px;
										background:#fff;
		/*font-size: 0.95em;*/
	}

		#hl_abs {
			height: 90px; background:#fff;
		}

			#breadcrumbs {
				font: normal 0.7em verdana, arial, helvetica, sans-serif;
				padding: 40px 0 0 30px;
				color: #868860;
			}

		#inhalt {
			padding: 12px 20px 0 30px;
			font: normal 0.9em/1.5em verdana, arial, sans-serif;
			color: #444;
		}

			#inhalt ul {
				padding: 1em 4em;
				list-style: none;
			}

			#inhalt ul.box {
				padding: 1em 2em;
				line-height: 1.8em;
			}

				#inhalt ul li {
					padding-left: 12px;
					background: url(../img/list_icon.gif) 0 0.5em no-repeat;
				}

				#inhalt ul.box li {
					background: url(../img/list_icon.gif) 0 0.7em no-repeat;
				}

			.boxHL {
				background: url(../img/box_img.gif) no-repeat;
				border-bottom: 1px solid #A9AB88;
				margin-bottom: 12px;
				text-transform: uppercase;
				padding: 0 20px 0 15px;
				font: bold 1em "trebuchet ms", verdana, sans-serif;
				color: #868860;
			}

			h2 {
				font-size: 1em;
			}

			.box {
				background: #F7F7F7;
				border: 1px solid #A9AB88;
				padding: 10px 15px;
				margin-bottom: 15px;
				color: #000;

			}

				.boxLeft, .boxRight {
					width: 50%; float: left;
				}

				a.boxlink {
					background-position: 0 0.7em !important;
					margin-top: 5px;
				}

				a.boxlink2 {
					background-position: 0 0.5em !important;
				}

			.boxFoot {
				background: url(../img/box_img.gif) 100% -1px no-repeat;
				border-top: 1px solid #A9AB88;
				font-size: 1px;
				line-height: 1px;
				height: 18px;
				display: block;
			}

			.partnerbox {
				background-color: #F7F7F7;
				border: 1px solid #A9AB88;
				padding: 10px 15px;
				margin-bottom: 15px;
			}

				.partnerbox img {
					float: right;
					margin: 5px 0 10px 0px;
				}

			span.boxline {
				clear: both;
				display: block;
				font-size: 1px;
				line-height: 1px;
				height: 1px;
				background: #A9AB88;
				margin: 8px 0;
			}

			.desBox {
				padding: 0 220px 0 15px;
				color: #868860;
				height: 310px;
			}

			#ueberuns { background: url(../img/img_ueberuns.jpg) center center no-repeat; }

			#google p {
				text-align: center;
				margin: 10px 30px 5px 0;
			}

				#google p a img {
					padding: 4px;
					border: 1px solid #ccc;
					background: #fff;
				}

				#google p a img:hover {
					padding: 2px;
					border: 3px solid #B4B595;
					background: #fff;
				}

		#weblogin {
			background: #EAEBE2;
			border: 1px solid #A9AB88;
			padding: 20px 25px;
			margin-bottom: 15px;
			margin-top: 20px;
			height: 100%; }

			#weblogin label {
				display: block;
				float: left;
				width: 150px;
			}

			#weblogin input {
				width: 250px;
				padding: 2px;
				margin-bottom: 5px;
				font-family: verdana, arial, sans-serif;
			}

			#weblogin input.form_submit {
				width: auto;
				margin: 10px 0 0 150px !important;
			}

		#navi_bottom {
			color: #868860;
			text-align: center;
			font: normal 0.75em/1.5em verdana, sans-serif;
		}

		#toplink_abs {
			margin: 20px 0 40px 30px;
			font-size: 0.85em;
		}

			.copytext {
				color: #444; padding-bottom: 10px;
			}

/** KONTAKTFORM **/
#kontaktform label {
	display: block; float: left; width: 150px; }

#kontaktform input, #kontaktform textarea {
	width: 300px; font: normal 100% verdana, arial, sans-serif; padding: 2px; margin-bottom: 5px; }

#kontaktform textarea {
	height: 6em; }

#kontaktform input.form_submit {
	width: auto; margin-left: 150px; margin-top: 10px; }

/** Startseite **/
#start_abs {
	height: 660px;
	border-bottom: 12px solid #334054;
	background: url(../img/bg_start_finwall.jpg) left bottom repeat-x;
}

   

#finwall_start_abs {
	height: 620px;
	border-bottom: 12px solid #334054;
	background: url(../img/bg_start_finwall.jpg) left bottom repeat-x;
}

h1.finwall {
	margin: 0 0 0 20px;	font: normal 1.6em "trebuchet ms", arial, helvetica, sans-serif; color: #868860; }

	
	/** SLIDESHOW **/
#carousel {
    width:180px;
    height:360px;
    margin:0 auto;
	padding: 10px 0px 0px 0px;
	display: block;
	font-size: 11px;
}
 
#slides {
    overflow:hidden;
    /* fix ie overflow issue */
    position:relative;
    width:180px;
    height:360px;
}
 

#slides ul {
    position:relative;
    left:0;
    top:0;
    list-style:none;
    margin:0;
    padding:0; 
	width: 2000px;
   
}
 
#slides li {
    width:180px;
    float:left;
}
 
#slides li img {
    padding:5px;
}
 
/* Styling for prev and next buttons */
#buttons {
    padding: 10px 0px;  
   margin: 0 auto;
}
 
#buttons a {
    display:block;
    width:20px;
    height:17px;
    text-indent:-999em;
    float:left;
    outline:0;
}
 
a#prev {
    background: url(../img/control_left.png) no-repeat;
}
 
a#prev:hover {
    background: url(../img/control_left_hover.png) no-repeat;
}
 
a#next {
        background: url(../img/control_right.png) no-repeat;
}
 
a#next:hover {
    background: url(../img/control_right_hover.png) no-repeat;
}
 
.clear {clear:both}

