/* 
Kai Brach
brizk design (www.brizk.com)
*/

/* Basics ######################################################### */

body {
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding:0;
	margin:0;
	border: 0;
	color: #000;
	background:#fff url(../_pix/bg-body.jpg) 0 0 repeat-x;
	line-height: 1.4em;
	}

div.wrap {
	padding: 0;
	width:800px;
	text-align:left;
	}
	
div.header {
	height:87px;
	}

div.nav {
	background:url(../_pix/bg-header.gif) 0 0 no-repeat;
	}	
		
div.nav div {
	height:259px;
	position:relative;	
	}	
	
div.image1 {
	background:url(../_pix/image1.jpg) right 0 no-repeat;	
	}
			
div.image2 {
	background:url(../_pix/image2.jpg) right 0 no-repeat;
	position:relative;	
	}
			
div.image3 {
	background:url(../_pix/image3.jpg) right 0 no-repeat;
	position:relative;	
	}
			
div.image4 {
	background:url(../_pix/image4.jpg) right 0 no-repeat;
	position:relative;	
	}
			
div.image5 {
	background:url(../_pix/image5.jpg) right 0 no-repeat;
	position:relative;	
	}
			
div.image6 {
	background:url(../_pix/image6.jpg) right 0 no-repeat;
	position:relative;	
	}
			
div.image7 {
	background:url(../_pix/image7.jpg) right 0 no-repeat;
	position:relative;	
	}
			
div.image8 {
	background:url(../_pix/image8.jpg) right 0 no-repeat;
	position:relative;	
	}
			
div.image9 {
	background:url(../_pix/image9.jpg) right 0 no-repeat;
	position:relative;	
	}
	
	
div.content {
	background:url(../_pix/bg-left.gif) 0 0 repeat-y;
	margin:30px 0;
	}	

div.content div.left {
	width:210px;
	float:left;
	}
	
div.content div.right {
	width:530px;
	float:right;
	font-size:1.25em;
	line-height:1.5em;
	}

div.footer {
	background:#e21b52;
	clear:both;
	text-align:right;
	padding:5px 10px;
	font-weight:bold;
	color:#f9ceda;
	}			

div.rel {
	position:relative;
	}
	
div.teaser-kunden {
	background:url(../_pix/teaser-kunden.gif) center 20px no-repeat;
	padding:62px 90px 5px 10px;
	border-bottom:3px solid #fff;
	}
	
div.teaser-kontakt {
	background:url(../_pix/teaser-kontakt.gif) center 20px no-repeat;
	padding:62px 90px 30px 10px;
	}

div.error {
	background:#e21b52;
	padding:10px;
	color:#fff;
	margin:0 0 20px 0;
	line-height:1.2em;
	}

div.success {
	background:#00CC00;
	padding:10px;
	color:#fff;
	margin:0 0 20px 0;
	line-height:1.2em;
	}

/* Headlines ######################################################### */		


h1 {
	padding:0 0 15px 0;
	margin:0;
	font-size:1.5em;
	font-weight:normal;
	line-height:1.2em;
	color:#1462ad;
	}


h2 {
	padding:0 0 15px 0;
	margin:0;
	font-size:1.4em;
	font-weight:normal;
	line-height:1.2em;
	}	

/* Links ######################################################### */	

a:link,  a:visited, a:active {color:#1462ad; text-decoration:underline}
a:hover {color:#e21b52;}

.footer a:link, .footer  a:visited, .footer a:active {color:#f9ceda; text-decoration:none}
.footer a:hover {color:#fff;}

div.header a.logo {
	width:144px;
	height:67px;
	float:left;
	display:inline;
	text-indent:-1000em;
	margin:20px 0 0 65px;
	background:url(../_pix/logo.gif) 0 0 no-repeat;
	}

div.header a.contact {
	width:179px;
	height:47px;
	margin-top:22px;
	float:right;
	text-indent:-1000em;
	background:url(../_pix/contact-top.gif) 0 0 no-repeat;
	}

a.more, a:visited.more, a:hover.more {
	line-height:1em;
	background:#1462ad url(../_pix/arrow-blue.gif) 3px 5px no-repeat;
	padding:1px 4px 2px 13px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}

/* Fonts ######################################################### */

.font-grey {color:#878787;}

p {
	margin:0;
	padding:0 0 15px 0;
	}

span.red {
	color:#e21b52;
	}

p.person {
	color:#506c86;
	}	

p.law {
	padding:0 0 15px 20px;
	font-style:italic;
	color:#727272;
	font-family:Georgia, "Times New Roman", Times, serif;
	}	
	
p.law span {
	font-style:normal;
	color:#000;
	font-weight:bold;
	}	

p.pic {
	width:220px;
	padding:20px;
	text-align:center;
	float:right;
	font-style:italic;
	color:#727272;
	font-family:Georgia, "Times New Roman", Times, serif;
	}	

p.ref-schnadinger {
	background:url(../_pix/portrait-white-schnadinger.jpg) 10px 10px no-repeat;
	padding:20px 5px 15px 130px;
	}	

p.ref-koch {
	background:url(../_pix/portrait-white-koch.jpg) 10px 10px no-repeat;
	padding:20px 5px 15px 130px;
	}	

p.ref-lesch {
	background:url(../_pix/portrait-white-lesch.jpg) 10px 10px no-repeat;
	padding:20px 5px 15px 130px;
	}	

/* Navigation ######################################################### */

div.nav div ul {
	margin:0;
	padding:37px 0 0 0;
	list-style-type:none;
	width:210px;
	}	

div.nav div ul li {
	padding:0;
	margin:0;
	line-height:1.2em;
	text-align:right;
	}

div.nav div ul li a, div.nav div ul li a:active, div.nav div ul li a:visited {
	padding:3px 15px 3px 0;
	margin:0;
	width:195px;
	display:block;
	color:#abcceb;
	text-decoration:none;
	font-weight:bold;
	background:url(../_pix/arrow.gif) right 7px no-repeat;
	}
	
div.nav div ul li a:hover {
	text-decoration:underline;
	color:#abcceb;
	}
	
div.nav div ul li.active a, div.nav div ul li.active a:visited, div.nav div ul li.active a:active, div.nav div ul li.active a:hover {
	color:#fff;
	background:url(../_pix/arrow-active.gif) right 7px no-repeat;
	}
	
	
/* Images ######################################################### */	

img {
	border:0;
	}

div.nav div img {
	position:absolute;
	top:-9px;
	left:260px;
	}

div.rel div img {
	position:absolute;
	top:60px;
	left:124px;
	}	
	
/* Tables ######################################################### */

	

/* Lists ######################################################### */
	
div.content div.right ul {
	margin:0;
	padding:0 0 15px 0;
	list-style-type:none;
	}
		
div.content div.right ul li {
	margin:0;
	padding:4px 10px 4px 34px;
	background:url(../_pix/arrow-black.gif) 20px 10px no-repeat;
	}


/* Forms ######################################################### */

form {
	padding:20px;
	margin:0 0 20px 20px;
	background: #f3f3f3;
	width:250px;
	float:right;
	font-size:0.75em;
	line-height:1.55em;
	}

input, textarea {
	width:240px;
	font-size:1em;
	}

textarea {
	height:120px;
	font-family:Arial, Helvetica, sans-serif;
	}	
	
input.mini {
	width:25px;
	}
	
input.checkbox {
	width:12px;
	}
	
input.plz {
	width:35px;
	}

input.ort {
	width:200px;
	}
	
form p {
	padding:0 0 9px 0;
	}	
		


/* Misc ######################################################### */		

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

.float-left {
	float:left;
	}

.float-right {
	float:right;
	}	

.clear {
	clear:both;
	}	

.center {
	text-align:center;
	}