body {
		background: #c3c3c3;
		color: #FFFFFF;
		font-family: arial, verdana, sans-serif; text-align:right;
		font-size: 12px;
	}
	
	a {
		color: #FFFFFF;
		font-weight: bold;
	}
	
	li {
		font-weight: bold;
		padding: 0px;
		margin: 0px;
	}
		
	ul {
		padding: 0px;
		margin-left: 30px;
	}
	
	a img {
		border : 0 none;
	}

	h1 {
		font-size: 20px;
		padding-left: 20px;
		background: url(img/title_back.png) no-repeat;
		background-position: 0px 30px;
		/*background-position: 0px 18px;*/
		color: #000000;
	}	
		h1:first-letter {
			font-size:50px;
		}
	
	.submen_img {
		position: absolute;
		background: url(img/submenu.png) no-repeat;
		top: 122px;
		left: 13px;
		height: 61px;
		width: 11px;
	
	}

	#backcenter {
		position: absolute;
		top: 50%;
		left: 0px;
		margin-top:-239px;
		width: 100%;
		height: 500px;
		background: url(img/backverticalcenter.png) repeat-x;
	}
	
	#background_text {
		position: absolute;
		/*background: url(img/background.png);*/
		/*border: 5px solid #000000;*/
		z-index: 10000;
		top: -5px;
		left: -5px;
		width: 100%;
		height: 100%;
	}
	
	.jFlowControl {
	}
	
	.home_menu_line {
		display: block; 
		background: url(img/menu_home.png) no-repeat;
		height: 36px;
		width: 36px;
		background-position: -129px;
		overflow: hidden;
		float: left;
		padding: 0px 0px 10px 0px;
	}
	
	.home_menu_line:hover {
		position: relative;
		margin-left: -129px;
		height: 36px;
		width: 165px;
		overflow: hidden;
		background-position: 0;
		z-index: 100;
	}
	
	.about_menu_line {
		display: block; 
		background: url(img/menu_about.png) no-repeat;
		height: 36px;
		width: 36px;
		background-position: -129px;
		overflow: hidden;
		float: left;
		padding: 0px 0px 10px 0px;
	}
	
	.about_menu_line:hover {
		position: relative;
		margin-left: -129px;
		height: 36px;
		width: 165px;
		overflow: hidden;
		background-position: 0;
		z-index: 100;
	}
	
	.leistung_menu_line {
		display: block; 
		background: url(img/menu_leistungen.png) no-repeat;
		height: 36px;
		width: 36px;
		background-position: -129px;
		overflow: hidden;
		float: left;
		padding: 0px 0px 10px 0px;
	}
	
	.leistung_menu_line:hover {
		position: relative;
		margin-left: -129px;
		height: 36px;
		width: 165px;
		overflow: hidden;
		background-position: 0;
		z-index: 100;
	}
	
	.referenzen_menu_line {
		display: block; 
		background: url(img/menu_referenzen.png) no-repeat;
		height: 36px;
		width: 36px;
		background-position: -129px;
		overflow: hidden;
		float: left;
		padding: 0px 0px 10px 0px;
	}
	
	.referenzen_menu_line:hover {
		position: relative;
		margin-left: -129px;
		height: 36px;
		width: 165px;
		overflow: hidden;
		background-position: 0;
		z-index: 100;
	}
	
	.kontakt_menu_line {
		display: block; 
		background: url(img/menu_kontakt.png) no-repeat;
		height: 36px;
		width: 36px;
		background-position: -129px;
		overflow: hidden;
		float: left;
		padding: 0px 0px 10px 0px;
	}
	
	.kontakt_menu_line:hover {
		position: relative;
		margin-left: -129px;
		height: 36px;
		width: 165px;
		overflow: hidden;
		background-position: 0;
		z-index: 100;
	}
	
	.impressum_menu_line {
		display: block; 
		background: url(img/menu_impressum.png) no-repeat;
		height: 36px;
		width: 36px;
		background-position: -129px;
		overflow: hidden;
		float: left;
		padding: 0px 0px 10px 0px;
	}
	
	.impressum_menu_line:hover {
		position: relative;
		margin-left: -129px;
		height: 36px;
		width: 165px;
		overflow: hidden;
		background-position: 0;
		z-index: 100;
	}
	
	.blog_menu_line {
		display: block; 
		background: url(img/menu_blog.png) no-repeat;
		height: 36px;
		width: 36px;
		background-position: -129px;
		overflow: hidden;
		float: left;
		padding: 0px 0px 65px 0px;
	}
	
	.blog_menu_line:hover {
		position: relative;
		margin-left: -129px;
		height: 36px;
		width: 165px;
		overflow: hidden;
		background-position: 0;
		z-index: 100;
	}

	#center {
		position: absolute;
		width: 900px;
		height: 555px;
		left: 50%;
		top: 50%;
		margin-left: -450px;
		margin-top: -272px;
		background: url(img/content_back.png) no-repeat;
	}

	#jFlowSlideContainer{
		width:565px;
		height:531px;
	}
	
	#main_menu {
		position: absolute;
		width: 36px;
		height: 335px;
		top: 131px;
		left: 815px;
	}

	#text_main_menu {
		position: absolute;
		width: 0px;
		height: 0px;
		top: -10px;
		left: -800px;
	}
	
	#myController span {
		margin-right:10px;
		cursor:pointer;
	}
	
	#myController span:hover {
		color: #DFDFDF;
	}
	
	#myController h2 {
		margin-top: 11px;
		margin-left: 7px;
		padding-right: 10px;
		border-bottom: 1px solid #DFDFDF;
		width: 152px;
		font-size:170%;
		font-weight:normal;
	}
	
	
	#content_submenu {
		position: absolute;
		width: 162px;
		height: 465px;
		max-height:465px;
		background-color: #000000;
		color: #FFFFFF;
		top: 0px;
		left: 27px;
		/* filter: alpha(opacity=60); */ 
		-moz-opacity: 0.60; /* Mozilla Browser */
		opacity: 0.60; /* Opera */
	}
	
	#content_submenu_text {
		position: absolute;
		width: 162px;
		height: 465px;
		max-height:440px;
		color: #FFFFFF;
		top: 0px;
		left: 15px;
		font-size:12px;
		font-weight: normal;
		padding: 20px 5px; 
	}
	

	.headline {
		position: absolute;
		top: 0px;
		left: 222px;
	}
	
	.keyvisual {
		position: absolute;
		width: 768px;
		height: 461px;
		top: 59px;
		left: 9px;
	}
	
	#contentmain {
		position: absolute;
		/*border-top: 2px solid;
		border-bottom: 2px solid;*/
		left: 189px;
		top: 76px;
		width: 579px;
		height: 370px;
		background: #333333;
		/*filter:alpha(opacity=50);*/ /* IE */
		-moz-opacity:0.5; /* Gecko-Browser */
		opacity:0.5; /* Opera 9+ */
	}
	
	#contenttop {
		position: absolute;
		/*border-bottom: 2px solid;*/
		left: 189px;
		top: 24px;
		width: 579px;
		height: 48px;
		background: #EFEFEF;
		/*filter:alpha(opacity=50);*/ /* IE */
		-moz-opacity:0.5; /* Gecko-Browser */
		opacity:0.5; /* Opera 9+ */
	}
	
	#contentline {
		position: absolute;
		/*border-bottom: 2px solid;*/
		left: 450px;
		top: 80px;
		width: 10px;
		height: 354px;
		border-right: 1px solid #FFFFFF;
	}
	
	#content {
		position: absolute;
		top: 5px;
		left: 194px;
		width: 568px;
		height: 568px;
		color: #FFFFFF;
		text-align: left;
	}
	
	form {
		padding: 5px;
		height: 356px;
		width: 550px;
	}
	
	.content_text_back {
		padding: 5px;
		left:10px;
		top:10px;
		height: 344px;
		width: 525px;
		text-align:justify;
	}	
	
	.imgtext-table {
		padding:5px;
	}
	
	.maintext {
		position:absolute;
		top: 60px;
		width: 465px;
		height: 344px;
		background: url(img/content_1.png) no-repeat;
		padding: 5px;
	}	

/* ----------------------------------------------- */
a.jScrollArrowUp {
	background: url(img/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(img/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 542px !important;
	top: -5px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
	background: url(img/slidecenter.png) repeat-y;
}

.jScrollPaneDrag {
	position: absolute;
	background: #9F9F9F;
	background: url(img/slidebar.png) repeat-y;
	cursor: pointer;
	overflow: hidden;
	/*filter:	alpha(opacity=80);*/ /* Internet Explorer */
	-moz-opacity: 0.80; /* Mozilla Browser */
	opacity: 0.80; /* Opera */
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0px;
	left: 5px;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0px;
	left: 5px;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(css/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(css/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(css/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(css/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}