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

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

body {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding:0;
	margin:0;
	border: 0;
	color: #000;
	background:#dee9f4 url(../_pix/body-bg.jpg) center 0 repeat-y;
	line-height: 1.45em;
	}

div.wrap {
	margin: 0 auto;
	padding: 0;
	width:930px;
	text-align:left;
	}

div.header {
	margin:0;
	padding:0 30px 0 0;
	height:79px;
	}

a.logo {
	width:262px;
	height:37px;
	float:left;
	margin:31px 0 0 35px;
	padding:0;
	background:url(../_pix/logo.gif) 0 0 no-repeat;
	text-indent:-1000em;
	}	

div.lang-select {
	height:15px;
	padding:40px 10px 0 0;
	color:#6381aa;
	text-align:right;
	width:190px;
	float:right;
	}

div.main {
	background:url(../_pix/main-bg.gif) 0 0 repeat-y;
	}	
	
div.main div.left {
	width:545px;
	float:left;
	background-position:15px 0;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-right:25px;
	}
	
div.main div.right {
	width:320px;
	float:right;
	}
	
div.footer {
	clear:both;
	background:url(../_pix/footer-bg.gif) 0 bottom no-repeat;
	padding:30px 0 22px 40px;
	font-weight:bold;
	margin:0;
	}
	
div.image-start {
	background-image:url(../_pix/image-start.jpg);	
	padding-top:280px;
	}
	
div.image-service {
	background-image:url(../_pix/image-service.jpg);	
	padding-top:145px;
	}
	
div.image-team {
	background-image:url(../_pix/image-team.jpg);	
	padding-top:145px;
	}
	
div.image-location {
	background-image:url(../_pix/image-location.jpg);	
	padding-top:145px;
	}
	
div.image-news {
	background-image:url(../_pix/image-news.jpg);	
	padding-top:145px;
	}
	
div.image-contact {
	background-image:url(../_pix/image-contact.jpg);	
	padding-top:145px;
	}

div.subnav {
	background:url(../_pix/subnav-bg.gif) 0 0 repeat-y;
	}	

div.news {
	background:url(../_pix/news-bg.gif) 0 0 repeat-y;
	padding:15px 30px 5px 15px;
	}	
	
div.newsbottom {
	clear:both;
	background:url(../_pix/news-bottom.gif) 0 0 no-repeat;
	width:320px;
	height:20px;
	}

div.contact {
	padding:15px 25px;	
	}

div.column-left {
	width:305px;
	float:left;
	}

div.column-right {
	width:210px;
	float:right;
	}
	
div.image-location div.column-left, div.image-contact div.column-left {
	width:225px;
	float:left;
	}

div.image-location div.column-right, div.image-contact div.column-right {
	width:290px;
	float:right;
	}

div.portrait-index {
	width:160px;
	float:left;
	padding:0 10px;
	margin:10px 0;
	text-align:center;
	}

div.portrait-index a {
	font-weight:bold;
	}
	
div.portrait-right {
	position:relative;
	padding-top:100px;
	}	
	
div.news-item {
	margin-bottom:15px;
	border-bottom:double #d5d5d5;
	}	

div.paging-left {
	width:150px;
	float:left;
	font-weight:bold;
	}	

div.paging-right {
	width:150px;
	font-weight:bold;
	float:right;
	text-align:right;
	}

div.address {
	border-bottom:1px solid #d5d5d5;
	border-top:1px solid #d5d5d5;
	padding:5px 0;
	margin-bottom:15px;
	color:#6e6e6e;
	}	

div.contact-form {
	background:#f9f7e0;
	padding:10px;
	}
		

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


h1 {
	padding:0 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	font-size:2em;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:1.1em;
	color:#063779;
	}

.portrait-left h1 {
	padding-bottom:2px;
	}	

h2 {
	padding:0 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	font-size:1.4em;
	line-height:1.1em;
	}

.subnav h2 {
	color:#ffffff;
	padding:15px 15px 10px 15px;
	}	

.news h2 {
	border-bottom:double #cdcdcd;
	padding:5px 0;
	}

.portrait-left h2 {
	font-weight:normal;
	color:#6e6e6e;
	line-height:1.2em;
	}
	
.news-item h2, .image-contact .column-left h2  {
	padding-bottom:5px;
	font-size:1em;
	}

h3 {
	padding:0 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	font-size:1em;
	line-height:1.1em;
	border-bottom:1px solid #d5d5d5;
	}

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

a:link,  a:visited, a:active {color:#1c5096; text-decoration:underline}
a:hover {color:#3162a5; text-decoration:none}


a.top {background:url(../_pix/arrow-top.gif) 0 3px no-repeat; padding-left:15px; margin-right:20px;}


.news ul li p a {
	font-weight:bold;
	}

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

.font-grey {color:#6e6e6e;}

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

.news ul li p {
	margin:0;
	padding:0 0 3px 0;
	}

.column-right p {
	margin:0;
	font-weight:bold;
	padding:15px 0 0 0;
	}

.column-right p.portrait {
	margin:0;
	font-weight:normal;
	padding:5px 0 15px 0;
	}

.column-right .contact-form p {
	margin:0;
	font-weight:normal;
	padding:0 0 15px 0;
	}


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

ul#nav {
	list-style-type:none;
	margin:0;
	padding:0 0 0 30px;
	height:51px;
	background:url(../_pix/nav-bg.gif) 0 0 no-repeat;
	clear:both;
	}
	
ul#nav li{
	display:block;
	float:left;
	margin:15px 0 0 0;
	padding:0;
	}
	
ul#nav li a {
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:10px 25px 11px 25px;	
	border-right:1px solid #565656;
	border-left:1px solid #000000;
	line-height:15px;
	font-weight:bold;
	}
	
ul#nav li a:hover{
	background:url(../_pix/nav-bg-active.gif) 0 0 repeat-x;
	}
	
ul#nav li a.current{
	color:#fffeae;
	background:url(../_pix/nav-bg-active.gif) 0 0 repeat-x;
	}
	
ul#nav li a.current:hover{
	}
	

.subnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:305px;
	border-top:1px solid #08336e;
	}
	
.subnav ul li{
	display:block;
	margin:0;
	padding:0;
	}
	
.subnav ul li a, .subnav ul li a:visited {
	display:block;
	width:260px;
	color:#ffffff;
	text-decoration:none;
	padding:8px 15px 8px 30px;	
	border-top:1px solid #5180c1;
	border-bottom:1px solid #08336e;
	background:url(../_pix/arrow-subnav.gif) 15px 12px no-repeat;
	line-height:17px;
	font-weight:bold;
	}

.subnav ul li a span, .subnav ul li a.current span {
	color:#9ab7df;
	font-weight:normal;
	}	
	
.subnav ul li a:hover{
	background:#063678 url(../_pix/arrow-subnav.gif) 15px 12px no-repeat;
	text-decoration:none;
	color:#ffffff;
	}
	
.subnav ul li a.current, .subnav ul li a.current:visited{
	color:#fffeae;
	background:#063678 url(../_pix/arrow-subnav-current.gif) 15px 12px no-repeat;
	}
	
.subnav ul li a.current:hover{
	}	
	
	
/* Images ######################################################### */	

img {
	border:0;
	}

div.header img {
	float:right;
	margin:28px 0 0 5px;
	}
	
div.portrait-index img {
	border:1px solid #d5d5d5;
	margin-bottom:5px;
	}
	
div.portrait-right img {
	border:1px solid #ffffff;
	position:absolute;
	top:-105px;
	left:0;
	}
	
ul.gallery li img {
	border:1px solid #d5d5d5;
	margin:2px;
	}	

img.loc-map {
	float:right;
	margin:0 0 5px 10px;
	}

/* Tables ######################################################### */

div.contact table {
	width:99.9%;
	}
	
div.contact table tr td {
	padding:1px;
	}
	
div.contact table tr td.loc {
	width:40%;
	font-weight:bold;
	}
	
div.contact table tr td.tel {
	color:#6381aa;
	}
	
div.contact table tr.mail td {
	padding-top:8px;
	}
	

/* Lists ######################################################### */

ul.linklist, ul.gallery {
	list-style-type:none;
	margin:0;
	padding:0 0 15px 0;
	border-top:1px solid #d5d5d5;
	}

ul.linklist li {
	border-bottom:1px solid #d5d5d5;
	background:url(../_pix/arrow-link.gif) 0 10px no-repeat;
	padding:6px 0 6px 14px;
	margin:0;
	}
	
ul.gallery li {
	border-bottom:1px solid #d5d5d5;
	padding:6px 0;
	margin:0;
	}
	
ul.linklist li a {
	font-weight:bold;
	}
	

.column-right ul {
	list-style-type:none;
	margin:0;
	padding:5px 0 15px 0;
	}

.column-right ul li {
	padding:2px 0 2px 14px;
	color:#6e6e6e;
	margin:0;
	background:url(../_pix/arrow-grey.gif) 0 6px no-repeat;
	}
	

.portrait-left ul {
	list-style-type:none;
	margin:0 0 15px 0;
	padding:5px 0;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	}

.portrait-left ul li {
	padding:2px 0 2px 14px;
	margin:0;
	background:url(../_pix/arrow-black.gif) 0 6px no-repeat;
	}
	

.news ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}

.news ul li {
	border-bottom:1px solid #cdcdcd;
	padding:10px 0;
	color:#737373;
	margin:0;
	}
	

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

form {
	padding:0;
	margin:0;
	}

input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	}

label {
	clear:both;
	display:block;
	margin:0;
	font-weight:bold;
	}	

p.error span {
	background:#CC3300;
	color:#ffffff;
	padding-left:2px;
	padding-right:2px;
	}

label span {
	font-weight:normal;
	}

input {
	float:left;
	width:255px;
	margin-bottom:5px;
	}	

input.spam {
	width:50px;
	float:left;
	margin-top:5px;
	}		

div.calc {
	width:100px;
	float:left;
	margin-top:5px;
	}	

textarea {
	float:left;
	width:255px;
	margin-bottom:5px;
	height:90px;
	}	
	
input.submit {
	cursor:pointer;
	clear:none;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	}

p.success span{
	background:#009933;
	color:#ffffff;
	padding-left:2px;
	padding-right:2px;
	font-weight:bold;
	}


/* 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;
	}