/******************************
Allgemeines
******************************/

/* e2001a */

* {
	margin:0;
	padding:0;
	border:0;
}
html {
	height:100%;
	/*overflow-y:scroll;*/
}
body {
	background:#DADADA url(/img/system/bg2.gif) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#333;
	height:100%;
}
a {
	text-decoration:none;
	color:#ACCA58; 
}
.clear,
.spacer,
.doublespacer,
.halfspacer,
.quarterspacer,
.standardspacer,
.headlinespacer,
.line {
	width:100%;
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
}
.spacer,
.standardspacer {height:12px;}
.doublespacer {height:24px;}
.headlinespacer { height:20px; }
.halfspacer {height:6px;}
.quarterspacer {height:3px;}
.line {
	background-color:#bcbcbc;
	margin:11px 0 12px 0;
}
.left {
	float:left;
}
.right {
	float:right;
}
br {
	line-height:12px;
}
span.error,
span#LabelError  {
	color:#62ab38;
}
span#LabelError  {
         display:block;
         padding:6px 0;
}
/*h1 {
	color:#19a2db;
	font-size:24px;
	line-height:32px;
	padding-top:16px;
}*/


/******************************
Layout
******************************/
#container {
	position:relative; 
	left:50%; 
	/*top:50%;*/
	width:950px;
	/*height:536px;*/
	margin-left:-495px; 
	/*margin-top:-285px;*/
	padding:21px 0 0 40px;
	background:#fff url(/img/system/left-bg.jpg) no-repeat 40px 21px;
}
#Form1 #container {
	width:980px;
	position:static;
	margin:15px 0 0 15px;
}
h1#logo {
	left:101px;
	position:absolute;
height:115px;
width:200px;
}
h1#logo a {
	display:block;
	width:200px;
	height:115px;
	background:url(/img/system/logo.png) no-repeat left top;
}
h1#logo span {
	display:none;
}


div#logo {
	left:90px;
	position:absolute;
         height:115px;
         width:200px;
background:url(/img/system/logo.png) no-repeat left top;
}
div#logo a {
	display:block;
	width:200px;
	height:115px;
}
div#logo span {
	display:none;
}

#navi {
	width:563px;
	position:absolute;
	left:388px;
	background:#fff;
	padding-top:52px;
}
#homepage #navi {
background:none;
}
#navi ul {
	/*float:left;*/
	width:320px;
	height:50px;
}

#content {
	/*width:910px;
	height:406px;*/
	/*margin-top:1px;*/
    background-color:#f1f1f1;
	margin-left:81px;
	width:830px;
}
#homepage #content {
	/*position:absolute;*/
	/*margin-top:-116px;*/
	background:url(/img/system/homepage.jpg) no-repeat left top;
	height:526px;
}
#Form1 #content {
	width:auto;
}
#footer {
	padding:7px 0 22px;
	font-size:11px;
	color:#666;
}


/******************************
content-left
******************************/
#content-left {
	float:left;
	width:354px;
	height:406px;
}
#content-left-main {
	float:left;
	width:271px;
	min-height:526px;
	overflow:hidden; /*IE6*/
	background:#fff url(/img/system/default-bg.jpg) no-repeat left top;
}
#projekt #content-left-main {
	height:365px;
}
#content-left-bottom {
	float:left;
	width:324px;
	height:32px;
	padding:9px 0 0 30px;
	display:none;
}
#projekt #content-left-bottom {
	display:block;
}


/******************************
content-right
******************************/
#content-right-top {
	float:left;
	width:540px;
	height:57px;
	margin-top:128px;
	padding-left:16px;
	display:none;
}
#grundstueck #content-right-top {
	float:left;
	width:556px;
	height:130px;
}
#grundstueck #content-right-top strong {
	padding-left:2px;
         color:#4c4c4c;
}
#content-right-main {
	float:left;
	width:525px;
	height:388px;
	padding:0 10px 0 16px;
	overflow:auto;
	overflow-x:hidden;
	margin-top:128px;
}
#projekt  #content-right-main {
	height:310px;
}
#grundstueck #content-right-main {
	height:275px;
}
#content-right-bottom {
	float:left;
	width:526px;
	height:32px;
	padding:9px 30px 0 0;
	text-align:right;
	display:none;
}
#projekt #content-right-bottom  {
	display:block;
}


/******************************
Footer
******************************/
#footer a {
	color:#666;
}
#footer span.seperator {
	color:#a3a3a3;
	padding:0 9px;
}
#footer-left {
	width:350px;
	float:left;
}
#footer-right {
	width:550px;
	float:right;
	text-align:right;
	padding-right:40px;
}
#footer-right img#english {
	margin-bottom:-2px;
}


/******************************
Home
******************************/
#flash {
	width:910px;
	height:406px;
}
#home-left {
	width:452px;
	height:82px;
	background-color:#FFF;
	position:absolute;
	top:144px;
	left:40px;
	padding:0 10px 0 20px;
	display:none;
}
#home-left h1 {
	padding:11px 0 3px 0;
}
#home-left span {
	font-size:13px;
	line-height:18px;
}
#home-left a {
	margin-left:6px;
}
#home-right-open,
#home-right-closed {
	display:none;
	width:251px;
	height:auto;
	background:#FFF url(/img/system/home-right-open.gif) 0 0 no-repeat;
	position:absolute;
	bottom:80px;
	left:676px;
	font-size:11px;
	line-height:13px;
}
#home-right-closed {
	display:block;
	height:25px;
	background:#FFF url(/img/system/home-right-closed.gif) 0 0 no-repeat;
	top:465px;	
}
#home-right-open h2,
#home-right-closed h2 {
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	color:#FFF;
	padding:4px 0 0 11px;
	cursor:pointer;
	display:block; /*IE6*/
	width:240px; /*IE6*/
	height:21px; /*IE6*/
}
#home-right-open div.news-home {
	display:block;
	padding:6px 11px 6px 11px;
}
#home-right-open h3 {
	font-size:11px;
	line-height:13px;
}


/******************************

******************************/
a.link,
#home-left a,
#home-right-open a,
#home-right-closed a,
#content-right-bottom a {
	background:url(/img/system/link.gif) 0 3px no-repeat;
	padding-left:14px;
	font-weight:bold;
}
#content-right-bottom a {
	margin-left:23px;
}
a.link-back {
	background:url(/img/system/link-back.gif) 0 3px no-repeat;
	padding-left:14px;
	font-weight:bold;
}
#content-right-main strong {
         color:#4c4c4c;
}
#content-right-main ul {
	padding:5px 0 5px 0px;
	list-style-type:none;
}
#content-right-main ul li {
	background:url(/img/system/point.gif) 0 10px no-repeat;
	padding:3px 0 3px 11px;
}
#content-right-main img.floatleft {
	float:left;
	margin:0 10px 5px 0;
}
#content-right-main img.floatright {
	float:right;
	margin:0 0 5px 10px;
}

img.floatright {
 float:right;
}

#content-left-main .gallery {
	margin:24px 0 0 30px;
}
/*#content-right-main h2 {
	font-size:12px;
	line-height:18px;
}*/


/******************************
Formular
******************************/
legend {
	display:none;
}
fieldset {
	display:block;
}
label,
span.spanlabel,
span#labvorname,
span#labname,
span#labstrasse,
span#labhausnummer,
span#labplz,
span#labstadt {
	display:block;
	width:198px;
	float:left;
	padding:2px 0 0 0;
}
label.error  {
	color:#62ab38;
}
label.first,
span.spanlabel.first,
span#labvorname,
span#labstrasse,
span#labplz {
	width:85px;
}
label.second,
span.spanlabel.second,
span#labname,
span#labhausnummer,
span#labstadt {
	width:113px;
}
input.text,
textarea {
	width:278px;
	border:1px solid #a5acb2;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#666666;
	padding:2px 5px 2px 5px;
	margin-bottom:5px;
}
html>body input.text {margin-bottom:7px;}
*:first-child+html input.text {margin-bottom:5px;}
input.vorname {width:118px;}
input.name {width:145px;}
input.strasse {width:211px;}
input.hausnummer {width:52px;}
input.plz {width:63px;}
input.stadt {width:200px;}
input.vorname,
input.strasse,
input.plz {
	margin-right:3px;
}
textarea {
	width:283px;
	height:94px;
	padding-right:0;
}

.radiozwei input {
	width:15px;
	border:0px;
	float:left;
}
.herr,
.frau {	
	width: 50px; 
	float: left; 
	border:0px;
	padding-left:5px;
	margin-bottom:8px;
}
div.delete {
	width:277px;
	float:left;
	text-align:right;
}
div.send {
	width:212px;
	float:left;
	text-align:right;
}
#imageonCaptchacontrol1 {
	margin:5px 0px 8px 198px;
}


/* Grundstueck-Suche */
select.grundstueckselect { 
	width:110px;
	border:1px solid #7e9db9; 
	font-size:11px;
	line-height:25px;
}
a.grundstueck,
a:hover.grundstueck { font-weight:bold; }
img.grundstuecksmall {
	float:left;
	margin:0 13px 5px 0;
	border:1px solid #666666;
	width:98px;
}


/* Gallery */
a.gallerylink { font-size:11px; font-weight:bold; display:inline; padding:2px; padding-top:0; }
a.aktiv { color:#28A0D4; }
a.nonaktiv { color:#676767; }
.gallerylupe { float:right; margin-right:5px; padding-top:1px; }


/* Newsletter */
/*.newsletterbottom { text-align:center; font-family:Arial; font-size:11px; color:#8c8c8c; }
.newsletterbottom a,
.newsletterbottom a:hover { color:#8c8c8c; text-decoration:underline; }
.newsletterheadline { color:#333333; font-size:12px; font-weight:bold; }
.newsletterheadline2 {
	color:#19a2db;
	font-size:18px;
	line-height:32px;
	padding-top:16px;
}
.newslettertext { }
.newslettertext a { color:#19a2db; font-weight:bold; }*/


/* Newsletter-Anmeldung */
select.select { 
	width:288px;
	border:1px solid #a5acb2;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#666666;
	margin-bottom:6px;
}
table#CBLTopics label {
         display:inline;
         float:none;
         padding-left:10px;
}


/* Webcam */
#webcam1 {
	width:441px;
	float:left;
	margin-right:26px;
}
#webcam1 strong,
#webcam2 strong {
         color:#4c4c4c;
}
#webcam1 img,
#webcam2 img {
	margin-bottom:4px;
}



#navi ul {
	list-style:none;
	float:left;
}
#navi ul li {
	float:left;
	margin:0 7px;
	/*border-left:1px solid #FFF;*/
}
/*#navi ul li:hover {
	border-color:#ACCA58;
}
#navi ul li.no-child:hover {
	border-color:#FFF;
}*/
#navi ul li a {
	display:block;
	padding:0px 11px 10px; 
	font-size:16px;
	/*font-weight:bold;*/
	color:#4a575f;
}
#navi ul li.selected a {
	color:#ACCA58;
}

#navi ul li ul {
	height:auto;
	width:auto;
	display:none;
	position:absolute;
	z-index:2000;
	border-right:1px solid #ACCA58;
	border-bottom:1px solid #ACCA58;
	border-left:1px solid #ACCA58;
	margin-left:-1px;
	background-color:#FFF;
	padding:1px 0 14px 0;
}
#navi ul li:hover ul {
	display:block; 
}
#navi ul li ul li {
	float:none;
	margin:0;
	border:none;
	padding:1px 3px 1px 3px;
}
#navi ul li ul li a,
#navi ul li.selected ul li a {
	font-size:11px;
	line-height:16px;
	color:#000;
	background:none;
	padding:0px 26px 0px 6px;
}
#navi ul li ul li.selected a,
#navi ul li ul li:hover a {
	background-color:#E7FBAF; /*fff3f5*/
}

#homepage #navi ul li a {
	color:#fff;
}
#homepage #navi ul li a:hover {
	color:#4a575f;
}
#homepage #navi ul ul li a,
#homepage #navi ul ul li a:hover {
	color:#000;
}


#searchfiled {
	padding-top:50px;
	position:absolute;
	right:64px;
}
#searchfiled label {
	font-size:16px;
	color:#4a575f;
	width:54px;
}
#homepage #searchfiled label {
	color:#fff;
}
#searchfiled input {
  width:130px;
  height:16px;
  border:1px solid #dbdbdb;
  margin-top:2px;
  float:left;
}
#searchfiled input#sbmt,
#searchfiled .imgbtn {
  width:17px;
  height:17px;
  background:url(/img/system/search.png) no-repeat left top;
  margin-left:5px;
  border:0;
  color:#ACCA58;
  display:block;
  float:left;
  margin-top:2px;
}
#searchfiled .imgbtn span {
  display:none;
}
#homepage #searchfiled .imgbtn,
#homepage #searchfiled input#sbmt {
  background:url(/img/system/search-home.png) no-repeat left top;
  color:#fff;
}
.hometeaser {
	position:absolute;
	bottom:69px;
	right:64px;
	width:250px;
}
.bot .lef {
	background:url(/img/system/lb.png) no-repeat left bottom;
}
.bot .rig {
	background:url(/img/system/rb.png) no-repeat right bottom;
}
.top .lef {
	background:url(/img/system/lt.png) no-repeat left top;
}
.top .rig {
	background:url(/img/system/rt.png) no-repeat right top;
}
.top {
  height:9px;
  font-size:9px;
}
.mid {
  height:9px;
  font-size:9px;
  width:232px;
  float:right;
  background-color:#fff;
}
.bot .mid {
  background-color:#A3C44C;
}
.rig,
.lef {
  height:9px;
  width:9px;
  font-size:9px;
}
.rig {
  float:right;
}
.lef {
  float:left;
}
.bot {
margin-top:-3px;
}
.hometeaser h2 {
  background-color:#fff;
  color:#ACCA58;
  font-size:11px;
  line-height:18px;
  padding:1px 16px 5px;
  font-weight:bold;
}

.teasertext {
  background-color:#A3C44C; /* ACCA58 */
  padding:12px 16px;
  color:#fff;
  font-size:11px;
}
.teasertext img {
	float:right;
}

.teasertext span a {
	display:block;
	padding:0 0 0 9px;
	background:url(/img/system/arrow-white.png) no-repeat left 4px;
	color:#fff;
	font-weight:bold;
	margin-top:16px;
}

/*#content-right-top */h2 {
	color:#ACCA58;
	font-size:24px;
	line-height:28px;
	font-weight:normal;
	padding-bottom:0;
}
h3{
	color:#7f7f7f;
	font-size:12px;
	padding-bottom:4px;
}

table.table {
	background-color:#fff;
	border-collapse:collapse;
	empty-cells:show;
	table-layout:auto;
	width:100%;
	padding:2px;
	color:#7e7e7e;
	font-size:11px;
}
table.table tr.thead,
table.table thead tr {
	background:url(/img/system/headline-bg.png) repeat-y left top;
	border-bottom:3px solid #fff;
}
table.table tr.thead td,
table.table th {
	text-align:left;
	color:#fff;
	font-size:12px;
}
table.table th, table.table td {
	border-bottom:1px solid #fff;
	line-height:1em;
	padding:2px 5px 4px 7px;
	vertical-align:top;
	font-size:12px;
}

table.table td a {
	display:block;
	padding:0 0 0 9px;
	background:url(/img/system/arrow-red.png) no-repeat left 1px;
	color:#333333;
/*	color:#ACCA58;*/
}
table.table tr:hover {
	background-color:#E7FBAF;
}
.headline {}

.product {
	width:238px;
	padding:5px;
	background-color:#fff;
	float:left;
	margin:0 5px 7px 0;
}
.product h2 {
	background:url(/img/system/headline-bg.png) repeat-y left top;
	color:#fff;
	font-size:12px;
	padding:2px 5px 4px 7px;
	line-height:18px;
}
.product h3 {
	color:#4c4c4c;
	font-size:28px;
	line-height:32px;
	font-weight:normal;
	padding:16px 0;
}
.product img {
	float:right;
}
.product div {
	padding:4px 5px 4px 7px;
}
.product .plaintext {
	font-size:11px;
	color:#ACCA58;
	padding:0 0 0 9px;
	background:url(/img/system/arrow-red.png) no-repeat left 4px;
}
#content-right-main .product .plaintext strong {
	color:#ACCA58;
	display:block;
}

span.searchHighlight{ /*color:#ACCA58;*/ font-weight:bold; font-style:italic; }

#Form1 #hometeaser {
left:250px;
}

div#mainflash { margin:0 auto; width:800px; height:500px; }
div#skip { float:right; }

.searchresulttext a { color:#333; }
.searchresulttext a:hover,
.searchresulttext a:active,
.searchresulttext a:focus { text-decoration:underline; }
