/******************************
Allgemeines
******************************/
* {
	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:#0098d7;
}
.clear,
.spacer,
.doublespacer,
.halfspacer,
.quarterspacer,
.standardspacer,
.line {
	width:100%;
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
}
.spacer,
.standardspacer {height:12px;}
.doublespacer {height:24px;}
.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;
	background-color:#FFF;
	padding:34px 0 0 40px;
}
#Form1 #container {
	width:980px;
	position:static;
	margin:15px 0 0 15px;
}
#logo {
	float:left;
	width:134px;
	height:78px;
	background-color:#FFF;
	
}
#navi {
	float:left;
	width:600px;
	height:50px;
	padding-left:208px;
	padding-top:30px;
}
#content {
	width:910px;
	height:406px;
	margin-top:1px;
         background-color:#F1F1F1;
float:left;
}
#Form1 #content {
	width:auto;
}
#footer {
	padding-top:7px;
	font-size:11px;
	color:#666;
}


/******************************
content-left
******************************/
#content-left {
	float:left;
	width:354px;
	height:406px;
}
#content-left-main {
	float:left;
	width:354px;
	height:406px;
	overflow:hidden; /*IE6*/
}
#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:556px;
	height:57px;
}
#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:528px;
	height:348px;
	padding:0 25px 0 3px;
	overflow:auto;
	overflow-x:hidden;
}
#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;
}
#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:218px;
	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:133px;
}
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:232px;
	float:left;
	text-align:right;
}
#imageonCaptchacontrol1 {
	margin:5px 0px 8px 218px;
}


/* 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;
}