/*--------------------------------------------------------
                          COMMON
--------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	margin:0px;
	padding:0px;
}
form {
	margin:0px;
	padding:0px;
}

img 
{
	border: 0px;
}

.container
{
	width:867px;
}
a {
	color:#990000;
	text-decoration:none;	
}
a:hover {
	text-decoration:underline;
}
/*--------------------------------------------------------
                          HEADER
--------------------------------------------------------*/
.header
{

	width: 867px;
	height: 79px;
	position:relative;
	
}
.logo {
	width:274px;
	height:39px;
	background:url('images/layout/etechcenter.gif') no-repeat 0px 0px;	
	position:absolute;
	top:20px;
	left:5px;
	display:block;	
	text-indent:-999999px;
}
.impressum
{
	width:160px;
	text-align:right;
	position:absolute;
	bottom:0px;
	right:-13px;
	font-size:11px;
	line-height:20px;
	cursor:default;
}
/*--------------------------------
    Header Hyperlinks */
a.sprite {
	height:16px;
	width:16px;
	text-indent:99999999px;	
	background-image:url('images/layout/sprite.gif');
	background-repeat:no-repeat;
	overflow:hidden;
}
.impressum a, .impressum span {
	display:block;
	float:left;
	height:20px;
	margin:0px 4px 0px 0px;
}
.home {
	background-position:0px 2px;	
}
.sitemap {
	background-position:-16px 2px;	
}
.mail {
	background-position:-32px 2px;	
}
.impressum a
{
	color:#000;
	text-decoration:none;
}
/*--------------------------------------------------------
                          SITE
--------------------------------------------------------*/
.site
{
	width:867px;
	border: 1px solid #969696;
	background:url('images/layout/columnfaux.jpg') repeat-y 0px 0px ;
	position:relative;
	min-height:502px;
}
* html .site {
	height:502px;
	width:860px;
}
/*--------------------------------------------------------
                          NAVIGATION
--------------------------------------------------------*/
.menu
{
	color:#fff;
	height:502px;
	width:300px;
	float:left;
	position:relative;
	z-index:10;
}
* html .menu {
	position:absolute;
	left:0px;
	top:0px;
}
/*--------------------------------------------------------
                          LEFT INNER NAVIGATION
--------------------------------------------------------*/
.mainnav
{
	width:300px;
	float:left;
	text-align:left;
	color:#fff;
	z-index:8;
	position:relative;
}
.mainnav * {
	font-family:Arial, Verdana, Helvetica Light, Sans-Serif;	
}
.mainnav ul
{
	color:#fff;
	font-size:11px;
	list-style:none;
	margin:12px 0px 0px 8px;
	padding:0px;
	background:url(images/layout/spacer.gif);
}
.mainnav ul li {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;
}
* html .mainnav ul li, *+html .mainnav ul li {
	float:left;
	clear:left;
}
.mainnav ul li.clear {
	clear:left;
}
.mainnav a {
	width:142px;	
}
.mainnav a, .nav a, .navactiv a {
	color:#fff;
	text-decoration:none;
	padding:0px 0px 0px 8px;
	margin:0px;
	text-transform:uppercase;
	line-height:17px;
	height:17px;
	display:block;
	background:url(images/layout/spacer.gif);
}
.mainnav a:hover, .nav a:hover, .navactiv a:hover, .mainnav a.current, .nav a.current, .navactiv a.current{
	background:url(images/layout/brace.gif) no-repeat 0px 3px;
}
/*--------------------------------------------------------
                          RIGHT INNER NAVIGATION
--------------------------------------------------------*/
.nav, .navactiv
{
	width:150px;
	position:absolute;
	top:12px;
	left:150px;
	margin:0px;
	padding:0px;
	text-align:left;
	color: white;
	display:none;
	min-height:100%;
	background:url(images/layout/spacer.gif);
}
.nav a, .navactiv a {
	width:134px;	
}
* html .nav, * html .navactiv
{
	height:100%;
}
.navactiv {
	display:block;	
}
.nav ul, .navactiv ul
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 8px;
}
.nav ul ul, .navactiv ul ul
{
	margin:0px 0px 0px 8px;
	padding:0px;
}

.nav ul li, .navactiv ul li
{
	font-size:11px;
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px;
}
.nav a, .navactiv a {
	text-transform:none;
}
.navstop_t, .navstop_r, .navstop_b, .navstop_l {
	position:absolute;
	
}
.navstop_t {
	left:0px;
	top:0px;
	width:100%;	
	height:5px;
}
.navstop_r {
	left:299px;
	top:0px;
	height:100%;	
	width:5px;
}
.navstop_b {
	left:0px;
	top:300px;
	width:100%;	
	height:5px;
}
.navstop_l {
	left:0px;
	top:0px;
	height:100%;	
	width:5px;
}
/*--------------------------------------------------------
                          CONTENT
--------------------------------------------------------*/
.contents
{
	background-color:white;
	width:566px;
	margin-left:301px;
}
* html .contents {
	margin-left:301px;	

}
.contentblock {
	margin:12px 10px 12px 10px;
}
/*--------------------------------------------------------
                          TEXT FORMAT for CONTENT
--------------------------------------------------------*/

p, contents *, td {
	font-size:11px;	
	margin:0px;
	padding:0px;
}
h1 {
	font-size:13px;	
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:0px;
}
hr {
	border:1px solid transparent;
	border-bottom:1px solid #999999;
	width:566px;
	margin:0px 0px 0px -10px;
	position:relative;
	display:block;
}
.shade {
	background:url('images/layout/course.jpg') no-repeat left center;
	height:20px;
}
h2.brace {
	font-weight:bold;
	margin:0px;
	padding:0px 0px 0px 8px;
	background:url(images/layout/brace.gif) no-repeat 0px 0px;
	font-size:11px;	
}
div.brace {
	margin:0px;
	font-size:11px;	
	padding:0px 0px 0px 8px;
	background:url(images/layout/slimbrace.gif) no-repeat 0px 2px;	
}
div.brace * {
	font-size:11px;	
}
table {
	margin:0px 0px 0px 5px;	
}
.startimage {
	margin:-12px 0px 0px -10px;
	position:relative;
	border-bottom:1px solid #999999;	
}
/*--------------------------------
	Sitemap*/
.contentSitemap {
	margin:10px 0px 20px 20px;
	padding:0px;
}
.contentSitemap li {
	margin:0px;
	padding:5px 0px 0px 10px;
	list-style:none;
	font-size:11px;	
	background:url('images/layout/dot.gif') no-repeat 3px 11px;
	line-height:15px;
}
.contentSitemap li li {
	padding:0px 0px 0px 10px;
	background:url('images/layout/dot.gif') no-repeat 3px 6px;
}
.contentSitemap ul {
	margin:0px 0px 0px 5px;
	padding:0px;
}
/*--------------------------------
	Mieter List*/
.mieter {
	margin:0px;
	padding:0px;
	
}
.mieter li {
	margin:5px 0px 0px 0px;
	padding:0px;
	list-style:none;
	border-top:1px solid white;
	background:url('images/layout/course.jpg') no-repeat left bottom;
}
.mieter .mieterImage {
	display:block;	
	float:left;
	width:120px;
	text-align:center;
}
.mieter .mieterText {
	margin:0px 0px 0px 140px;	
}
.mieter .clear {
	clear:left;	
	height:5px;
}
/*--------------------------------
    Image at the bottom of the page */
.bottomImg {
	width:301px;
	height:387px;
	background:url('images/layout/bottomImg.jpg') no-repeat 0px 0px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:9;
}
* html .bottomImg {
	bottom:-1px;	
}
/*--------------------------------------------------------
                          FOOTER
--------------------------------------------------------*/
.footer
{
	font-size:9px;
	height:36px;	
	width:869px;
	cursor:default;
	position:relative;
}
.footer div {
	margin:3px;	
}
.footer .left {
	float:left;
	padding:3px 3px 3px 3px;
	min-width:294px;
}
.footer .left p {
	font-size:9px;
}
.footer .right {
	float:right;
	padding:3px 3px 3px 3px;
}
.footer .center {
	float:left;
	padding:3px 3px 3px 3px;
}
.footer .center br {
	display:none;	
}
.footer a
{
	color:#000000;
	text-decoration:none;
}
.footer a:hover
{
	color:#850210;
	text-decoration:none;
}






.middle
{
	height:148px;
	border-bottom: 1px solid #9e9a97;
	border-top: 1px solid #9e9a97;
	margin:0px;
	padding:0px;
	font-size:10px;
	text-align:left;

}

.contents div.textblock
{
	border-top: 1px solid #9e9a97;

	margin:0px 0px 15px 0px;
	padding:5px;
	font-size:10px;
	text-align:left;
}
.contents div.textblock table {
	margin:0px 0px 8px 0px;
}
div a
{
	color:#850210;
	text-decoration:none;
	
}




/*Gallery*/

.imageInfo .content {
    display:none;
}