html,
body {
	top: 0px;
	text-align: center;
}

body {
	padding: 0px;
	margin: 0px;
	background-color: #999999;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

p a,
p a:link,
p a:visited,
a p {
	color: #B39E62;
	text-decoration: none;
}

p a:hover {
	color: #B39E62;
	text-decoration: none;
}

#siteouterwrap {
	position: relative;
	float: none;
	clear: both;
	padding: 0px;
	margin: 0 auto;
	width: 1030px;
	height: auto;
	background: transparent;
}

#siteinnerwrap {
	position: relative;
	float: left;
	clear: none;
	display: inline;
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 1030px;
	height: auto;
	background: #CCCCCC;
	background-image: url(../img/siteinnerwrap-bg.gif);
	background-position: right;
}

/*********** HEADFRAME *************/

#headframe {
	position: relative;
	float: none;
	clear: both;
	margin: 20px 20px 8px 20px;
	width: 980px;
	height: 80px;
	background: #FFFFFF;
}

#logo {
	position: relative;
	float: left;
	clear: none;
	display: inline;
	margin: 14px 0px 0px 14px;
	width: 145px;
	height: 60px;
}

#logo img {
	border: 0px none;
}

#langnavi {
	position: relative;
	float: left;
	clear: none;
	left: 392px;
	margin: 15px 0px 0px 0px;
	width: auto;
	height: auto;
	text-align: left;
	font-size: 11px;
	list-style-type: none;
}

.langitem {
	list-style-type: none;
	text-align: left;
}

#servicenavi {
	position: relative;
	float: left;
	clear: none;
	left: 395px;
	margin: 14px 0px 0px 0px;
	width: auto;
	height: auto;
	text-align: right;
}

#servicenavi a,
#servicenavi a:link,
#servicenavi a:visited,
#servicenavi a:hover,
#langnavi a {
	width: auto;
	height: auto;
	padding: 0px 0;
	margin: 0px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	list-style-type: none;
}

div.logopartner {
	position: relative;
	float: right;
	clear: none;
	display: inline;
	margin: 14px 14px 0px 0px;
	width: 65px;
	height: 40px;
}

/*********** NAVIFRAME *************/

#mainnaviframe {
	position: relative;
	float: none;
	clear: both;
	padding: 0px;
	margin: 0px 20px 0px 20px;
	width: 980px;
	height: 30px;
	background: #CF9E0C;
	background-image: url(../img/mainnavi-bg.gif);
}

ul#mainnavi {
	position: relative;
	float: left;
	clear: none;
	left: 30px;
	padding: 0px;
	margin: 0px;
	width: 600px;
	height: 30px;
	overflow: hidden;
	background-color: transparent;
	list-style-type: none;
}

li.navil1,
li.navil1cur {
	position: relative;
	float: left;
	clear: none;
	padding: 0px;
	margin: 0px;
	width: auto;
	height: 30px;
	list-style-type: none;
}

a.navil1no,
a.navil1no:link,
a.navil1no:visited {
	position: relative;
	float: left;
	clear: none;
	display: block;
	width: auto;
	height: 15px;
	padding: 0px;
	margin: 6px 8px 0px 8px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	color: #FFFFFF;
	vertical-align: middle;
}

a.navil1act,
a.navil1act:link,
a.navil1act:hover,
a.navil1act:visited {
	position: relative;
	float: left;
	clear: none;
	display: block;
	width: auto;
	height: 15px;
	padding: 0px;
	margin: 6px 8px 0px 8px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	color: #666666;
	vertical-align: middle;
}

a.navil1no:hover {
	color: #666666;
	text-decoration: none;
}

a.navil1cur,
a.navil1cur:link,
a.navil1cur:visited {
	color: #666666;
	text-decoration: none;
}

#searchwrap {
	position: relative;
	float: right;
	clear: none;
	display: inline;
	padding: 0px;
	margin: 5px 8px 0px 0px;
	width: 250px;
	height: 20px;
	text-align: right;
	overflow: hidden;
	color: white;
}

#searchwrap input, #tx-indexedsearch-searchbox-sword {
	margin: 0px;
	padding: 0px;
	width: 110px;
	text-align: left;
}

.tx-indexedsearch-form input {
	height: 18px;
	padding: 2px;
	margin: 0px;
	margin-left: 15px;
	font-size: 12px;
	color: #000000;
	border: 1px solid #E4C979;
}

.tx-indexedsearch-form label {
	position: relative;
	float: right;
	clear: none;
	margin: 3px;
	padding: 0px;
	font-size: 12px;
	color: #FFFFFF;
}

/*********** SUBNAVIFRAME *************/

/*** LEVEL2 ***/

div#subnaviframe {
	position: relative;
	float: left;
	clear: none;
	display: inline;
	width: 206px;
	height: auto;
	padding: 0px;
	margin: 0px 23px 14px 14px;
	list-style-type: none;
}

ul.subnavino,
ul.subnaviact {
	position: relative;
	float: left;
	clear: none;
	width: 206px;
	height: 35px;
	padding: 0px;
	margin: 3px 0;
	list-style-type: none;
	background: url(../img/subnaviframe-no-bg.gif);
}

ul.subnaviact {
	height: auto;
	background: #BFBEBF;
	background-image: url(../img/subnaviframe-act-bg.gif);
}

li.subnavil1 {
	position: relative;
	float: none;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 206px;
	height: 35px;
	list-style-type: none;
}

li.subnavil1 a,
li.subnavil1 a.link, 
li.subnavil1 a.visited,
li.subnavil1 a.hover,
li.subnavil1act a,
li.subnavil1act a.link, 
li.subnavil1act a.visited,
li.subnavil1act a.hover {
	padding: 0px;
	width: auto;
	height: auto;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
	padding: 0px 0px 0px 3px;
	margin: 10px 8px 12px 12px;
	background-image: url(../img/subnaviframe-no-bga.gif);
	background-position: right;
	background-repeat: no-repeat;
}

li.subnavil1act a,
li.subnavil1act a.link, 
li.subnavil1act a.visited,
li.subnavil1act a.hover {
	background-image: none;
}

ul.subnavil2 {
	position: relative;
	float: left;
	clear: none;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px 12px;
	list-style-type: none;
}

li.subnavil2no,
li.subnavil2act {
	position: relative;
	float: none;
	clear: both;
	padding: 0px 0px 0px 3px;
	margin: 0px;
	width: 191px;
	height: 16px;
	list-style-type: none;
}

*html li.subnavil2no,
*html li.subnavil2act {
	width: 194px;
}

li.subnavil2act {
	background: #FFFFFF;
}

a.subnavil2no,
a.subnavil2no:link,
a.subnavil2no:hover,
a.subnavil2no:visited,
a.subnavil2act,
a.subnavil2act:link,
a.subnavil2act:hover,
a.subnavil2act:visited {
	float: left;
	overflow: visible;
	padding: 0px;
	margin: 0px;
	height: 12px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #000000;
	white-space: nowrap;
}

a.subnavil2no:hover {
	color: #000000;
	text-decoration: none;
}

a.subnavil2act,
a.subnavil2act:link,
a.subnavil2act:hover,
a.subnavil2act:visited {
	color: #666666;
	text-decoration: none;
}

/***********Footer*************/

div#footerframe {
	position: relative;
	float: none;
	clear: both;
	top: 0px;
	width: 100%;
	height: 30px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/footerframe-bottomshade.gif);
	background-repeat: no-repeat;
	margin-bottom: 100px;
}

ul#footermenu-navi, ul#footermenu-print li {
	position: relative;
	float: left;
	clear: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	top: 15px;
	left: 30px;
	width: auto;
	list-style-type: none;
	color: white;
}

ul#footermenu-print li a {
	margin-left: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, sans-serif;
}

li.footermenu {
	position: relative;
	float: left;
	clear: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	color: #FFFFFF;
}

li.footermenu a.no,
li.footermenu a.no:link,
li.footermenu a.no:visited,
li.footermenu a.no:hover,
li.footermenu a.act,
li.footermenu a.act:link,
li.footermenu a.act:visited,
li.footermenu a.act:hover,
.print-link {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0px 10px 0px 10px
}

li.footermenu a.no:hover,
li.footermenu a.act:hover {
	color: #FFFFFF;
}

li.footermenu a.act,
li.footermenu a.act:link,
li.footermenu a.act:visited,
li.footermenu a.act:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/*********** CONTENTFRAME *************/

div.clear {
	position: relative;
	float: none;
	clear: both;
	width: 100%;
	height: 1px;
	overflow: hidden;
}

div#contentframeouterwrap {
	position: relative;
	float: left;
	clear: none;
	display: inline;
	width: 760px;
	min-height: 435px;
	overflow: visible;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	background: #FFFFFF;
}

* html #contentframeouterwrap {
	height: 435px;
	margin: 0px 0px 0px 10px;
}

/* Pictureframe Startseite */

div#pictureframe-start {
	position: relative;
	float: left;
	clear: none;
	display: inline;
	left: 0px;
	width: 760px;
	height: 425px;
	overflow: visible;
	padding: 0px 0px 50px 0px;
	margin: 0px;
	background-image: url(../img/bildintro.png);
	background-color: #CCCCCC;
	background-repeat: no-repeat;
}

div#pictureframe-start-text {
	position: relative;
	float: left;
	clear: none;
	display: inline;
	width: 480px;
	height: 196px;
	vertical-align: middle;
	overflow: visible;
	margin: 30px 0px 22px 14px;
	background: #BE9E00;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	text-transform: uppercase;
}

/* Pictureframe Main */

div#pictureframe {
	position: relative;
	float: left;
	clear: none;
	display: inline;
	left: 0px;
	width: 760px;
	height: 182px;
	overflow: visible;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/bildhome.png);
	background-repeat: no-repeat;
}

div#pictureframe-text {
	position: relative;
	float: left;
	clear: none;
	display: inline;
	width: 502px;
	height: 130px;
	vertical-align: middle;
	overflow: visible;
	margin: 52px 0px 0px 14px;
	background: #BE9E00;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

div#pictureframe-start-text p,
div#pictureframe-text p {
	position: relative;
	float: left;
	clear: none;
	width: auto;
	height: auto;
	overflow: visible;
	padding: 0px;
	margin: 0px 17px 17px 17px;
	line-height: 20px;
	top: 50%;
	margin-top: -25px;
	

/* negative H�lfte von line-height:30px */
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
}

/* CONTENT Elemente */

div#contentframe {
	position: relative;
	float: left;
	clear: none;
	left: 0px;
	width: 502px;
	height: auto;
	overflow: visible;
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
}

div.contentpart {
	position: relative;
	float: left;
	clear: both;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	width: 100%;
}

div.contentpart a img {
	border: 0px none;
}

h1 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	padding: 15px 0px 15px 0px;
	margin: 0px;
}

h2 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	padding: 15px 0px 15px 0px;
	margin: 0px;
}

h2 a {
	color: #B39E62;
	text-decoration: none;
}

p {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

/***** TEASER FRAME  *******/

div#teaserframe {
	position: relative;
	float: left;
	clear: none;
	display: inline;
	width: 732px;
	height: auto;
	overflow: visible;
	padding: 0px;
	margin: 0px 0px 31px 8px;
}

div.teaser {
	position: relative;
	float: left;
	clear: none;
	width: 229px;
	height: 145px;
	overflow: visible;
	padding: 0px;
	margin: 0px;
	background: #CCCCCC;
}

div#teaser1,
div#teaser2,
div#teaser3 {
	position: relative;
	float: left;
	clear: none;
	display: inline;
	width: 229px;
	height: 145px;
	overflow: visible;
	padding: 0px;
	margin: 0px 22px 0px 0px;
	background: url(../img/teaser-bg.gif) bottom;
}

div#teaser2 {
	padding: 0px;
	margin: 0px 22px 0px 0px;
}

div#teaser3 {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

div.teasercontent {
	position: relative;
	float: left;
	clear: none;
	display: inline;
	width: auto;
	height: 125px;
	padding: 0px;
	margin: 14px 5px 0px 14px;
}

div.teasercontent h1 {
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

div.teasercontent p {
	font-weight: normal;
	font-size: 13px;
	color: #000000;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

div.teaserbottom {
	position: relative;
	float: none;
	clear: both;
	width: 100%;
	height: 20px;
	vertical-align: bottom;
	bottom: 0px;
	background-image: url(../img/teaserbottom-bg.gif);
}

div.teaserbottom a,
div.teaserbottom a:link,
div.teaserbottom a:visited {
	display: block;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 2px 50px 0px 0px;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	text-align: right;
	color: #FFFFFF;
}

/***** NEWSFRAME ******/

#newsframe {
	position: relative;
	float: left;
	clear: none;
	padding: 1px 0px 0px 5px;
	margin: 0px;
	width: 223px;
	height: auto;
	overflow: visible;
}

#newsframeheader {
	position: relative;
	float: none;
	clear: both;
	padding: 0px;
	margin: 5px 0px 1px;
	width: 223px;
	height: 38px;
	overflow: visible;
	background: url(../img/newsframe-header-bg.gif);
	background-repeat: no-repeat;
}

*html #newsframeheader {
	margin: 8px 0px 1px 0px;
}

.newsframeheadertext {
	position: relative;
	float: none;
	clear: both;
	padding: 10px;
	margin: 0px;
	width: auto;
	overflow: visible;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
}

*html .newsframeheadertext {
	padding: 0px;
	margin: 8px
}

.newsbox {
	position: relative;
	float: none;
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 223px;
	overflow: visible;
	background: #F2F2F2;
	background-image: url(../img/newsbox-bg.gif);
}

#newsbox_1, #newsbox_2 {
	height: 185px;
	overflow: hidden;
	margin-top: 4px;
	margin-bottom: 6px;
}

div.newsboxhead {
	width: 223px;
	height: 5px;
	background: url(../img/newsbox-top-bg.gif);
	background-repeat: no-repeat;
}

div.newsboxfoot {
	width: 223px;
	height: 13px;
	background: url(../img/newsbox-bottom-bg.gif);
	background-repeat: no-repeat;
}

.newsboxcontent {
	position: relative;
	float: none;
	clear: both;
	padding: 0px 5px;
	margin: 6px;
	width: auto;
}

*html .newsboxcontent {
	height: 162px;
}

.newsboxcontent h1 {
	font-weight: bold;
	font-size: 13px;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

.newsboxcontent p {
	font-weight: normal;
	font-size: 11px;
	color: #B39E62;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	text-decoration: none;
}

div.newsboxcontent h1 a {
	text-decoration: none;
	color: black;
	font-size: 12px;
	font-weight: bold;
}

div.newsboxcontent a {
	text-decoration: none ! important;
	color: #B39E62;
}

p.bodytext {
	margin-top: 0px;
}

.contentpart ul li {
	list-style-image: url(../img/bullet.gif);
}

.csc-sitemap ul li {
	list-style-image: url(../img/bullet.gif);
}

.csc-sitemap ul li a {
	text-decoration: none;
	color: black;
}

.tx-indexedsearch-browselist-currentPage a, .browsebox a, .tx-indexedsearch-title a {
	text-decoration: none;
	color: #BE9E00;
}

/*Referenzformatierungen*/

div.contentpart-ref {
	position: relative;
	float: left;
	clear: both;
	padding: 0px;
	width: 140%;
	margin: 0px 0px 15px 30px;
}

div.contentpart-ref a img {
	border: 0px none;
}

.reference-container {
	margin-top: 10px;
	position: relative;
}

.reference-image {
	margin-right: 10px;
	width: 75px;
	float: left;
}

.reference-textblock {
	width: 520px;
	float: left;
}

.reference-header {
	width: 520px;
	font-size: 12px;
	font-weight: bold;
}

.reference-text {
	width: 520px;
}

.reference-download {
	text-align: right;
	float: right;
}

.reference-clearer {
	clear: both;
}

.reference-footer {
	margin-top: 13px;
	margin-left: 90px;
}

.reference-hr, .news-hr {
	color: #CCCCCC;
	margin: 1px;
	margin-bottom: 3px;
}

/** Styling Kontaktformular **/

.csc-mailform {
	border: none;
	margin-top: 7px;
}

.csc-mailform label {
	display: inline-block;
	width: 140px;
	vertical-align: top;
}

#mailformname, #mailformfirma, #mailformcompany, #mailformfunktion, #mailformfunction , #mailformemail, #mailformstrasse, #mailformstreet, #mailformplz, #mailformpostcode, #mailformort, #mailformtown, #mailformland, #mailformcountry, #mailformtelefon, #mailformtelephone, #mailformkommentar, #mailformcomment {
	width: 300px;
	background-color: #CCCCCC;
	border: none;
	margin-bottom: 3px;
}

.csc-mailform-submit {
	padding: 0;
	margin: 0;
	width: 80px;
	font-size: 12px;
	border: 1px solid #BFBEBF;
	background-color: #CCCCCC;
	color: #000000;
}

.field-produkte, .field-products, .field-events, .field-appointment, .field-mailkontakt {
	width: 200px;
	float: left;
	margin-bottom: 7px;
}

.field-integration, .field-termin, .field-telefonkontakt {
	width: 200px;
	float: left;
	margin-bottom: 7px;
}

.field-land {
	clear: both;
}

.field-name, .field-firma, .field-funktion, .field-email, .field-strasse, .field-plz, .field-ort, .field-land, .field-telefon {
	margin-bottom: 3px;
}

.field-formtype_mail {
	margin-top: 15px;
	float: right;
	margin-right: 60px;
}

.csc-mailform-label {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/* Sprachmenu */
li {
	list-style-type: none;
}

ul.langmenu, ul.langmenu ul {
	list-style-type: none;
	padding-left: 3px;
	text-align: left;
	left: 392px;
	position: relative;
	margin: 12px 0px 0px 0px;
	float: left;
	clear: none;
}

ul.langmenu ul {
	left: 3px;
}

ul.langmenu li a {
	display: block;
	font-weight: normal;
	list-style-type: none;
	text-decoration: none;
	font-size: 11px;
	color: black;
	padding: 3px 0 3px 10px;
}

ul.langmenu ul a {
	padding: 0 10px;
}

ul.langmenu li {
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
}

ul.langmenu ul {
	margin-left: 0;
	padding: 0 0 5px 0;
	position: absolute;
	display: none;
	min-width: 180px;
}

/* IE-Hack für die Breite */

*html ul.langmenu ul {
	width: 180px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */

/* über der Liste  befindet (.hover siehe JavaScript oben) */

ul.langmenu.hover, ul.langmenu li.hover ul, ul.langmenu li:hover ul {
	display: block;
}

ul.langmenu ul li {
	float: none;
	background-color: transparent;
}

ul.langmenu_sub {
	margin: 0!important;
}