@charset "UTF-8";
/* Grundeinstellung für alle Elemente */
body, html, div, td, th, tr, ol, p, input, textarea, select, button, iframe {
  font-family: Verdana;
  font-size: 11px;
  line-height: 1.5em;
  color: black;
	padding: 0px;
	margin: 0px;
  
}

body {
	text-align: center;
	background: #fff url(../bilder/back.jpg) repeat-x /**/;
}

img {
	border: 0px;
	}

h2 {
	font-family: Verdana;
	font-size: 14px;
	padding-left: 0px;
	}

.ohneTab {
	font-size: 16px;
	padding-left: 0px;
	}
/*
#distance { 
	width:1px;
	height:50%;
	background-color:#fc6;
	margin-bottom:-250px; /* half of container's height */
/*	float:left;
	}
*/
#container {
position: absolute;
width: 970px;
left: 50%;
margin-left: -485px;
}

.outerPage {
	position: relative;
	margin-top:80px;
	font-family: Verdana;
	width: 100%;
	border: 0px solid #ccc;
	height: 100%;
	}

.innerPage {
	font-family: Verdana;
	width: 970px;
	border: 0px solid #000;
	height: 455px;
	font-size: 12px;
	background: transparent;
	text-align: left;
	padding: 0px 0px 0px 0px;
	}

.menuLine {
	background: transparent;
	text-align: left;
	padding: 0px 0px 20px 25px;
	height: auto;
	width: 675px;
	float: left;
	margin: 25px 0px 5px 0px;
	}

.logoLine {
	background: transparent;
	text-align: right;
	padding: 0px 0px 20px 0px;
	height: auto;
	width: 250px;
	float: left;
	margin: 0px 0px 5px 0px;
	}

.logo {
	margin-left:20px;
	border: 0px solid #fff;
	}

.gap {
  padding: 2px 0px 0px 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 270px;
  float:left;
}
	
#leftBox {
	padding: 0px 0px 0px 0px;
	height: 370px;
	width: 290px;
	margin: 10px 10px 0px 25px;
	float: left;
	background-color: #fff;
	}
*>#leftBox {
	min-height: 370px;
	height: auto;
}
#leftBox p {
	margin: 15px 15px 0px 20px;
	}

#idesign-Box {
	padding: 0px 0px 0px 0px;
	height: 370px;
	width: 290px;
	margin: 10px 10px 0px 25px;
	float: left;
	background-color: #fff;
	}
*>#idesign-Box {
	min-height: 370px;
	height: auto;
}
#idesign-Box p {
	margin: 40px 15px 0px 20px;
	}

#middleBox {
	padding: 0px 0px 0px 0px;
	height: 370px;
	width: 290px;
	margin: 10px 14px 0px 14px;
	float: left;
	background-color: #fff;
	}
*>#middleBox {
	min-height: 370px;
	height: auto;
}
#middleBox p {
	margin: 15px 15px 0px 20px;
}

#FotoBox {
	padding: 0px 0px 0px 0px;
	height: 450px;
	width: 290px;
	margin: 10px 14px 0px 14px;
	float: left;
	background-color: #fff;
	}
*>#FotoBox {
	min-height: 450px;
	height: auto;
}
#FotoBox p {
	margin: 40px 15px 0px 20px;
}

#rightBox {
	padding: 0px 0px 0px 0px;
	height: 370px;
	width: 290px;
	margin: 10px 0px 8px 14px;
	float: left;
	}
*>#rightBox {
	min-height: 370px;
	height: auto;
	
}
#rightBox p {
	margin: 15px 15px 0px 20px;
	}
	

/*.a-home { background: url(../bilder/ausstellung.jpg);}
.b-home { background: url(../bilder/planen-2.jpg);}
.c-home { background: url(../bilder/architektur.jpg); }*/
.a-home { background: #fff; border-top: 0px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc ;}
.b-home { background: #fff; border-top: 0px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc ;}
.c-home { background: #fff; border-top: 0px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc ;}
.i-design { background: #fff; border-top: 0px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc ;}
.foto { background: #fff; border-top: 0px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc ;}
.text { background: #fff; border-top: 0px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc ;}



.boxTitle {
    width:270px;
    height:auto;
	background:#fff;
    border:0px solid #C4D5E3;
    padding:0px;
	margin: 0px 0px 0px 20px;
    font-family:arial;
    font-size:12px;
	}

.boxBild  {
	margin-top: 20px;
	margin-left: 20px;
	}

#infobox{
		position: relative;
		margin-top: -270px;
		display: none;
	}

/* andere Bildsteuerung start */
#pic_box {
position:relative;
width:15px;
height:auto;
background:transparent;
margin:0px 0px 0px 20px;
}

#thumbs {
	position: relative;
	float: left;
	width: 260px;
	height: auto;
	margin:0px;
	padding:0px;
	}

#img_box {
	position: relative;
	width: 290px;
	height: auto;
	float:left;
	margin:0px 0px 20px 0px;
	}
/* andere Bildsteuerung ende */

.footerLine {
	background: transparent;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 20px;
	width: 952px;
	}

.imp {
	position: relative;
	background: transparent;
	text-align: right;
	top: 79px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 20px;
	width: 290px;
	}

.reihe {
  clear: both;
}

a { color: black; font-size: 12px; text-decoration: none;}
a:hover { color: red; font-size: 12px; text-decoration: none;}
a.aktiv { color: red; font-size: 12px; text-decoration: none;}

/* externer Link in neuem fenster */
a.ex_link {
	background-image: url('./../bilder/ex_link_new_window.gif');
	padding-right: 15px;
	background-position: top right;
	background-repeat:no-repeat;
	font-size: 11px;}

a:hover.ex_link  {
	background-image: url('./../bilder/ex_link_new_window.gif');
	padding-right: 15px;
	background-position: top right;
	background-repeat:no-repeat;
	color: red;
	font-size: 11px;
	text-decoration: none;}

a.noBorder {
	background-image: url('');
	border: 0px;
	}

/* rollover Link */

	.rollovermenu a {border: 0px; background: url("") top left no-repeat; } 

    .rollovermenu a:hover {border: 0px; background-image: url("./../bilder/box-b.gif");}

    .rollovermenu a:active {border: 0px; background-image: url("./../bilder/box-b.gif");}

/* ab hier css für überblendung der boxen */
.thdrcell {
	background:#F3F0E7;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:5px;
    border-bottom:1px solid #C8BA92;
    }
         
.tdatacell {
    font-family:arial;
    font-size:12px;
    padding:5px;
    background:#FFFFFF
    }
         
.dvhdr1 {
   background:#F3F0E7;
   font-family:arial;
   font-size:12px;
   font-weight:bold;
   border:1px solid #C8BA92;
   padding:5px;
   width:150px;
   }
         
.dvbdy1 {
   background:#FFFFFF;
   font-family:arial;
   font-size:12px;
   border-left:1px solid #C8BA92;
   border-right:1px solid #C8BA92;
   border-bottom:1px solid #C8BA92;
   padding:5px;
   width:150px;
   }
         
p {
   margin-top:20px;
   }
         
h1 {
   font-size:13px;
   }
         
.dogvdvhdr {
	text-align: left;
    width:270px;
	filter:alpha(opacity=85);
	opacity:0.85;
    background:#ccc;
	border:1px solid #999;
    font-weight:bold;
    padding:3px;
	margin: 0px 0px 0px -2px;
	}
         
.dogvdvbdy {
    text-align: left;
    width:270px;
    filter:alpha(opacity=85);
	opacity:0.85;
    background:#FFFFFF;
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    padding:3px;
	margin: 0px 0px 0px -2px;
    }
         
.pgdiv {
    width:270px;
    height:auto;
	background:transparent;
    border:0px solid #C4D5E3;
    padding:0px;
	margin: 0px 0px 0px 0px;
    font-family:arial;
    font-size:12px;
	}
/* bis hier css für überblendung der boxen */