@charset "utf-8";


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:21px;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #5e3326;
}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
}

h1, h2{
	line-height: 24px;
	font-weight: lighter;
}

h2, h4 {	
color:#548dc0;
}

.txt_10px {
	font-size:10px;
	line-height:14px;
}


a img {
	border: none;
}


a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

#container {
	width: 960px;
	margin: 0 auto; 
}

#container_iframe {
	width: 740px;
	margin: 0 auto; 
}

#header {
	width: 100%;
	background: #FFF;
	text-align:center;
}

#kante {
	width: 100%;
	background-image:url(images/kante.jpg);
	background-repeat:repeat-x;
	height:26px;
}

#navi {
	width: 100%;
	background: #bcd5ef;
	margin: 0 auto; 
}

.nav {
    border:1px solid #fff;
    border-width:1px;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
	font-family:'Jura', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#5e3326;
	font-size:14px;
}

.nav li {
    display:inline;
	border-left:1px solid #fff;
}

.nav a{
	display:inline-block;
	padding-left:35px;
	padding-right:35px;
	text-decoration:none;
	color:#5e3326;
	font-weight:bold;
}

.nav a:hover{
	display:inline-block;
	padding-left:35px;
	padding-right:35px;
	text-decoration:none;
	color:#4290d5;
	font-weight:bold;
}

#content {
	padding: 10px 0;
}

/* ~~ Fußzeile ~~ */

#footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 44px;
    width: 100%;
    background-color:#bcd5ef;
}

/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  
	float: right;
	margin-left: 8px;
	margin-top:20px;
}

.fltlft { 
	float: left;
	margin-top:20px;
	margin-left:20px;
	width:390px;
}

.fltlft2 { 
	float: left;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:60px;
	width:490px;
}

.fltlft3 { 
	float: left;
	margin-top:20px;
	margin-left:120px;
	width:700px;
}

.fltlft3_iframe { 
	float: left;
	margin-top:20px;
	margin-left:20px;
	width:700px;
}


.fltlft4 { 
	float: left;
	margin-top:20px;
	margin-left:90px;
	width:390px;
}
.product { 
	float: left;
	margin-top:20px;
	margin-left:10px;
	margin-bottom:10px;
	padding:10px;
	width:380px;
	height: auto;
	border: 1px solid #c3c3c3;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f4f4f4;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDQyNyA0ODIiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iNDI3IiBoZWlnaHQ9IjQ4MiIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #e1e1e3 0%, #f6f6f6 100%);
	background-image: -o-linear-gradient(bottom, #e1e1e3 0%, #f6f6f6 100%);
	background-image: -webkit-linear-gradient(bottom, #e1e1e3 0%, #f6f6f6 100%);
	background-image: linear-gradient(bottom, #e1e1e3 0%, #f6f6f6 100%);
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

ul#liste {
list-style-image:url(images/pfeil.png);
margin-left:24px;
padding-left:0;

}

ul#liste li {
margin-bottom:0.2em;
font-weight:normal;
}

/*formular*/

fieldset {
	margin:0;
	border:0px solid transparent;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 35px;
	padding-left: 0;
} 
	
fieldset ul {
	margin:0;
	padding:15px 0 0 0;
	list-style-type: none;
}

form {
	border:0;
	width:600px;
	margin:0 auto;
	position: relative;
}

form_iframe {
	border:0;
	width:600px;
	margin:0 auto;
	position: relative;
}

fieldset li {
	float:left;
	margin:0 0 12px 0;
	padding:0;
	text-align: left;
	width:400px;		
}

.errorMsg {
	float:left;
	width:500px;
	margin:0 0px 20px -50px;
	padding:0;
	border-width:1px 0;
	border-style: solid;
	border-color: #E00 #FFDCE5;
	color:#E00;
	background-color:#FFDCE5;
}

.errorMsg span {
	display: inline-block;
	padding:15px 40px 15px 50px;	
}

label { 
	float:left;
	line-height:167%;
	width:83px;
	cursor: pointer;
	position:relative;	
}

label[title~="Pflichtfeld"]:after {
	content:"*";
	position: absolute;
	left:70px;
	top:0;
	font-weight:bold;
	z-index:5;
}

em, label[title~="Pflichtfeld"]:after {
	font-weight:bold;
	font-size:142%;
	color:#E00;
}

[type="text"], textarea {
	float:left;
	width: 301px; 	
	border:1px solid #ccc;
	padding:0;
	background:#FFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 2px 2px 3px #e2e2e2, inset 2px 2px 3px #e2e2e2;
  -moz-box-shadow: 2px 2px 3px #e2e2e2, inset 2px 2px 3px #e2e2e2;
  box-shadow: 2px 2px 3px #e2e2e2, inset 2px 2px 3px #e2e2e2;
}

input{
   height:20px;
}



input:focus {
    outline: none;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
    border: 1px solid rgba(0, 0, 0, 0.6);
}

input.required {
    border-right-color: red;
}

input.error {
    border: solid 1px #960a06;
    box-shadow: 0 0 4px #f9a89f;
}

input.valid {
    border: solid 1px #598C28;
    box-shadow: 0 0 4px #7FC666;
}

.inputSpace {
	margin:0 5px 0 0;
}
 

	
fieldset ul li:first-child {
	margin:0 40px 12px 0;	
}


textarea:focus {
    outline: none;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
    border: 1px solid rgba(0, 0, 0, 0.6);
}




textarea.valid {
	border: solid 1px #598C28;
    box-shadow: 0 0 4px #7FC666;

}

textarea.error {
 border: solid 1px #960a06;
    box-shadow: 0 0 4px #f9a89f;
}




input.btnSend {
	margin: 25px 0 0 0;
	float:left;
	width:85px;
	height:30px;
	font-weight:bold;
	color:#54311e;
	text-align: center;
	padding:0 0 2px 0;
	text-indent:0px;
	border: 1px solid #999;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	cursor:pointer;
  	-webkit-box-shadow: inset 0px 0px 0px;
  	-moz-box-shadow: inset 0px 0px 0px;
  	box-shadow: inset 0px 0px 0px;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwIDMwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiYmJkYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2M3Y2JjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjZjFmM2Y3IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTdlOWViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIzMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #bbbdbf 0%, #c7cbcd 43.9%, #f1f3f7 56.62%, #e7e9eb 100%);
	background-image: -o-linear-gradient(bottom, #bbbdbf 0%, #c7cbcd 43.9%, #f1f3f7 56.62%, #e7e9eb 100%);
	background-image: -webkit-linear-gradient(bottom, #bbbdbf 0%, #c7cbcd 43.9%, #f1f3f7 56.62%, #e7e9eb 100%);
	background-image: linear-gradient(bottom, #bbbdbf 0%, #c7cbcd 43.9%, #f1f3f7 56.62%, #e7e9eb 100%);	
}

input.btnSend:hover,
input.btnSend:active,
input.btnSend:focus  {
	color:#54311e;
   border:1px solid #666;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5YmZlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZGRlOWY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2NkZWYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
background-image: -moz-linear-gradient(bottom, #99bfe7 0%, #dde9f5 51.44%, #ccdef0 100%);
background-image: -o-linear-gradient(bottom, #99bfe7 0%, #dde9f5 51.44%, #ccdef0 100%);
background-image: -webkit-linear-gradient(bottom, #99bfe7 0%, #dde9f5 51.44%, #ccdef0 100%);
background-image: linear-gradient(bottom, #99bfe7 0%, #dde9f5 51.44%, #ccdef0 100%);
}