/* 
colors:

#BFCACF : light gray
#7E898E : dark gray
#687175 : even darker gray
#DAE8EE : very light gray

#D2632C : orange

*/

body {
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	border:0px;
  font-family:Verdana;
  font-size:8pt;
	background-color:#ffffff;
	background-image:url(img/body_background.gif);
	background-repeat:no-repeat;
	background-position:10px 100px; 
}

span#logo {
	position:absolute; 
	top:15px;
	left:10px;
	width:160px;
	text-align:center;
}

span#topbar {
  position:absolute;
  left:180px;
	height:10px;
	width:600px;
	background-color:#7E898E;
	border:0px solid black;
}

span#title{
  position:absolute;
  left:180px;
  top:30px;
	height:70px;
	width:600px;
	border:0px solid black;
	vertical-align:middle;
	padding-top:25px;
	padding-left:10px;
}

span#content {
	position:absolute;
	top:85px;
	left:180px;
	width:605px;
	height:400px;
}

div#subcontent_block {
	width:530px; 
	line-height:18px; 
	margin-left:20px;
}

/* ***** NAVIGATION ***** */

span#navigation {
	position:absolute;
	top:85px;
	width:160px;
	height:400px;
	left:10px;
	padding-top:10px;
	background-color:#d1dde3;
	background-image:url(img/menu_background.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
  vertical-align:top;
}

span#navigation a {
  display: block;
  text-decoration:none;
  font-weight: bold;
}

span#navigation a:link {
  color: black;
}
  
span#navigation a:visited {
  color: black;
}
 
span#navigation a:hover {
  color: white;
  background-color: #7E898E;
}

span#navigation a:active {
  color: white;
}

span#subnavigation a {
  display: block;
  text-decoration:none;
  font-weight:normal;
}

span#subnavigation a:link {
  color: black;
}
  
span#subnavigation a:visited {
  color: black;
}
 
span#subnavigation a:hover {
  color: white;
  background-color: #7E898E;
}

span#subnavigation a:active {
  color: white;
}

.menuitem {
  padding-left:30px;
  padding-top:3px;  
  height:25px;
  font-family:Verdana;
  font-size:10pt;
  text-align:left;
  /* border:1px solid black; */
	background-image:url(img/item_dot.gif);
	background-repeat:no-repeat;
	background-position:10px 9px; 
	cursor:pointer;
}

.menuitem_active {
  padding-left:30px;
  padding-top:3px;
  height:25px;
  font-family:Verdana;
  font-size:10pt;
  text-align:left;
  font-weight: bold;  
  /* border:1px solid black; */
	background-image:url(img/item_active_dot.gif);
	background-repeat:no-repeat;
	background-position:10px 9px; 
	cursor:default;
}

.submenuitem {
  height:17px;
  padding-left:40px;
  font-family:Verdana;
  font-size:9pt;
	cursor:pointer;
}

.submenuitem_active {
  height:17px;
  padding-left:40px;
  font-family:Verdana;
  font-size:9pt;
	background-image:url(img/subitem_active_dot.gif);
	background-repeat:no-repeat;
	background-position:28px 5px;  
	cursor:default;
}

/* **************** */

.bottom3grid {
  margin-top:10px; 
  padding:10px;
  border:0px; 
  height:200px;
  /*
	background-image:url(img/bottom_3grid_lines.gif);
	background-repeat:no-repeat;
	background-position:0px 0px; 
	*/
}

.bottom2grid {
  margin-top:10px; 
  padding:10px;
  border:0px; 
  height:200px;
  /*
	background-image:url(img/bottom_2grid_lines.gif);
	background-repeat:no-repeat;
	background-position:0px 0px; */ 
}

.bottom2grid_c1 {
	position:absolute; 
	left:20px; 
	line-height:17px; 
	width:260px; 
	font-size:10pt;
}

.bottom2grid_c2 {
	position:absolute; 
	left:310px;
	line-height:17px; 
	width:260px; 
	font-size:10pt;
}

.bottom2grid_footer {
	position:absolute; 
	left:280px;
	top:570px;
	line-height:17px; 
	width:300px; 
	font-size:10pt;
	text-align:center;
}

.bottomfull {
  margin-top:5px; 
  padding:5px;
  border:0px; 
  height:200px;
	/*background-image:url(img/bottom_nogrid_lines.gif);
	background-repeat:no-repeat;
	background-position:0px 0px; */
}

div#subcontent {
  /* width:194px; */
  width:595px;
  /* border:1px solid blue; */
  float:left;
  padding:5px;
  font-size:10pt;
  /* line-height:20px; */
}

div#subcontent h1 {
	color: black;
  text-decoration:bold;
  font-size:11pt;
}

div#subcontent h2 {
  text-decoration:none;
  font-size:10pt;
  color: #7E898E;
  padding-left: 15px;
	background-image:url(img/item_dot.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;   
}

div#subcontent h3 {
  text-decoration:none;
  font-size:10pt;
  color: #7E898E;
  padding-left: 15px;
  margin-bottom:5px;
  margin-top:25px;
	background-image:url(img/item_dot.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;   
}

div#subcontent a {
  text-decoration:none;
  color: #7E898E;
}

div#subcontent a:link {
  color: #7E898E;
}
  
div#subcontent a:visited {
  color: #7E898E;
}
 
div#subcontent a:hover {
  color: #687175;
  text-decoration:underline;
}

div#subcontent a:active {
  color: #687175;
}

div#subcontent_production {
	width:330px; 
	line-height:18px; 
	text-align:left; 
	margin-left:40px; 
	margin-top:23px
}

div#subcontent_about {
	width:450px; 
	line-height:18px; 
	text-align:left; 
	margin-left:40px; 
	margin-top:23px;
}

div#subcontent_all {
  width:530px; 
  line-height:18px; 
  text-align:left; 
  margin-left:20px;
}

div#detaillinks {
  text-decoration:none;
  font-size:8pt;
  color: #7E898E;  
}

div#detaillinks li {
	vertical-align:middle;
}

li#photo {
	padding-left:25px;
	background-image:url(img/cam.gif);
	background-repeat:no-repeat;
	background-position:2px 2px; 
}

li#pdf {
	padding-left:25px;
	background-image:url(img/pdf.gif);
	background-repeat:no-repeat;
	background-position:2px 2px; 
}

div#toc {
  margin-top:10px;
  padding-left:5px;
  height:20px;
  border-bottom:1px solid #BFCACF;
}

div#toc a {
  margin-right:10px;
  margin-left:10px;
}

div#siteby {
  width:600px;
}

/* IMPRESSUM */

div#impressum {
	margin-top:60px;
	margin-left:30px;
}

div#impressum a {
  text-decoration:none;
  color: #7E898E;
  background-color: none;  
  font-weight: normal;
}

div#impressum a:link {
  color: #7E898E;
  text-decoration:none;
  background-color: none;  
  font-weight: normal;  
}
  
div#impressum a:visited {
  color: #7E898E;
  text-decoration:none;
  background-color: none;  
  font-weight: normal;  
}
 
div#impressum a:hover {
  color: #7E898E;
  text-decoration: none;
  background-color: #BFCACF;
  font-weight: normal;  
}

div#impressum a:active {
  color: #7E898E;
  text-decoration:none;
  background-color: none;  
  font-weight: normal;  
}
/* EO IMPRESSUM */