* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
	font-family: Tahoma, sans-serif;
    color: #484848;
    text-align: left;    
    background: #1f3d76;
}


.cl { font-size: 0; line-height: 0; height: 0; clear: both; display: block;}

a img { border: 0; }
a { color: #004197; text-decoration: underline; cursor: pointer;}
a:hover { text-decoration: none;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.shell { margin: 0 auto; width: 902px;}

.rel {position: relative;}

#header {height: 200px; background: #f0f1f1 url(images/header.gif) repeat-x 0 0;}

h1#logo {padding-top: 20px; position: relative; float: left;}
h1#logo a {display: block; background: url(images/logo-small.png) no-repeat 0 0; width: 184px; height: 160px; position: absolute; top: 14px; left: -6px;}
h1#logo-home {padding-top: 20px; position: relative; float: left;}
h1#logo-home a {display: block; background: url(images/logo-small.png) no-repeat 0 0; width: 184px; height: 160px; position: absolute; top: 14px; left: -6px;}

h2#slogan {float: right; padding-top: 32px;}
h2#slogan span {background: url(images/heading.jpg) no-repeat 0 0; width: 770px; height: 126px; display: block;}

#navigation {padding-top: 3px;}
#navigation ul {list-style-type: none; text-align: center; text-transform: uppercase;}
#navigation ul li {float: left; display: inline; font-size: 10px; padding-right: 13px; font-weight: bold;}
#navigation ul li.last {padding-right: 0;}
#navigation ul li a {color: #5a5a5a; background: url(images/nav.gif) no-repeat 0 0; float: left; width: 117px; height: 25px; text-decoration: none; padding-top: 7px;}
#navigation ul li a:hover, #navigation ul li a.active {background-image: url(images/nav-hover.gif); color: #fff;}

#main {padding-top: 28px; background: #f0f1f1; padding-bottom: 5px;}
.home-spacing { padding-bottom: 34px !important;}
.big-spacing {padding-bottom: 100px !important;}

#sidebar {width: 236px; float: left;}

#sidebar h2 {font-size: 16px; color: #383838; border-bottom: 2px solid #cccccd; padding-bottom: 2px; margin-bottom: 11px; padding-left: 30px; font-weight: normal;}
#sidebar h2.arrows {background: url(images/arrows.gif) no-repeat 4px 4px;}
#sidebar h2.mail {background: url(images/mail.gif) no-repeat 5px 1px;}

#sidebar ul {list-style-type: none;}
#sidebar ul li {background: url(images/bullet.gif) no-repeat 0 3px; padding-left: 19px; padding-bottom: 10px; padding-top: 1px;}
#sidebar ul li a {color: #004197;}

.side-box {padding-bottom: 19px; color: #383838;}
.side-box-bottom {background: url(images/side-box-bottom.gif) no-repeat 0 bottom; padding-bottom: 10px;}
.side-box-top {background: url(images/side-box-top.gif) no-repeat 0 0; padding-top: 10px;}
.side-box-cnt {background: url(images/side-box-bg.gif) repeat-y 0 0; height: 100%; padding-left: 22px; padding-top: 4px;}
.side-box a {color: #383838;}

.side-ad {text-align: center;}

#content {width: 644px; float: right;}
#content h2, .referenzen-listings h2, .referenzen-map h2 {font-size: 16px; color: #383838; border-bottom: 2px solid #cccccd; padding-bottom: 2px; margin-bottom: 11px; font-weight: normal; padding-left: 5px;}

.article {padding-bottom: 17px; position: relative;}
.gallery-box {
	padding-bottom: 17px;
	position: relative;
	float: left;
	width: 140px;
	text-align: center;
	height: 110px;
	background: url(images/gallery-box.gif) no-repeat 0 0; 
	padding-top: 9px;
	margin-right: 28px;
	display: inline;
}
span.blue {color: #004197;}

span.split {width: 330px; float: left;}

.wide-box {background: url(images/wide-box.gif) no-repeat 0 0; float: left; width: 302px; height: 125px; padding-right: 28px;}
.wide-box img {display: block; margin: 0 auto; padding-top: 3px;}
.wide-box-text {float: left; width: 307px;}
.wide-box-text h3 {color: #14316b; font-size: 12px;}
.wide-box-text p {color: #484848;}

.big-box {background: url(images/big-box.gif) no-repeat 0 0; float: left; width: 302px; height: 220px;}
.big-box img {display: block; margin: 0 auto; padding-top: 9px;}

.bigger-box {float: right; background: url(images/bigger-box.gif) no-repeat 0 0; width: 318px; height: 221px;}
.bigger-box img {display: block; margin: 0 auto; padding-top: 19px;}

.square-box {background: url(images/square-box.gif) no-repeat 0 0; width: 197px; height: 173px; float: left; padding-right: 22px;}
.square-box img {display: block; margin: 0 auto; padding-top: 9px;}
.square-box-text {width: 415px; float: left; line-height: 15px;}
.square-box-text h3, .article h3 {color: #5a5a5a; font-size: 12px;}
.square-box-text p {color: #5a5a5a;}
a.mehr {background: url(images/bullet.gif) no-repeat 0 2px; font-size: 11px; padding-left: 18px; color: #004197; padding-bottom: 3px; float: left;}
.square-box-text ul {list-style-type: none;}
.square-box-text ul li {background: url(images/grey-bullet.gif) no-repeat 0 6px; padding-left: 10px; }

.pagination {font-size: 11px; padding-top: 7px;}
.pagination ul {float: right; list-style-type: none}
.pagination ul li {float: left; display: inline; padding-left: 6px; padding-right: 6px;}
.pagination ul li.prev {padding-right: 10px;}
.pagination ul li.next {padding-left: 10px;}
.pagination ul li a {text-decoration: none;}
.pagination ul li a:hover {text-decoration: underline;}

.job {padding-left: 10px; color: #5a5a5a; padding-bottom: 51px; line-height: 15px;}
.job-date {float: left; width: 138px; font-weight:bold;}
.job-details {float: left; width: 270px;}

.main-contact {padding-left: 8px; padding-bottom: 18px;}

.contact-person {padding-bottom: 22px;}
.contact-box {background: url(images/contact-box.gif) no-repeat 0 0; width: 121px; height: 134px; float: left; padding-right: 23px;}
.contact-box img {display: block; margin: 0 auto; padding-top: 7px;}

.contact-details {padding-top: 5px; float: left; width: 400px; line-height: 20px; color: #5f5f5f;}
.contact-details h4 {color: #5a5a5a; font-size: 12px;}

table.referenzen {width: 895px; margin: 0 auto;}
table.referenzen th {font-weight: normal; border-bottom: 2px solid #cccccd; padding-bottom: 2px;}
table.referenzen th.refer {width: 150px; font-size: 12px; color: #004197; padding-left: 5px;}
table.referenzen th.project {width: 245px; color: #004197;}
table.referenzen th.leist {width: 272px; color: #004197;}
table.referenzen th.jahr {width: 100px; color: #004197;}
table.referenzen th.download {width: 145px; color: #004197;}
table.referenzen td {color: #5a5a5a; font-size: 12px; padding-top: 10px; padding-bottom: 8px; vertical-align: top;}
table.referenzen td p {padding-top: 3px;}
table.referenzen td p.projekt {width: 230px;}

.ref-box {background: url(images/ref-box.gif) no-repeat 0 0; padding-top: 7px; width: 126px; height: 90px;}
.ref-box img {display: block; margin: 0 auto;}

.referenzen-listings {width: 615px; float: left;}

.referenz {float: left; width: 305px; padding-bottom: 13px;}
.referenz-box {background: url(images/referenz-box.gif) no-repeat 0 0; width: 139px; height: 123px; float: left;}
.referenz-box img {display: block; margin: 0 auto; padding-top: 7px;}
.referenz-descr {float: left; width: 155px; padding-left: 9px;}
.referenz-descr h3 {color: #5a5a5a; font-size: 12px; padding-bottom: 6px;}
a.download {background: url(images/download-icon.gif) no-repeat 0 0; display: block; width: 24px; height: 24px;}

.referenzen-map {float: right; width: 262px;}

#footer {background: url(images/footer.gif) repeat-x 0 0; height: 44px; font-size: 11px; padding-top: 25px;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer p.copy {float: left; color: #fff;}
#footer p.copy a {color: #04a4e5;}
#footer ul {float: right; list-style-type: none; padding-right: 80px;}
#footer ul li {float: left; display: inline;}
#footer ul li a {color: #e1e2db;}
#footer ul li span {color: #04a4e5; padding-left: 11px; padding-right: 14px;}

.paging {
	float: right;
}
.paging a {
	margin: 0px 8px;
}
#map_canvas {
	width: 640px;
	height: 250px;
}
#brochure-form {
}
.frow {
	display: block;
	margin-bottom: 10px;
}
.frow label {
	display: block;
	width: 100px;
	margin-right: 10px;
	text-align: right;
	float: left;
	color: white;
	font-weight: bold;
}
.frow input {
	display: block;
	float: left;
	width: 200px;
}