/*
	Autor: Bernd Lutz (http://www.berndlutz.com)
	Last modified: 29.10.2008
	Copyright by Bauhaus Süd 2008
*/

/* Allgemeines
-------------------------------------------------------------------*/

body {
	font: small Verdana, Arial, sans-serif;
	line-height: 1.5em;
	color: #000;
	background: url(img/bg-faux-columns.gif) repeat-y 50% 0 #e0e4e6;
	}
* {
	margin: 0;
	padding: 0;
	}

a {
	color: #5183E8;
	text-decoration: underline;
	}
a:hover {
	color: #163C69;
	}

h2 {
	font: 160% Arial, sans-serif;
	font-weight: bold;
	color: #111;
	}
h3 {
	font-size: 142%;
	color: #333;
	}
h4 {
	font-size: 100%;
	}
address {
	font-style: normal;
	white-space: pre;
	}
address span {
	display: none;
	}
p, ul, address, h2, h3 {
	margin: 1em 0;
	}
ul {
	list-style: none;
	}
ol {
	padding: 0 0 0 25px;
	list-style: decimal outside;
	}
hr {
	display: none;
	}
input, textarea {
	border: 1px solid #CCC;
	background: #FFF;
	padding: 2px;
	font-size: 100%;
	}

/* Gemeinsame Klassen, Ids ...
-------------------------------------------------------------------*/

#col-r ul {
	list-style: none;
	}

#col-r li {
	margin: 5px 0;
	padding-left: 15px;
	background: url(img/bullet_ul_col.gif) no-repeat 3px 7px;
	}

#col-r ol {
	clear: both;
	margin: 1em 0 1em .75em;
	}

#col-r img {
	clear: both;
	border: none;
	}

#col-r img.left-aligned {
	float: left;
	margin: 0 1em .5em 0;
	}

#col-r img.right-aligned {
	float: right;
	margin: 0 0 .5em 1em;
	}

#col-r img.centered {
	display: block;
	margin: 1em auto;
	}

#col-r span.sub {
	vertical-align: sub;
	font-size: 64%;
	}

#col-r span.super {
	vertical-align: super;
	font-size: 64%;
	}

#col-r a span {
	display: none;
	}

/* Layout
-------------------------------------------------------------------*/

html, body {
	height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	}
#wrapper {
	float: left;
	position: relative;
	width: 100%;
	min-height: 100%;
	text-align: center;
	}
#header {
	width: 850px;
	height: 213px;
	margin: 0 auto;
	text-align: left;
	}
#nav {
	position: absolute;
	top: 180px;
	left: 50%;
	width: 850px;
	height: 33px;
	margin: 0 0 0 -425px;
	}
#content {
	width: 850px;
	min-height: 50px;
	margin: 0 auto;
	text-align: left;
	background: url(img/bg-content.gif) no-repeat 0 0;
	}
#col-l {
	float: left;
	width: 250px;
	padding: 10px 0 60px 0;
	}
#col-r {
	float: right;
	width: 540px;
	padding: 0 30px 60px 30px;
	}
#footer {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 850px;
	height: 31px;
	margin-left: -425px;
	}

/* Header
-------------------------------------------------------------------*/

#header {
	position: relative;
	}
#header a {
	display: block;
	width: 280px;
	height: 130px;
	margin: 0 0 0 500px;
	text-indent: -3000px;
	text-decoration: none;
	}
#schwedenhaus #header img {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	border: none;
	}

/* Navigation
-------------------------------------------------------------------*/

#nav {
	background: url(img/nav-items.png) no-repeat 0 -62px;
	}
#nav ul {
	margin: 0;
	}
#nav li {
	display: inline;
	}
#nav a {
	float: left;
	display: block;
	height: 31px;
	background: no-repeat 0 -62px;
	text-indent: -3000px;
	text-decoration: none;
	overflow: hidden;
	background: url(img/nav-items.png) no-repeat 0 -62px;
	}

#nav #m-home a { width: 116px; }
#nav #m-home a:hover { background-position: 0 0; }
#nav #m-home.active a { background-position: 0 -31px; }

#nav #m-bohuslaen a { width: 103px; background-position: -116px -62px; }
#nav #m-bohuslaen a:hover { background-position: -116px 0; }

#nav #m-service a { width: 172px; background-position: -219px -62px; }
#nav #m-service a:hover { background-position: -219px 0; }

#nav #m-architektur a { width: 115px; background-position: -391px -62px; }
#nav #m-architektur a:hover { background-position: -391px 0; }

#nav #m-referenzen a { width: 110px; background-position: -506px -62px; }
#nav #m-referenzen a:hover { background-position: -506px 0; }

#nav #m-impressionen a { width: 128px; background-position: -616px -62px; }
#nav #m-impressionen a:hover { background-position: -616px 0; }

#nav #m-kontakt a { width: 106px; background-position: -744px -62px; }
#nav #m-kontakt a:hover { background-position: -744px 0; }

/* Sidebar
-------------------------------------------------------------------*/

#col-l {
	font-size: 85%;
	}
#col-l h2 {
	font-size: 92%;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
	border-bottom: 1px solid #FFF;
	color: #313131;
	background: url(img/sidebar_bg_h2.gif) repeat-x 0 100% #ECF0FF;
	}
#col-l h2 a {
	padding-right: 20px;
	text-decoration: none;
	}
#col-l h2 a:hover {
	color: #295284;
	text-decoration: underline;
	}
#col-l h4 {
	font-size: 110%;
	padding: 0 25px;
	color: #434343;
	}

#col-l ul {
	border-top: 1px solid #dae1f0;
	}
#col-l ul li {
	margin: 0;
	border-bottom: 1px solid #dae1f0;
	}
#col-l li a {
	display: block;
	padding: .1em 0 .1em 25px;
	border: none;
	color: #335293;
	text-decoration: none;
	}
#col-l li a:hover {
	color: #162c5a;
	background-color: #dfe5f3;
	}
#col-l li.active a, #col-l li.active a:hover {
	cursor: default;
	color: #162c5a;
	background: url(img/bullet-sub-nav-active.gif) no-repeat 10px .8em #dfe5f3;
	}

#col-l address {
	padding-left: 25px;
	padding-right: 25px;
	color: #335293;
	}
#col-l address a {
	color: #335293;
	}

#col-l p {
	padding-left: 25px;
	padding-right: 25px;
	}

/* --- Highlights --- */

#schwedenhaus #col-l ul {
	float: left;
	margin-bottom: 2em;
	}
#schwedenhaus #col-l li {
	clear: both;
	float: left;
	padding: .5em 0;
	}
#schwedenhaus #col-l li a {
	width: 215px;
	padding: 0 10px 0 25px;
	}
#schwedenhaus #col-l li a:hover {
	color: #162c5a;
	background: none;
	}
#schwedenhaus #col-l img {
	float: left;
	margin: 0 1em 0 0;
	border: none;
	}


/* Footer
-------------------------------------------------------------------*/

#footer {
	font-size: 85%;
	color: #38302b;
	text-align: right;
	background: url(img/bg-footer.gif) repeat-x 0 0;
	}
#footer p {
	margin: 5px 20px 0 0;
	}
#footer a {
	padding: 0 0 0 20px;
	color: #38302b;
	border: none;
	text-decoration: none;
	background: url(img/bullet-footer.gif) no-repeat 6px 0;
	}