@charset "utf-8";

/* @override 
	http://www.vb-oehmigen.de/wp-content/themes/cms/style.css
	http://www.vb-oehmigen.de/wp-content/themes/vb-kluge/style.css
*/

/*
Theme Name:CMS - VB Kluge
Theme URI:http://www.vermessung24.eu/
Description:VB Kluge Theme
Version:1.0.2
Author:Thilo Thamm
Author URI:http://www.thilothamm.de/
*/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ol, ul{
	list-style-type:none;
}

blockquote, q{
	quotes:none;
}

:focus{
	outline:0;
}

table{
	clear:left;
	border-collapse:collapse;
	border-spacing:0;
}

img, div{
	behavior:url('img/iepngfix.htc');
}

html{
	min-width:920px;
}

body{
	font-family:arial, sans-serif;
	background:#ffe5cc url(img/vermessung-header.jpg) repeat-x center top;
	font-size:0.8em;
	line-height:1.5em;
	color:#666;
}

a:link, a:visited, 
#contact strong{
	color:#ff8000;
	color:#e57300;

	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

a:hover{
	color:#444;
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}

h1{
	color:#444;
	font-size:2em;
	line-height:1.2em;
	margin-bottom:0.75em;
}

h2, legend{
	color:#ff8000;
	color:#e57300;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:1.4em;
}

h3{
	font-size:1em;
	color:#000;
	font-weight:bold;
	margin-bottom:1em;
}

li h3, li p{
	margin-bottom:0;
}

h4{
	font-size:0.8em;
	color:#000;
	font-weight:bold;
}

small, address{
	font-style:normal;
	font-size:0.8em;
}

hr{
	height:1px;
	margin-top:2em;
	margin-bottom:1em;
	margin-left:0;
	border:0;
	background-color:#ffe5cc;
	color:#dbebf4;
	clear:left;
}

#page{
	width:920px;
	margin:0 auto;
}

#main{
	width:100%;
	overflow:hidden;
	background-color:#fff;
	border:1px solid #ffc488;
}

/* @group #header */

#header{
	position:relative;
	height:300px;
}



#header #visual{
	position:absolute;
	top:123px;
	left:110px;
	width:150px;
	height:225px;
	background:transparent url(img/vermessungsingenieur.png) no-repeat;
}

#header #contact{
	text-align:right;
	padding-top:29px;
	color:#999;
}

#header #contact strong{
	padding-right:1em;
}

#header #pic1, #header #pic2, #header #pic3{
	position:absolute;
	top:130px;
	width:130px;
	height:130px;
	border:5px solid #ff8000;
	background:#ff8000 url(img/vermessung-fotos.jpg) no-repeat;
}

#header #pic1{
	left:360px;
	background-position:top left;
}

#header #pic2{
	left:540px;
	background-position:top center;
}

#header #pic3{
	left:720px;
	background-position:top right;
}

#header #logo{
	position:absolute;
	display:block;
	top:12px;
	left:7px;
	width:400px;
	height:52px;
	background:transparent url(img/vermessungsbuero-oehmigen-logo.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

/* @end */

/* @group #navi */

#navi{
	display:inline;
	float:left;
	width:230px;
	margin-top:40px;
	margin-left:60px;
	margin-bottom:100px;
}

#navi ul{
	padding:0;
	margin:0;
}

#navi ul li{
	background-color:#ffe5cc;
	padding-top:1px;
}

#navi ul li *{
	display:block;
	background-color:#fff;
	padding-left:1em;
}

#navi ul li span{
	padding-top:2em;
	padding-bottom:0.3em;
	color:#999;
}

#navi ul li a{
	width:100%;
	line-height:2.3em;
}

#navi ul li a.active{
	background:#ffe5cc url(img/navi-hover.png) no-repeat center right;
}

/* @end */

#content{
	display:inline;
	float:left;
	width:500px;
	overflow:hidden;
	margin-top:40px;
	margin-left:70px;
	padding-bottom:50px;
	text-align:left;
}

#content>p{
	margin-bottom:1.8em;
	line-height:1.55em;
}

#content strong{
	color:#000;
}

#content ul{
	list-style-type:circle;
	margin-bottom:2em;
	margin-left:1.2em;
}

#content ul li{
	padding-bottom:1.2em;
	padding-left:0.4em;
}

#content ul li a.more{
	padding-right:20px;
	padding-top:1px;
	background:transparent url(img/a-more.png) no-repeat top right;
}

#content ul li a.more:hover{
	background-position:bottom right;
}

#content a{
	position:relative;
}

#content a.zoomLink img{
	border:5px solid #ff8000;
}

#content a.zoomLink{
	display:-moz-inline-block;
	display:inline-block;

	width:auto;
	margin:0;
	margin-right:16px;
	margin-bottom:10px;
}

#content p>a.zoomLink{
	float:left;
}

#content a span{
	position:absolute;
	top:0;
	left:100%;
	margin-top:-8px;
	margin-left:-10px;
	display:block;
	width:17px;
	height:17px;
	background:transparent url(img/a-zoom.png) no-repeat top left;
}

#content a.zoomLink:hover img{
	border-color:#666;
}

.alignleft{
	float:left;
}

.wp-caption{
	margin-right:16px;
	margin-bottom:10px;
}

/* @group form */

#content form{
	width:100%;
	overflow:hidden;
}

#main fieldset{
	padding:.5em 0px 1em 0;
	margin:1em 0;
}

fieldset div,
fieldset p{
	width:100%;
	overflow:hidden;
	clear:both;
	padding:.5em;
}

label{
	width:130px;
	padding-right:20px;
	display:block;
	float:left;
	text-align:right;
}

input.field, textarea.field{
	border:1px solid #bacad6;
	padding:3px 5px;
	width:300px;
	display:block;
	float:left !important;
	min-width:100px;
}

textarea.field{
	padding:5px;
	height:10em;
}

input#submitbutton{
	width:310px;
	margin-left:150px;
}

.isrequired label{
	font-weight:bold;
	color:black;
}

input.error, textarea.error{
	background-color:#fff5f5;
	border-color:#b00;
}

label.error{
	clear:left;
	display:inline-block;
	width:250px;
	margin-left:150px;
	padding:0.4em 0 0 0;
	font-size:0.85em;
	font-weight:normal;
	line-height:1.2em;
	text-align:left;
	color:#900;
}

.loading{
	background:transparent url(img/loading.gif) no-repeat 475px 12px;
}

#form_response{
	width:283px;
	margin-top:1em;
	margin-left:156px;
	padding:0.5em 1em;
	background:#bbffbb;
	border:1px solid #008000;
	display:none;
}

/* @end */

p.wp-caption-text{
	padding-top:1em;
	font-size:0.8em;
	line-height:0.8em;
	color:#999;
}

span.pipe{
	padding-right:1em;
	padding-left:1em;
}

#footer{
	padding-top:1em;
	padding-bottom:1em;
	padding-left:360px;
	font-size:0.8em;
}