/* *** Definition des HTML-Tag *** */
html {
	overflow-x: hidden;
	overflow-y: auto;
}


/* *** Definition des BODY-Tag *** */
body {
	margin: 0;
	padding: 0;
	background-color: white;
}


/* *** Definition des TEXTAREA-Tag *** */
textarea {
	overflow-x: hidden;
	overflow-y: auto;
}



/* *** Container fuer Inhalte *** */
 #container { 
    	width: 983px;
    	background: #FFFFFF;
		background-image: url(../art/bg-sprites.png);
		background-position: 0 0;
		background-repeat: no-repeat;
    	
    	margin: 0;
    	text-align: left;
		padding-bottom: 20px;
    }
	 
#header { 
    	background: transparent;
		/*background: Fuchsia;*/
		display: block;
		height: 48px;
    	padding: 0px;
    } 
	 
#sidebar1 {
    	float: left;
		display: inline; /* wg. IE-5 bug!!! */
    	width: 202px;
    	padding: 9px;
		background-color: #FAD136;
		margin-top: 127px;
		margin-left: 9px;
		/*background-color: Fuchsia;*/
		padding-top: 22px;
    }
#mainContent {
	margin: 0px;
	margin-left: 8px;
	padding: 0px;
	width: 746px;
	float: left;
/*background: Gray;*/
}
#mainContent #mainPic { /* Haupt-Bild-Kontainer */
	padding: 0px;
	margin: 0px;
	width: 746px;
	height: 290px;
	position: relative;
/*background-color: Aqua;*/
}
#mainContent #mainPic img { /* Haupt-Bild */
	float: right;
/*background-color: Aqua;*/
}
#mainContent #mainText { /* Text-Kontainer */
	padding-left: 164px;
	padding-top: 5px;
	background-color: white;
}

#mainContent #mainPic #content-left-wrap { /* Haupt-Bild-Beschriftung */
	width: 155px;
/*background-color: Green !important;*/
	text-align: right;
	position: absolute;
	bottom: 5px;
	margin-bottom: 0px;
}

#mainContent #mainPicOpacity { /* Haupt-Bild-Transparenz-Layer */
position: absolute;
top: 165px;
width: 583px;
left: 400px;
}

#mainContent #mainPicOpacity #line1 { /* Erste Zeile */
background-color: White;
filter:alpha(opacity=20);
-moz-opacity:0.2;
opacity: 0.2;
height: 10px;
font-size: 1px;
line-height: 1px;
}
#mainContent #mainPicOpacity #line2 { /* Zweite Zeile */
background-color: #44484D;
filter:alpha(opacity=30);
-moz-opacity:0.3;
opacity: 0.3;
height: 163px;
font-size: 1px;
line-height: 1px;
}
ul#naviMain li.navigationSpacer {
	background-image: url(../art/bg-sprites.png);
	background-repeat: no-repeat;
	background-position: -15px -212px;
	display: block;
	width: 202px;
	height: 16px;
}


/* *** Klassen fuer Umfluesse *** */
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.clear-both,
.clearFloat {
	clear: both;
}
.clearFloatRight {
	clear: right;
	height:0;
	font-size: 1px;
	line-height: 0px;
}



/* *** CSS-Klassen fuer 'Mailform' *** */
form#mailform {}
form#mailform fieldset {
	margin: 0 0 15px 0;
	padding: 0;
	border: none;
}
form#mailform label {
	float: right;
	width: 310px;
	padding-top: 1px;
}
input#mailformname,
input#mailformemail,
input#mailformphone {
	width: 230px;
	margin-bottom: 3px;
	padding: 1px 5px 2px 5px;
	border: 1px solid #8F9EAF;
}
input#mailformcall {
	margin: 2px 0 5px 0;
}
textarea#mailformmessage {
	width: 330px;
	height:120px;
	margin: 10px 0 3px 0;
	padding: 1px 5px 2px 5px;
	border: 1px solid #8F9EAF;
}
input#mailformformtype_mail {
	border: 1px solid #8F9EAF;
	background: none;

}



/* *** CSS-Klassen fuer 'CSS Styled Content' *** */

/* Abstand unter Bild + Unterschrift */
DIV.csc-textpic-imagewrap {
	padding-bottom: 20px;
	/*background-color:red;*/
}

/* Abstand unter dem Bild */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 00;
}

/* Rahmen um Bilder */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image a IMG,
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image a IMG {
	border: 1px solid #C40F22;
}
/* Bullets bei Bilder-Links entfernen */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image a,
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image a {
	background-image: none;
	padding-left: 0px;
}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image a:hover IMG,
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image a:hover IMG {
	border: 1px solid #000000;
}

/*DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { clear: both; }*/

DIV.csc-textpic DIV.csc-textpic-imagerow {  float: left; clear: both; margin-bottom: 10px; display: block; }