@charset "utf-8";
html { height: 100%; }
body { min-height: 100%; height: auto; height: 100%; background: #002139 url(../img/bg/bg_body.png) repeat-x fixed; }
* html body { height: 100%; }

/* reset */
* {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	line-height: 20px;
	color: #445566;
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

/* ---------- CONTAINER ---------- */
/* ---------- page ---------- */
#page { position: relative; width: 940px; height: 100%; padding: 0 20px; margin: 0 auto; background: transparent; }
body > #page { height: auto; min-height: 100%; }

/* ---------- header ---------- */
#header { position: relative; height: 150px; padding: 20px 0 0 40px; }
	#stoerer { position: absolute; top: 63px; left: 705px; width: 214px; height: 42px; }

/* ---------- navigation ---------- */
#navigation { position: relative; height: 60px; background: transparent url(../img/bg/bg_nav_bottom.png) no-repeat left bottom; }

	#navigation ul { list-style: none; height: 40px; margin: 0 0 40px 40px; }
	#navigation li { float: left; height: inherit; margin-right: 5px; }
	#navigation li a, #navigation li a:hover { display: block; height: inherit; text-decoration: none; }
	#navigation li a { padding-left: 30px; background: url(../img/bg/bg_nav_default_left.png) no-repeat left top; }
	#navigation li a span { display: block; height: inherit; font-size: 16px; line-height: 16px; color: #fff; padding: 10px 30px 0 0; background: url(../img/bg/bg_nav_default_right.png) no-repeat right top; }
	#navigation li.selected a, #navigation li:hover.selected a { background: url(../img/bg/bg_nav_left.png) no-repeat left top; }
	#navigation li.selected a span, #navigation li:hover.selected a span { color: #234; background: url(../img/bg/bg_nav_right.png) no-repeat right top; }
	#navigation li:hover a { background: url(../img/bg/bg_nav_hover_left.png) no-repeat left top; }
	#navigation li:hover a span { color: #234; background: url(../img/bg/bg_nav_hover_right.png) no-repeat right top; }

/* ---------- gallery ---------- */
#gallery { display: block; position: relative; width: 900px; height: 360px; padding-bottom: 20px; background: #fff; }

/* ---------- main ---------- */
#main { position: relative; padding: 0 20px; background: #fff url(../img/bg/bg_main_line.png) repeat-y left top; }

	/* ---------- content ---------- */
	#content { width: 599px; float: left; }
	#content div { padding: 20px 40px 20px 20px; }
	#content #intro { border: 0; padding-top: 40px; }
	#content #text { padding-top: 40px; border-top: 1px solid #d0d4d9; }
	#content .images { padding: 10px 10px 0; background: #e7e9ec; }
	#content .imagesLeft { float: left; }
	#content .imagesRight { float: right; }
	#content .teaser { clear: both; background: url(../img/bg/bg_teaser.png) no-repeat right top; border-top: 1px solid #d0d4d9; }
	#content .teaser img { float: left; margin: 0 20px 20px 0; }
	#content ul { margin-bottom: 12px; }
	#content ul li { float: none; padding-left: 20px; margin-bottom: 12px; background: url(../img/bg/bg_list.png) no-repeat 5px 5px; }
	
	/* ---------- sidebar ---------- */
	#sidebar { width: 240px; min-height: 320px; padding: 0 20px 0 40px; float: right; background: url(../img/bg/bg_sidebar.png) no-repeat left top; border-top: 1px solid #d0d4d9; }
	#sidebar div { padding: 20px 0; }
	#sidebar #projects { border: 0; padding-top: 40px; }
	#sidebar form { padding-top: 20px; }
	#sidebar label { display: block; font-size: 10px; line-height: 12px; text-transform: uppercase; margin-bottom: 2px; }
	#sidebar input { width: 230px; height: 16px; padding: 2px 5px; margin-bottom: 10px; border: 1px solid #d0d4d9; }
	#sidebar textarea { width: 230px; height: 120px; padding: 2px 5px; margin-bottom: 10px; border: 1px solid #d0d4d9; }
	#sidebar #submit { width: 240px; height: 24px; line-height: 24px; color: #fff; text-transform: uppercase; background: url(../img/bt/bt_submit.png) no-repeat top; border: 0; }
	
	#sidebar ul ul { padding: 6px 0 0; margin: 0; }
	
	#sidebar ul.menu, ul.menu ul { padding: 20px 0; }
	#sidebar ul.menu a { display: block; text-decoration: none; color: #445566;	}
	#sidebar ul.menu li { float: none; padding-left: 20px; margin-bottom: 5px; background: url(../img/bg/bg_list.png) no-repeat 5px 5px; }
	#sidebar ul.menu li a, ul.menu ul.menu li a { }
	#sidebar ul.menu li a:hover, ul.menu ul.menu li a:hover { color: #c45600; }
	#sidebar ul.menu li ul li { padding-left: 12px; background: url(../img/bg/bg_list_sub.png) no-repeat left 5px; }
	#sidebar ul.menu li ul li a, ul.menu ul.menu li ul li a { }
	#sidebar ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover { }
	#sidebar ul.menu ul.menu li a:hover { }
	#sidebar ul.menu ul.menu { }
	#sidebar ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover { font-weight: bold; color: #003154; }

/* ---------- footer ---------- */
#footer { position: relative; padding: 60px 20px 20px 40px; background: url(../img/bg/bg_footer.png) no-repeat top; }
#footer > * { color: #fff; }



/* ---------- Klassen ---------- */
.cb { height: 0px; clear: both; }




/* ---------- TYPO ---------- */
/* ---------- Headlines ---------- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #002139; text-transform: uppercase; letter-spacing: .1em; }
h1 { font-size: 24px; line-height: 30px; margin-bottom: 24px; }
h1.logo { width: 540px; height: 130px; text-indent: -10000px; background: url(../img/bg/bg_logo.png) no-repeat left top; }
h2 { font-size: 24px; line-height: 30px; margin-bottom: 24px; }
h3 { font-size: 18px; line-height: 20px; padding-top: 24px; margin-bottom: 12px; }
h3.home { padding-top: 0; }
h4 { font-size: 10px; line-height: 12px; color: #a1aab2; letter-spacing: 0; }
h5 { font-size: 12px; line-height: 18px; }
h6 { font-size: 10px; line-height: 12px; }

/* ---------- Absätze ---------- */
p { margin-bottom: 12px; }
.small, .small a { font-size: 10px; line-height: 14px; color: inherit; }

cite { display: block; font-size: 18px; line-height: 20px; margin-bottom: 24px; }
small, small a { display: block; font-size: 10px; line-height: 12px; color: #a1aab2; margin-bottom: 12px; }
small a { display: inline; }

/* ---------- Links ---------- */
a { color: #c45600; text-decoration: none; }
a:hover { color: #c45600; text-decoration: underline; }
a:visited { color: #c45600; }
a:active, a:focus { outline: none; }



/* ---------- Listen ---------- */
dl { margin-bottom: 12px; } /* definition list */
dt { } /* definition (list) term */
dd { } /* definition (list) definition */

ul { list-style: none; }
ul li { float: left; }
ul li ul { }
ul li ul li { background: none; }

ol { padding: 0 20px; }
ol li { margin-bottom: 12px; }
ol li img { }