/* CustomSites Stylesheets */

* {

	margin: 0;
	padding: 0;
	font-size: 1em;
	border: 0;
	outline: none;


}

body{
background:url(images/bg-body.png) repeat-x #7dd9ff;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0,005em;
text-align:center;
font-size:12px;
color:#444444;
}

#container{
margin-right:auto;
margin-left:auto;
width:966px;
text-align:left;
}

#header{
width:966px;
height:100px;
}

#logo{
width:213px;
height:36px;
float:right;
margin:18px 34px 16px 0px;
}

#navi-top{
width:966px;
height:30px;
clear:both;
}

#navi-top ul li{
display:inline;
list-style-position: inside;
list-style:none;
}

/* BUTTONS */
.btn-links a, .btn-links a:link, .btn-links a:visited{ display:block; float:left; width:165px; height:24px; text-align:center; background: url(images/bg-navi.png) 0px 0px no-repeat; font-size:16px; color:#222; text-decoration: none; padding-top: 6px;}
.btn-mitte a, .btn-mitte a:link, .btn-mitte a:visited{ display:block; float:left; width:160px; height:24px; text-align:center; background: url(images/bg-navi.png) -165px 0px no-repeat; font-size:16px; color:#222; text-decoration: none; padding-top: 6px;}
.btn-rechts{ display:block; float:left; width:481px; height:24px; text-align:center; background: url(images/bg-navi.png) -325px 0px no-repeat; font-size:16px; color:#222; text-decoration: none; padding-top: 6px;}

/* BUTTONS (rollover) */
.btn-links a:hover{ display:block; float:left; width:165px; height:24px; text-align:center; background: url(images/bg-navi.png) 0px -30px no-repeat; font-size:16px; color:#000; text-decoration: none; padding-top: 6px;}
.btn-mitte a:hover{ display:block; float:left; width:160px; height:24px; text-align:center; background: url(images/bg-navi.png) -165px -30px no-repeat; font-size:16px; color:#000; text-decoration: none; padding-top: 6px;}

/* BUTTONS (active) */
.btn-links-active a{ display:block; float:left; width:165px; height:24px; text-align:center; background: url(images/bg-navi.png) 0px -60px no-repeat; font-size:16px; color:#fff; text-decoration: none; padding-top: 6px;}
.btn-mitte-active a{ display:block; float:left; width:160px; height:24px; text-align:center; background: url(images/bg-navi.png) -165px -60px no-repeat; font-size:16px; color:#fff; text-decoration: none; padding-top: 6px;}

/* BUTTONS (active rollover) */
.btn-links-active a:hover{ display:block; float:left; width:165px; height:24px; text-align:center; background: url(images/bg-navi.png) 0px -60px no-repeat; font-size:16px; color:#fff; text-decoration: none; padding-top: 6px;}
.btn-mitte-active a:hover{ display:block; float:left; width:160px; height:24px; text-align:center; background: url(images/bg-navi.png) -165px -60px no-repeat; font-size:16px; color:#fff; text-decoration: none; padding-top: 6px;}

#content{
width:966px;
min-height:490px;
padding:0px 3px 0px 3px;
background:url(images/bg-content.png) repeat-y;
}

.home-content{
width:960px;
height:420px;
background:url(images/bg-home-content.jpg) no-repeat;
}

.folio-content{
width:960px;
height:490px;
background:url(images/bg-folio-content.jpg) no-repeat;
}

.folio-left{
width:458px;
min-height:450px;
float:left;
margin:20px 9px 0px 13px;
}

.folio-left h1{
margin-left:17px;
}


.impressum-left{
width:428px;
min-height:450px;
float:left;
margin:20px 9px 0px 43px;

}

.impressum-left h1{
margin-left:17px;
}

.image-container{
margin-left:17px;
width:426px;
height:330px;
}
.image-main-container{
height:330px;
}
#slider{
width:458px;
height:76px;
margin-top:10px;
}

#btn-nachlinks{
float:left;
width:28px;
height:53px;
margin-right:14px;
margin-top:12px;
}

#btn-nachlinks a, #btn-nachlinks a:link, #btn-nachlinks a:visited{ display:block; width:28px; height:53px; background: url(images/bg-nach-links-button.png) 0px 0px no-repeat;}
#btn-nachlinks a:hover{ display:block; width:28px; height:53px; background: url(images/bg-nach-links-button.png) -28px 0px no-repeat;}

#btn-nachrechts{
float:right;
width:28px;
height:53px;
margin-left:11px;
margin-top:12px;
}

#btn-nachrechts a, #btn-nachrechts a:link, #btn-nachrechts a:visited{ display:block; width:28px; height:53px; background: url(images/bg-nach-rechts-button.png) -28px 0px no-repeat;}
#btn-nachrechts a:hover{ display:block; width:28px; height:53px; background: url(images/bg-nach-rechts-button.png) 0px 0px no-repeat;}

#thumbs_container {width: 376px; height: 76px; overflow:hidden; float:left;}

#thumbs{ float:left; width: 9999px; vertical-align:middle;}

#slider #thumbs_container #thumbs img{margin:3px 0px 3px 0px;}

#slider #thumbs_container #thumbs .active, #slider #thumbs_container #thumbs a:hover .active{border:3px solid #287ea7; margin:0px 0px 0px 0px;}

#slider #thumbs_container #thumbs a:hover img{border:3px solid #287ea7; margin:0px -3px 0px -3px;}



.folio-teiler{
float:left;
width:2px;
background:url(images/bg-teiler.png) repeat-y;
min-height:450px;
margin-top:20px;
}

.folio-right{
width:420px;
min-height:450px;
float:left;
margin:20px 30px 0px 28px;
}

.folio-right ul{
list-style-position:inside;
list-style-image:url(images/bg-check.gif);
min-height:225px;
margin-top:20px;
}

.folio-right ul li{
font-size:18px;
line-height:30px;
}

#visit-btn{
width:210px;
height:44px;
margin-top:10px;
margin-bottom:30px;
}

#visit-btn a, #visit-btn a:link, #visit-btn a:visited{ display:block; width:210px; height:44px; background: url(images/bg-visit-button.png) 0px 0px no-repeat;}
#visit-btn a:hover{ display:block; width:210px; height:44px; background: url(images/bg-visit-button.png) 0px -44px no-repeat;}

#navi-home{
width:960px;
height:70px;
}

#navi-home ul li{
display:inline;
list-style-position: inside;
list-style:none;
}

/* BUTTONS */
.btn1 a, .btn1 a:link, .btn1 a:visited{ display:block; float:left; width:242px; height:56px; text-align:center; background: url(images/bg-navi-home.png) 0px 0px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}
.btn2 a, .btn2 a:link, .btn2 a:visited{ display:block; float:left; width:240px; height:56px; text-align:center; background: url(images/bg-navi-home.png) -242px 0px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}
.btn3 a, .btn3 a:link, .btn3 a:visited{ display:block; float:left; width:240px; height:56px; text-align:center; background: url(images/bg-navi-home.png) -482px 0px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}
.btn4 a, .btn4 a:link, .btn4 a:visited{ display:block; float:left; width:238px; height:56px; text-align:center; background: url(images/bg-navi-home.png) -722px 0px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}

.btn1 a:hover{ display:block; float:left; width:242px; height:56px; text-align:center; background: url(images/bg-navi-home.png) 0px -70px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}
.btn2 a:hover{ display:block; float:left; width:240px; height:56px; text-align:center; background: url(images/bg-navi-home.png) -242px -70px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}
.btn3 a:hover{ display:block; float:left; width:240px; height:56px; text-align:center; background: url(images/bg-navi-home.png) -482px -70px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}
.btn4 a:hover{ display:block; float:left; width:238px; height:56px; text-align:center; background: url(images/bg-navi-home.png) -722px -70px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}

.btn1-active a{ display:block; float:left; width:242px; height:56px; text-align:center; background: url(images/bg-navi-home.png) 0px -70px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}
.btn2-active a{ display:block; float:left; width:240px; height:56px; text-align:center; background: url(images/bg-navi-home.png) -242px -70px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}
.btn3-active a{ display:block; float:left; width:240px; height:56px; text-align:center; background: url(images/bg-navi-home.png) -482px -70px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}
.btn4-active a{ display:block; float:left; width:238px; height:56px; text-align:center; background: url(images/bg-navi-home.png) -722px -70px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}

.btn1-active a:hover{ display:block; float:left; width:242px; height:56px; text-align:center; background: url(images/bg-navi-home.png) 0px -70px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}
.btn2-active a:hover{ display:block; float:left; width:240px; height:56px; text-align:center; background: url(images/bg-navi-home.png) -242px -70px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}
.btn3-active a:hover{ display:block; float:left; width:240px; height:56px; text-align:center; background: url(images/bg-navi-home.png) -482px -70px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}
.btn4-active a:hover{ display:block; float:left; width:238px; height:56px; text-align:center; background: url(images/bg-navi-home.png) -722px -70px no-repeat; font-size:30px; color:#fff; text-decoration: none; padding-top: 14px;}

.blue{
color:#b2ebff;
}

#info{
width:960px;
min-height:130px;
background:url(images/bg-info.png) repeat-x #b5b4b4;
}

.textfield{
width:420px;
padding:20px 30px 0px 30px;
float:left;
}

.textfield2{
width:418px;
padding:20px 30px 0px 30px;
float:left;
}

.textfield2 p{
width:209px;
float:left;
}

.teiler{
float:left;
width:2px;
background:url(images/bg-teiler.png) repeat-y;
min-height:115px;
margin-top:15px;
}

.clear{
clear:both;
}

p{
line-height:18px;
margin-bottom:15px;
}

h1{
font-size:22px;
font-weight:normal;
color:#004a99;
line-height:22px;
margin-bottom:10px;
text-align:left;
}

h2{
font-size:22px;
font-weight:normal;
color:#666;
margin-bottom:10px;
}

h3{
font-size:16px;
font-weight:normal;
color:#004a99;
}



a{
color:#004a99;
}

a:hover{
color:#000;
}

.stapel{
position:absolute;
}

.content-left,.content-right{
float:left;
width:420px;
margin:140px 30px 0px 30px;
text-align:center;



}

.content-left a,.content-right a{
color: white;
text-shadow: rgba(244,244,244,8) 1px 1px 2px;
}

.content-left a:hover,.content-right a:hover{
color: white;
text-shadow: rgba(0,0,0,0) 0px 0px 0px;
}

.content-left p, .content-right p{
font-size:16px;
line-height:20px;
color:#fff;
text-align:left;
text-shadow: rgba(0,0,0,1) 0 0 4px;
}

.content-left img, .content-right img{

margin-top:-30px;
}

#footer{
width:966px;
height:37px;
background:url(images/bg-footer.png) no-repeat;
}

.copyright{
float:left;
margin:5px 0px 0px 134px;
font-size:11px; 
}

.impressum{
float:right;
margin:5px 33px 0px 0px;
font-size:11px; 
}

.impressum a{
color:#444;
text-decoration:none;
}

.contact{
padding-top:20px;
padding-left: 20px;
padding-right: 20px;
width:960px;
height:470px;
background:url(images/bg-folio-content.png) no-repeat;
}

#contact {
	clear: both;
	height: 365px;
	padding-top: 35px;
	background: url(images/form-background.png) no-repeat 0 10px;
	position: relative;
}


#contact p.text {
	width: 350px;
	height: 40px;
	position: absolute;
	line-height: 40px;
	left: 20px;
	top: 0;
}

#contact p.name {
	top: 31px;
}

#contact p.company {
	top: 78px;
}

#contact p.email {
	top: 125px;
}

#contact p.phone {
	top: 172px;
}

#contact p.website {
	top: 219px;
}

#contact p.text label {
	width: 90px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	text-align: right;
	font-weight: bold;
	color: #336;
	text-shadow: #fff 0 1px 0;
	cursor: text;
}

#contact p.text input {
	position: absolute;
	width: 240px;
	padding: 12px 10px 12px 100px;
	font: 14px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #669;
	height: 16px;
	z-index: 25; 
	background: url(images/text_feld.png) no-repeat 0 0;
}

#contact p.text.obl input { 
	background-image: url(images/text_feld_obl.png);
	width: 210px;
	padding-right: 40px;
}

#contact p.text.val input { 
	background-image: url(images/text_feld_val.png);
}

#contact p.text input:focus {
	background-position: -350px 0;
}

#contact .message {
	position: absolute;
	top: 31px;
	left: 390px;
}

#contact .message label {
	display: none;
}

#contact .message textarea {
	width: 450px;
	height: 161px;
	padding: 10px 15px;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; 
	background: url(images/kontakt-textarea.png) no-repeat;
	color: #669;
	resize: none;
}

#contact .message textarea:focus {
	background-position: -480px 0;
}

#contact .submit {
	position: absolute;
	left: 390px;
	top: 224px;
}

#contact .submit input {
	width: 480px;
	height: 35px;
	padding-bottom: 1px;
	color: #336;
	text-shadow: #ccf 0 1px 0;
	font: bold 14px/35px "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: url(../img/contact-submit.png) no-repeat;
	cursor: pointer;
}

#contact .submit input:hover,
#contact .submit input:focus {
	color: #000;
	opacity: .9;
}

#contact .submit input:active {
	background-position: -480px 0;
	padding: 1px 0 0;
	color: #336;
	opacity: 1;
}

::-moz-focus-inner { border: 0; }


#contact.confirmation p {
	margin: 50px;
}

.confirmation {
	display: block;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	color: white;
	position: absolute;
	top: 10px;
	width: 760px;
	text-shadow: rgba(0,0,0,1) 0 0 6px;
	padding-top: 190px; 
	background: url(./images/danke.png) no-repeat center 66px;
}