body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color:#383633; 
	margin:5px 0 0 5px; 
	height:100%;
}


body.general {
	background: #f0f0f0 url(../images/bg_stripe_home.gif) repeat-y top left;
}

body.arch {
	background: #b7ab9b url(../images/bg_stripe_arch.gif) repeat-y top left; 
}
body.gastro {
	background: #806a50 url(../images/bg_stripe_gastro.gif) repeat-y top left; 
}
body.kuechen {
	background: #475b63 url(../images/bg_stripe_kuechen.gif) repeat-y top left; 
}
body.innenarch {
	background: #6f514e url(../images/bg_stripe_innenarch.gif) repeat-y top left; 
}
body.auszeich {
	background: #c9b280 url(../images/bg_stripe_auszeich.gif) repeat-y top left; 
}


td, th {
	font-family: Arial, Helvetica, sans-serif; color:#383633;
}

a {
	font-family: Arial, Helvetica, sans-serif; text-decoration:none;
}

ul {
	list-style-type:square;
}

.home #stripe{
	display:none;	
}

.home #stripe_home {
	position:absolute;
	left:0;
	top:0;
	z-index:100;
}
#stripe {
position:absolute;
left:0;
top:0;
z-index:100;
}

#left {
	background: #ffffff;
	padding: 80px 10px 0 45px;
	width:299px;
}
#logo {
	background: #FFFFFF;
	position:absolute;
	padding:40px 50px 0 0;
	left:0px; top:0px;
	display:block;
	
}
#home {
	position:absolute;
	left:5px; top:143px;
}

#contentLeft {
	position:absolute;
	top: 80px; left: 48px;
	padding: 10px; 
	width: 279px;
}
ul#address{
	 list-style: none; margin:0; padding:0 0 15px 0;
}

li.address{
	font-size: 11px; line-height: 1.3;
}
.address a {font-size: 9px; color: #de4f30}

p {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 5px 0 2px 0; padding:0; color:#383633;
}
.aim {
	line-height:1.4;
}


h3.topics {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; margin:0; padding-top:4px; color:#383633;
}

#navi {
	padding: 0 0 2px 0;
}
ul#naviLeft {
	 list-style: none; 
	 margin: 0 0 0 0; padding:2px;
}
#naviLeft li {
	line-height:0.9;
}
#naviLeft a.navi {
	text-decoration: none; color:#383633; font-size: 11px; padding-left: 15px; padding-right: 2px;
}
#naviLeft a:link, #naviLeft a:visited {background: transparent url(../images/bulletInactive.gif) no-repeat 0 50%; }
#naviLeft a:active, #naviLeft a:hover, #naviLeft #current {background: #de4f30 url(../images/bulletActive.gif) no-repeat 0 50%; 
color: #ffffff; right:0;
}


#flash {
	position:absolute;
	top: 80px; left: 355px;
}
#selImage {
position: absolute;
top: 80px;
left: 355px;
width: 320px;

}

#cont_arch {
position: absolute;
top:297px;
left: 355px;
right: 0px;
height:100%;
horizontal-align: right;
vertical-align:bottom;
padding: 10px;
margin:0;
background-color: #d8ccb2;
}
#cont_innenarch {
position: absolute;
top:297px;
left: 355px;
right: 0px;
height:100%;
horizontal-align: right;
vertical-align:bottom;
padding: 10px;
margin:0;
background-color:#c6aa9a;
}
#cont_gastro {
position: absolute;
top:297px;
left: 355px;
right: 0px;
height:100%;
horizontal-align: right;
vertical-align:bottom;
padding: 10px;
margin:0;
background-color: #bdb184;
}
#cont_kuechen {
position: absolute;
top:297px;
left: 355px;
right: 0px;
height:100%;
horizontal-align: right;
vertical-align:bottom;
padding: 10px;
margin:0;
background-color: #7d98a7;
}

#cont_auszeich {
position: absolute;
top:297px;
left: 355px;
right: 0px;
height:100%;
horizontal-align: right;
vertical-align:bottom;
padding: 10px;
margin:0;
background-color: #cec47f;
}
#cont_allg {
position: absolute;
top:297px;
left: 355px;
right: 0px;
height:100%;
horizontal-align: right;
vertical-align:bottom;
padding: 10px;
margin:0;
background-color: #e6e6e6;
}

.content {
color:#ffffff;
width:100%;
}

.general .content {
color:#999999;
}

.weiss {
color:#ffffff;
}

#ziele {
position:absolute;
top: 300px;
left: 355px;
width: 320px;
margin-top: 30px; 
overflow:auto;
}
#projekte {
position:absolute;
top: 350px;
left: 355px;
width: 320px;
margin-top: 30px; 
height: 300px;
overflow:auto;
}

#thumbnails {
margin-top: 20px;
}
.thumbs {
float:left;
padding: 0 10px 10px 0;
}
#legende {
position: absolute;
top: 290px;
left: 358px;
width: 320 px;
margin-top: 20px;

}

.ref{
color:#ffffff;
font-size: 11px;
}

.general .ref {
color:#999999;
font-size: 11px;
}

.general a.hi, .general a.ref:active, .general a.ref:hover {
background-color: #FF9F00;
color:#ffffff;
}

.pad{
padding-left:2px;
}

a.ref:active, a.ref:hover {
background-color: #FF9F00;
}

a.hi {
background-color: #FF9F00;
}

.img { background-color: #d93026;}
.noimg { background-color:#ffffff;}
.plan { background-color:#FF9F00;}

#description {
position:absolute;
top: 80px;
left: 730px;
width: auto;
}
h2 {
	font-size: 22px;  
	font-weight:700; padding-top: 0px; padding-bottom: 0px; 
}
h3 {
	font-size: 16px; font-style:normal; 
	font-weight:600; padding-top: 0px; padding-bottom: 0px; 
}

.claim {
	color: #999999;
	text-align: center;
}

.reftext {
color: #ffffff;
font-size: 30px;
font-weight:500;
padding-top: 250px;
}

#right {
	width:100%;
}
#copy {
	color: #ffffff;
	position:absolute;
	top: 5px;
	right: 5px;
	text-align:right;
	font-size:10px;
}
#copy.dark {
	color:#999999; 
}
.tabelle {
	font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px;
}