@charset "utf-8";
.sidebar {
	float: left;
	width: 250px;
	color: #FFF;
	height: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	opacity: 1.0;
}
#element2 {
	background-color: #666;
	margin-right: 30px;
	margin-left: 30px;
	padding: 20px;
	font-family: Calibri,'Droid Sans', arial, serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 2px 2px 2px #000;
	text-align: center;
	line-height: 1.15em;
	border: 1px solid #333;
	-moz-box-shadow: inset 2px 2px 5px #555;
	-webkit-box-shadow: inset 2px 2px 5px #555;
	box-shadow: inset 2px 2px 5px #555;
	}

/* CSS Document */
#fl{
	margin-right:20px;
	float:left;
	}
#fr{
	float:right;
	}
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
}

.oneColLiqCtrHdr {
	background-color:#092759;
	background-image: url(img/bg_body.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.container  {
	opacity: .8;
	text-align: justify; /* this overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	width: 940px;
	background-color: #f4f4f2;
}
#mainImgCont{
	height:245px;
}
.image-container {
	text-align:left;
	background-position:center center;
	background-repeat:no-repeat;
	background-image: url(img/gallery/img-border-wide.png);
	height: 245px;
	width: 940px;
	z-index: 20;
	top: -210px;
	position: relative;
}
.img-header{
	position:relative;
	width: 924px;
	left:8px;
}
h1 {
	font-family: Calibri,'Droid Sans', arial, serif;
	color: #555;
}


.fade-box  {
height:250px;
position:absolute;
text-align:center;
width:760px;
overflow:hidden;
}



.mainContent a {
	color: #666;
	
	}

.mainContent a:link {
	text-decoration: none;
	outline: none;
}

.mainContent a:visited {
	text-decoration: none;
	outline: none;
}
.mainContent a:active {
	text-decoration: none;
	outline: none;
}

.mainContent a:hover {
	text-decoration: none;
	outline: none;
	color: #39C;
}

.container #element{
	font-size: 150%;
	font-weight: normal;
	}
.container #element2{
	font-size: 120%;
	font-weight: normal;
	}	
.container #element3 {

}
.uberpost-it{
	position: absolute;
	top: 120px;
	overflow: visible;
	height: 1px;
	width: 1px;
	}
.post-it {
	z-index: 20000;
	position: relative;
	height: 236px;
	width: 233px;
	top: -25px;
	left: 50px;
	}
.post-it a {
	color: rgba(0,0,0,0);
	}
.post-it a:link {
	color: rgba(0,0,0,0);
	text-decoration: none;
	outline: none;
}
.post-it a:hover {
	color: rgba(0,0,0,0);
	text-decoration: none;
	outline: none;
}
.post-it a:active {
	color: rgba(0,0,0,0);
	text-decoration: none;
	outline: none;
}
.header  {
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	height: 65px;
}
.teaserContainer {
	margin: 5px;
	float: left;
	width: 240px;
}
.teaserContainer2 {
	margin: 5px;
	float: right;
	width: 240px;
}

#header h1  {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.mainContent  {
	background: #FFFFFF;
	height: 100%;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.oneColLiqCtrHdr .container .mainContent ul{
	list-style-type: square;
	overflow: visible;
}

.footer {
	background-color: #594a42;
	color:#fff;
	float: left;
	width: 100%;
}
.footer a:link {
	color: #fff;
}
.footer a:visited {
	color: #fff;
}
.footer a:active {
	color: #fff;
}
.footer a:hover {
	color:orange;
	}
.footer a:link {
	color: #fff;
}
.sidebar a:visited {
	color: #fff;
}
.sidebar a:active {
	color: #fff;
}
.sidebar a:hover {
	color:orange;
	}
#footer {
	width: 300px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom:10px;
}
.logo    {
	width: 250px;
	height:65px;
	float: left;
}
.menu {
	float: right;
	padding: 0px;
	position: relative;
	top: 35px;
}

.iconplatzhalter{
	padding-top: 20px;
	width:760px;
	overflow:hidden;
	}
.partnerdesc{
	padding-bottom: 20px;
	}
.logowolke{
	border: 1px solid #000;
	padding: 10px;
	margin-bottom: 20px;
	}

.fields {
	width: 460px;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	height: 225px;
	}
.fieldsIMG {
	float: left;
	margin-right: 30px;
	}
.teaser{
	margin-bottom: 10px;
	}
.teaser h3{
	font-size:1.05em;
	}
.formmailer{
	}
textarea { overflow: auto }
/*.formmailer #button{
	background-color: #ccc;
	border: 1px solid #000;
	color: #000;
	text-align: center;
	margin-right: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	cursor:pointer;
	}
.formmailer #button:hover{
	background-color: #39C;
	border: 1px solid #000;
	color: #000;
	text-align: center;
	margin-right: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	cursor:pointer;
	}
*/
.formmailer #button{
	background-color:#fff;
	border:none;
	text-decoration: none;
	outline: none;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	cursor:pointer;
	}
.formmailer #button:hover{
	text-decoration: none;
	outline: none;
	font-family: Verdana, Geneva, sans-serif;
	color: #39C;
	cursor:pointer;
}
.video {

}
.video2{
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
}
.container {
	opacity: 1;
	text-align: justify; /* this overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 90%;
	color: #666;
	width: 960px;
	background-color: #f60;
	background-color: rgba(242, 242 ,244 ,0.8);
}
.header {
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	height: 65px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
.mainContent {
	background: #FFFFFF;
	float: right;
	height: 100%;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	text-align: left;
}
.clearboth {
	clear: both;
}
.floatright {
	float: right;
	width: 575px;
}
#products li{
padding-bottom:1em;
}