﻿

.infobox {
	background:url(img/infobox-fill.jpg) repeat-y top right;
	width: 232px;
	margin:10px 0px 10px 0px;
	/*height:100%;*/
}
.infobox .text {
	background:url(img/infobox-bottom.jpg) no-repeat bottom right;
	padding:0px 10px 0px 10px;
	padding-bottom:13px;
}
.infobox .text h3 {
	padding:0px 0px 4px 0px;
	color:#7a7168; /*#2a211c; #bdae9d;*/
}
.infobox .text img { float:left; padding-right:5px;}
.infobox .text p, .infobox .text .small {
	font-size:80%;
}
.infobox .text .price { color:#cd853f; }
.infobox .text a { color:#7a7168; }
.infobox .text a:hover { color: #bdae9d; }

.infobox .top {
	background:url(img/infobox-top.jpg) no-repeat top right;
	height:13px;
}




ul.list {
	padding:10px 10px 10px 10px;
	/*background:url(img/integro2.jpg) no-repeat 560px 10px;*/
	background:transparent;
}
ul.list .name {
	display:inline-block;
	width:80px;
}
ul.list li {
	background:transparent;
}
ul.list li a {
	display:inline;
	padding:0px;
}
ul.list li p {
	padding:10px 0px 10px 0px;
}

#kontakt ul.list { margin-top:20px; }

#impressum .content {
    background:url(img/hint_impre.jpg) no-repeat right top; 
    /*height:400px;*/
}

#kontakt .small { font-size:85%; }

.serchbox {
	border: 1px solid #2a211c; 
	padding: 2px 1px 2px 22px; 
	width:180px;
	background: #7a7168 url(img/lupe.jpg) left no-repeat;
}
.serchbox.focus {
	border: 1px solid #7a7168; /*#cd853f; */
	background-color:#bdae9d;
}


div.form { float:left; margin: 0px 0 20px 10px; width:460px; }
div.formsection { float:left; width:100%; margin-bottom:2px; }
div.formsection label { padding: 5px 5px 5px 5px; clear:both; display:block; width:20%; }
div.formsection .input { padding: 5px 5px 5px 5px; background:#3e332d; width:100%; border: 1px solid #403c35; color:#7a7168; font-style:italic; }
div.formsection .focus { background:#bdae9d; color:#333 !important; font-style:normal !important; }
div.formsection .send { padding: 2px 2px 2px 2px; background:#3e332d; border: 1px solid #403c35; margin-top:8px; color:#7a7168; }
div.formsection .err { border: 1px solid #c04a09; }

.required { color: #c04a09; }


#leistungen .infoboxWrap { margin:0 auto; }

#leistungen .infobox {
	float: left;
	width: 232px;
	margin:60px 14px 0px 14px;
	font-size:120%;
}
#leistungen .infobox .text{ margin-bottom: 0px; height: 245px; color:#bdac9d; }
#leistungen .infobox h3 { text-align:center; color: #ddd; }
#leistungen .infobox p { text-align:left; padding:5px 5px 5px 5px; }
#leistungen .infobox .text .price {  text-align:right; }

#leistungen .infobox.prog .text { background: url(img/infobox-bottom_p.jpg) no-repeat bottom right; }
#leistungen .infobox.web .text { background: url(img/infobox-bottom_w.jpg) no-repeat bottom right; }
#leistungen .infobox.hsw .text { background: url(img/infobox-bottom_h.jpg) no-repeat bottom right; }



/* leistung */
.leistung { padding:0px 5px 0px 5px; }

.leistung a { background-position:center top; background-repeat:no-repeat; }
.leistung a span { display:none; }
.leistung a {
	background: transparent;
	text-decoration:none;
}
.leistung a:hover  { background-position:left bottom; }
.leistung a.small { display: block; height: 100px; width: 100px; float:left; margin-right:4px; }
.leistung a.big { display: block; height: 160px; width: 520px; margin-top:10px; }

.leistung .seperator {
	margin:2px auto 15px auto; 
	height:10px; width:260px; 
	background: url(img/b1px.jpg) bottom center repeat-x; 
	padding-bottom:1px; 
	clear:inherit;
}