html {min-height: 100%;}
body {margin: 0px; padding: 0px; background-color: #fff; background-image: url(../images/body_bg.jpg); background-position: bottom center; background-repeat: repeat-x;}
#size {border-top: solid 1px #fff;position: relative; width: 870px; margin-top: 40px; left: 50%; margin-left: -435px; min-height: 100%;}
#logo {position: absolute; z-index: 20; top: 0px; left: 0px;}
#area {border: solid 1px transparent;position: relative; margin-top: 60px;}
#menu {height: 50px; font-size: 13px; background-image: url(../images/border_top.png); background-position: bottom center; background-repeat: no-repeat;}
#menu ul {margin: 0px; padding: 0px; list-style-type: none; text-align: right;}
#menu li {display: inline; padding-left: 1em; padding-right: 1em; }
#menu li a {color: #666666; text-decoration: none;}
#menu li.cur {background-color: #666666; border: solid 1px #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#menu li.cur a {color: #ffffff; text-decoration: none;}

#intro {height: 220px;}
#border {position: absolute; width: 100%; height: 220px;}
#border ul {margin: 0px; padding: 0px; list-style-type: none;}
#border li.top {width: 150px; height: 55px; font-size: 19px; line-height: 55px; padding-left: 25px;}
#border li.top a {color: #999999; text-decoration: none;}
#border li.top a:hover {color: #000000; text-decoration: none;}
#border ul.sub {position: absolute; left: 160px; margin-top: -1em; border: solid 1px green; display:none;}
#border ul.sub li {width: 150px; border: solid 1px blue;}

#border li.top.first {background-image: url(../images/button1.jpg);background-repeat: no-repeat;}
#border li.top.second {background-image: url(../images/button2.jpg);background-repeat: no-repeat;}
#border li.top.third {background-image: url(../images/button3.jpg);background-repeat: no-repeat;}
#border li.top.forth {background-image: url(../images/button4.jpg);background-repeat: no-repeat;}

#border li.top.first:hover {background-image: url(../images/button1_h.jpg); font-weight: bold;}
#border li.top.second:hover {background-image: url(../images/button2_h.jpg); font-weight: bold;}
#border li.top.third:hover {background-image: url(../images/button3_h.jpg); font-weight: bold;}
#border li.top.forth:hover {background-image: url(../images/button4_h.jpg); font-weight: bold;}

#text {position: absolute; left: 185px; top: 35px; width: 330px; height: 150px; overflow: hidden;}
#text h1 {margin: 0px; padding: 0px; font-size: 31px; line-height: 34px; color: #666666;}
#text p {margin: 0px; padding: 0px; font-size: 13px; line-height: 22px; color: #999999;}
#right {float: right; width: 280px; margin-left: 20px;}
#below {min-height: 220px;}
#below_right {float: right; width: 315px;}
#content {margin-bottom: 220px; padding-top: 30px; background-image: url(../images/border_bottom.png); background-position: top center; background-repeat: no-repeat;}
#bottom {position: absolute; bottom: 0px; height: 220px; width: 100%; text-align: center; background-image: url(../images/divider.png); background-position: 0px 25px; background-repeat: no-repeat; clear: both;}
#bottom_text {margin-top: 40px; color: #989898;}
.divider {height: 24px; width: 870px; background-image: url(../images/divider.png); background-repeat: no-repeat; clear: both;}

#main {border-top: solid 1px transparent;}
#main ul {list-style-type: none; margin: 0px; padding: 0px;}
#main ul li {padding-left: 20px; line-height: 15px; margin-top: 4px; margin-bottom: 4px; background-image: url(../images/main_li.gif); background-repeat: no-repeat;}
#main ul li strong {font-weight: normal; color: #ef7b00;}

#main form fieldset {border: none; width: 545px; margin: 0px; padding: 0px;}
#main form .csc-mailform-field input {border-left: none; border-right: none; border-top: none; border-bottom: 1px dotted #ef7b00; width: 100%; background-color: transparent;}
#main form .csc-mailform-field label b {color: #ef7b00;}
#main form #mailformInformation {border: none; width: auto;}
#main form #mailformAngebot_SEO {border: none; width: auto;}
#main form #mailformAngebot {border: none; width: auto;}
#main form #mailformAGB {border: none; width: auto;}
#main form #mailformBeratungstermin {border: none; width: auto;}
#main form .csc-mailform-field textarea {border: 1px dotted #ef7b00; width: 100%;}
#main form small {font-size: 0.8em;}
#main form #mailformformtype_mail {border: 1px dotted #ef7b00; width: auto;}
#main form #mailformformurl {width: 550px;}
#main .mailform-button {border: 1px dotted #ef7b00; width: auto; line-height: 20px; padding-left: 12px; padding-right: 12px; display: block; float: left;}
#main .mailform-button a {text-decoration: none; cursor: default; font-style: normal;}

#below_main ul li strong {font-weight: bold; color: #3f3f3f;}
#customer BLOCKQUOTE {text-align: justify; margin: 0px; font-style: italic; line-height: 20px;}
#customer BLOCKQUOTE:before {content: url(../images/blockin.gif); margin-right: 4px;}
#customer BLOCKQUOTE:after {content: url(../images/blockout.gif); margin-left: 4px;}
#customer .customer_img {float: left; margin-right: 1em; margin-bottom: 1em;}
#customer .customer_name {clear: left;}

#below_right .news-latest {min-height: 220px;float: right; width: 280px; margin-left: 9px; padding-left: 11px; background-image: url(../images/news_bg.png); background-position: center left; background-repeat: no-repeat;}
#below_right .news-latest p.bodytext {margin-top: 0.3em; margin-bottom: 0px; margin-left: 0px;}
#below_right .news-latest p.bodytext_down {margin-top: 1em;}
#below_right .news-latest-item {margin-bottom: 1em; margin-left: 24px; margin-right: 24px;}
#below_right .news-latest-item .newsdate {font-weight: 500; color: #ef7b00;}
#below_right .news-latest-item img {float: left;}
#below_right .news-latest-item .big {display: block; line-height: 68px;}
#below_right .news-list-container {min-height: 220px;float: right; width: 280px; margin-left: 9px; padding-left: 11px; background-image: url(../images/news_bg.png); background-position: center left; background-repeat: no-repeat;}
#below_right .news-list-container p.bodytext {margin-top: 0.3em; margin-bottom: 0px; margin-left: 0px;}
#below_right .news-list-container-item {margin-bottom: 1em; margin-left: 24px; margin-right: 24px;}
#below_right .news-list-container-item .newsdate {font-weight: 500; color: #ef7b00;}

#below_right h1 {padding-left: 24px;}
#below_right p {margin-left: 24px;}

#below_right .small_teaser {position: relative; margin-left: 35px; background-image: url(../images/small_teaser.png); background-repeat: no-repeat; height: 76px; padding-left: 24px; padding-top: 15px; line-height: 23px; font-size: 15px; padding-right: 95px; overflow: hidden;}
#below_right .small_teaser img {position: absolute; right: 15px; top: 8px;}

#below_right .big_teaser {position: relative;  margin-left: 35px; background-image: url(../images/big_teaser.png); background-repeat: no-repeat; height: 151px; padding-left: 24px; padding-top: 15px; padding-right: 95px; overflow: hidden;}
#below_right .big_teaser h1 {line-height: 23px; font-size: 15px; margin:0px; padding: 0px; font-weight: normal; margin-bottom: 0.4em;}
#below_right .big_teaser img {position: absolute; right: 15px; top: 8px;}

#right .small_teaser {position: relative; background-image: url(../images/small_teaser.png); background-repeat: no-repeat; height: 76px; padding-left: 24px; padding-top: 15px; line-height: 23px; font-size: 15px; padding-right: 95px; overflow: hidden;}
#right .small_teaser img {position: absolute; right: 15px; top: 8px;}

#right .big_teaser {position: relative; background-image: url(../images/big_teaser.png); background-repeat: no-repeat; height: 151px; padding-left: 24px; padding-top: 15px; padding-right: 95px; overflow: hidden;}
#right .big_teaser h1 {line-height: 23px; font-size: 15px; margin: 0px; padding: 0px; font-weight: normal; margin-bottom: 0.4em;}
#right .big_teaser img {position: absolute; right: 15px; top: 8px;}

.ref_header {position: absolute; width: 100%; height: 50px; background-color: #fff;}
.ref_header h1 {margin: 0px; padding: 0px;}
.tx-sfmflowgallery-pi1 {margin-top: -2em;}

.news-single-timedata {font-style: italic; font-size: 0.9em; margin-top: 0.5em;}
#below_main .csc-frame-frame1 {font-size: 0.9em; color: #989898;}

#below_main .tx-bspagerank-pi1 {width: 550px;}
#below_main .tx-bspagerank-pi1 p a {color: #EF7B00; cursor: pointer;}
#below_main .tx-bspagerank-pi1 p img {float: left;}


#main #slider {
	margin-left: 26px;
	background-color: #fff;
	text-align: center;
}

#main #slider ul, #main #slider li {
	margin:0;
	padding:0;
	list-style:none;
background: none;
margin: 0px;
padding: 0px;
	}
#main #slider li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width: 522px;
	height: 254px;
	overflow:hidden;
	}	
#main #slider li img {float: left;}
#main #slider li h1 {margin-top: 120px; line-height: 23px; font-size: 15px; text-align: left;}
#main #slider li p {text-align: left;}
#main #slider li p a {color: #3e3e3e;}
	
p#controls {
	margin:0;
	position:relative;
	} 

#prevBtn, #nextBtn { 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:16px;
	height:16px;
	position:absolute;
	left: 0px;
	top: -135px;		
	}	
#nextBtn { 
	left:558px;
	}														
#prevBtn a, #nextBtn a {  
	display:block;
	width:16px;
	height:16px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a { 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
	}