
body {
	background-color:#222222;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#222222;
	padding-bottom:20px;
}



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

h2 {
	font-size:12px;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0;
}

a, a:link {
	color:#555555;
	text-decoration:underline;
}

a:hover, a:active {
	color:#999999;
	text-decoration:underline;
}

a#active {
	color:#999999;
	text-decoration:underline;
}


.txt_12px_bold_grey {
	color:#666666;
	font-weight:bold;
}



.root_container {
	position:relative;
	width:980px;
	left:50%;
	margin-left:-490px;
	top:0;
	height:720px;
	background:url(../img/grafik_bg.gif) 170px -5px no-repeat #222222;
	padding-top:108px;
	padding-left:40px;
}


/* 3 Zeilen  */

.cont_logo {
	position:relative;
	float:left;
	width:280px;
	height:22px;
	background:url(../img/logo_architektur-krause.gif) no-repeat;
}



.cont_top {
	position:relative;
	float:left;
	width:899px;
	height:230px;
}

.cont_navi {
	position:relative;
	float:left;
	width:900px;
}

.cont_bottom {
	position:relative;
	float:left;
	width:899px;
	padding-bottom:20px;
	padding-top:1px;
}

.cont_bottom_txt {
	position:relative;
	float:left;
	background-color:#ffffff;
	width:319px;
	padding:20px 20px 40px 20px;
}

.cont_bottom_txt_alt {
	position:relative;
	float:left;
	background-color:#ffffff;
	padding:20px 20px 40px 20px;
}

.cont_top_txt {
	position:relative;
	float:left;
	background-color:#ffffff;
	width:319px;
	padding:20px 20px 40px 20px;
}

.cont_pics, .cont_pics_alt {
	position:relative;
	float:left;
	width:360px;
	padding:0;
}


.cont_pics img {
	position:relative;
	float:right;
	margin-right:1px;
	margin-bottom:1px;
	border:0;
}

.cont_pics_alt img {
	position:relative;
	float:left;
	margin-right:1px;
	margin-left:0;
	margin-bottom:1px;
	border:0;
}


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

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

ol {
	padding:0 0 20px 20px;
	margin:0;
}

ol li {
	padding:0;
	margin:0 0 5px 0;
}


table.auflistung {
	margin-bottom:20px;
}

table.auflistung td {
	padding-bottom:5px;
}



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

ul.topnav li {
	list-style:none;
	padding:0;
	margin-right:1px;
	float:left;
	text-align:center;
}

ul.topnav li a {
	padding:3px 0 1px 0;
	width:179px;
	background-color:#ffffff;
	display:block;
	text-decoration:none;
	color:#333333;
	text-transform:uppercase;
}


ul.topnav li a:hover {
	padding:3px 0 1px 0;
	width:179px;
	background-color:#999999;
	display:block;
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
}

ul.topnav li #active {
	padding:3px 0 1px 0;
	width:179px;
	background-color:#999999;
	display:block;
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
}

ul.subnav {
	position:relative;
	list-style:none;
	margin:172px 0 0 320px;
	width:179px;
	line-height:14px;
}

ul.subnav li {
	list-style:none;
	padding:0;
	margin-top:1px;
	float:left;
	text-align:center;
        position:relative;
}

ul.subnav li a {
	padding:3px 0 1px 0;
	width:179px;
        background: url("../img/narrow.png") no-repeat scroll 164px center #FFFFFF;
	display:block;
	text-decoration:none;
	color:#333333;
	text-transform:uppercase;
}

ul.subnav li a:hover {
	background-color:#bbbbbb;
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
}

ul.subnav li a#active {
	background-color:#bbbbbb;
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
}

/* third_nav  */

ul.subnav li ul {
        display:none;
	position:absolute;
	bottom:0;
	list-style:none;
	padding-left:1px;
	margin:0 0 0 179px;
	width:179px;
	line-height:14px;
}

ul.subnav li:hover > ul  {
        display:block;
}

ul.subnav li ul li a {
        background:#FFF;
}

ul.subnav li ul li a#active > a > li > ul {
    display:block;
}

ul.subnav li ul li a.narrow {
    background: url("../img/narrow.png") no-repeat scroll 164px center #FFFFFF;
}

ul.subnav li ul li a.narrow:hover {
	background-color:#bbbbbb;
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
}

/* Custom */

.datenschutz-container {
	margin-left: auto;
    width: 163px;
}

.datenschutz-container-back {
	margin-left: auto;
    width: 237px;
}

.datenschutz-container-back-bottom {
	clear: both;
	margin: 0 0 150px auto;
	width: 237px;
}

.datenschutz{
	color: #fff!important;
    text-decoration: inherit!important;
    text-transform: uppercase!important;
}