body {
	background-color: #0071ca;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#036;
	padding-top:0px;
	margin:0px;
}
a {
	color: #333;
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	text-decoration: none;
	line-height: 18px;
}
a:visited {
	color:#036;
}
a:hover {color: #036; text-decoration:none;}
a:active { color:#000000;}

h1 {
	font-size: 11px;
	text-transform:uppercase;
	border-top:1px solid #564b47;
	border-bottom:1px solid #564b47;
	padding:5px 15px;
	margin:0px }

h2 {
	font-size:18px;
	font-weight: normal;
	margin:0px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
	width: 1000px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
} 

/* ----------start header-------------- */
#header {
	text-align: left;
	padding: 0px;
	margin: 0px;
	background-image: url(images/header.jpg);
	height: 190px;
	width: 1000px;
}

#header #nav {
	color: #FFF;
	position:relative;
	top:134px;
	left:240px;
	margin:0;
	font-size: 12px;
	z-index: 99;
	width: 300px;
	padding-left: 0px;
	}
	

#header #nav a {
	color: #036;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
}

#header #nav a:hover, a:active { color: #FFF; text-decoration:none; }

/* -----------------content--------------------- */
#content{
	position: relative;
	margin: 0px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
}

p {
	margin:0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333;
	text-decoration: none;
}

#image {
	position:relative;
	left: 32px;
	width: 150px;
	float: left;
	z-index: 999;
	font-weight: normal;
	color: #333;
	padding-top: 5px;
}
#image-a {margin-left: 5px; margin-top: 5px;}


/* ---------- maincol ----------------- */
#maincol{
	position: relative;
	width: 960px;
	left: 20px;
 } 
 
 #maincol-top {
	background-image:url(images/maincol-top.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 960px;
}
 #maincol-middle {
	background-image:url(images/maincol-middle.jpg);
	background-repeat: repeat-y;
}
 #maincol-middle-600 {
	background-image:url(images/maincol-middle.jpg);
	background-repeat: repeat-y; height: 600px;
}
 #maincol-down {
	background-image: url(images/maincol-down.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 960px;
}

/* ---------- col ----------------- */
#col{width:701px; left: 186px; top: 5px; position: relative; }

 #col-top {
	background-image:url(images/col-top.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 701px;
}
 #col-middle {
	background-image:url(images/col-middle.jpg);
	background-repeat: repeat-y;
	width: 701px;
	padding-left: 0px;
}
 #col-down {
	background-image: url(images/col-down.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 701px;
	padding-bottom: 30px;
}

/* ---------- colclean ----------------- */
#colclean{width:701px; left: 186px; top: 5px; position: relative; }

 #colclean-top {
	background-image:url(images/colclean-top.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 701px;
}
 #colclean-middle {
	background-image:url(images/colclean-middle.jpg);
	background-repeat: repeat-y;
	width: 701px;
	padding-left: 0px;
}
 #colclean-down {
	background-image: url(images/colclean-down.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 701px;
	padding-bottom: 30px;
}

#typobox {
	position: relative;
	width: 480px;
	padding-left: 190px;
	}
	
#typoboxclean {
	position: relative;
	width: 640px;
	padding-left: 30px;
	}	
	
#typoboxnoborder {
	position: relative;
	width: 650px;
	padding-left: 24px;
	}		
	
#typobox p {
	color:#333;
}	

/* --------------mainnavbar------------- */
#mainnavbar {
	width:960px;
	position: absolute;
	top: 0px;
	left: 20px;
	color:#FFF;
	z-index: 999;
 }
 
#mainnavbar-left {float:left; height: 36px; width: 36px; background-image:url(images/mainnav-left.png); background-repeat:no-repeat;
 }
 
#mainnavbar-middle {float:left; height: 36px;background-image:url(images/mainnav-middle.png); background-repeat:repeat-x; color:#036; padding-top: 10px;
 }
 
#mainnavbar-middle a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	text-decoration: none;
	text-align:left;
}

#mainnavbar-middle a:hover {color: #036;}
#mainnavbar-middle a:active {color: #036;}
 
#mainnavbar-right {float:left; height: 36px;width: 36px; background-image:url(images/mainnav-right.png); background-repeat:no-repeat;
 }


/* --------------subnavbar------------- */
#subnavbar {
	width:156px;
	position: absolute;
	top: 90px;
	left: 45px;
	color:#FFF;
	z-index: 999;
 }
 
#subnavitem {
	background-image:url(images/navitem.jpg); background-repeat:no-repeat; 
	width:156px; 
	height:20px;
	position: relative;	
	text-align:right;
	padding-top: 5px;
	}
	
#subnavitem a {
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 1px;
 } 
 
#subnavitem a:hover {color:#036; text-decoration:none;} 

#subnavitem-active {
	background-image:url(images/navitem.jpg); background-repeat:no-repeat; 
	width:156px; 
	height:20px;
	position: relative;	
	text-align:right;
	padding-top: 5px;
	
	}
	
#subnavitem-active a {
	color:#036;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	}
	
#subnavitem-active a:hover {
	color: #000;
	text-decoration: none;
}	

#subsubnavitem {
	background-image:url(images/navitem.jpg); background-repeat:no-repeat; 
	width:156px; 
	height:20px;
	position: relative;	
	text-align:right;
	padding-top: 5px;
	}	
	
#subsubnavitem a {
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0px;
	text-align: right;	
 } 		
	
	
#subsubnavitem a:hover {color:#036; text-decoration:none;}		
	
#subsubnavitem-active {
	background-image:url(images/navitem.jpg); background-repeat:no-repeat; 
	width:156px; 
	height:20px;
	position: relative;	
	text-align:right;
	padding-top: 5px;
	}
	
#subsubnavitem-active a {
	color:#036;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0px;
	text-decoration: none;
	}	


/*  ----------------galerie---------------------- */ 


/*--- start Change Bereich (+40px) ------------------------------------------------------*/

#change {
	position: relative;
	top: 10px;
	left: 208px;
	float: left;
	width: 660px;
	height: 405px;
	text-align: left;
	}

#change a, #change a:visited {
	position: absolute;
	top: 0px;
	left: 0px;
	float: left;
	display: block;
	margin: 0;
	padding-left: 0;
	overflow: visible; 
		}

#change a {
	text-indent: 0;}
		
#change a .invisible {
	display: none;}	
		
/* Index-Bereich */
	#change .back, 
	#change a:hover .invisible {
	background-image: url(images/bg_bildbereich_portfolio.jpg);
	display: block;
	position: absolute;
	left: 0;
	top: 80px;
	float: left;
	text-align: left;
	width: 660px;
	height: 430px;
	overflow: visible;
		}

	#change .back .invisibletext,
	#change a:hover .invisible .invisibletext {
	position: absolute;
	left: 0px;
	top: 410px;
	float: left;
	font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; text-align: left; letter-spacing: 1px;
	vertical-align: top;
	color: #036;
	font-style: normal;
	overflow: visible;
	}
	.invisibletext01 {
	position:absolute; top:410px; left:0px; width: 620px; color:#036;
	font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; text-align: left; letter-spacing: 1px;
	}

/* Change Bereich trebsamoht */
	#trebsamoht a .pic0, #trebsamoht a .pic1, #trebsamoht a .pic2, #trebsamoht a .pic3, #trebsamoht a .pic4, #trebsamoht a .pic5, #trebsamoht a .pic6  {
	position: absolute;
	top: 0px;
	left: 0px;
	outline: none;
	overflow: visible; 
}

	#trebsamoht a .pic0 {left: 0px; top: 0px;}
	#trebsamoht a .pic1 {left: 110px; top: 0px;}
	#trebsamoht a .pic2 {left: 220px; top: 0px;}
	#trebsamoht a .pic3 {left: 330px; top: 0px;}
	#trebsamoht a .pic4 {left: 440px; top: 0px;}
	#trebsamoht a .pic5 {left: 550px; top: 0px;}
	
#trebsamoht a:hover .pic0, #trebsamoht a:hover .pic1, #trebsamoht a:hover .pic2, #trebsamoht a:hover .pic3, #trebsamoht a:hover .pic4, #trebsamoht a:hover .pic5, #trebsamoht a:hover .pic6 {
	position: absolute;
	top: 20px;
	left: 60px;
	overflow: visible;
	background-repeat: no-repeat;
}

	#trebsamoht a:hover .pic0 {left: 0px; top: 0px;}
	#trebsamoht a:hover .pic1 {left: 110px; top: 0px;}
	#trebsamoht a:hover .pic2 {left: 220px; top: 0px;}
	#trebsamoht a:hover .pic3 {left: 330px; top: 0px;}
	#trebsamoht a:hover .pic4 {left: 440px; top: 0px;}
	#trebsamoht a:hover .pic5 {left: 550px; top: 0px;}


/*  ----------------footer---------------------- */ 
#footer {
	clear:left;
	margin:0px;
	text-align: left; padding-left:40px; padding-top: 3px; font-size: 10px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 1000px;
	padding-left: 229px;
} 

/*  ----------------Stile---------------------- */ 
.tab {padding-left: 208px;}
.tab2 {padding-left: 199px;}
.tab3 {padding-left: 3px;}
.color {color: #036;}


.active {
	margin:0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #036;
	text-decoration: none;
	font-weight: bold;
}
.link {font-size: 9px; font-weight: normal; letter-spacing: 1px; color: #036;}
.tbl {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	color: #333;
	text-decoration: none;
	text-align:left;
	letter-spacing: 0px;
	background-position: top;
}
.zab { line-height: 18px;}
.note {font-size: 10px; color:#F00; font-weight: normal;}