body {
	margin: 0;
	padding: 0;
	background: #ECEAD6 url(http://www.emil-herzog-live.ch/images/bodybg.gif) repeat-x top;

	color: Black;
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 100.1%;
}

A:link {
	color: #CC0033;
	text-decoration : underline;
	background: transparent;
}

A:visited {
	color : #CC0033;
	text-decoration : underline;
	background : transparent;
}

A:hover {
	color : #696969;
	text-decoration : underline;
 background-color: transparent;
}

A:active {
	color : #FF0000;
	background : transparent none;
	text-decoration : none;
}



/* Aussenrahmen mit Border */
#wrapper {
	width: 720px;
	position: absolute;
	left: 50%;
	margin-left: -360px;
	margin-top: 20px;

}

#innerwrapper {
	width: 720px;
	border: 1px solid #969454;	
	background: #FFFFFF;
}

#navcontainer{
 background-image: url(http://www.emil-herzog-live.ch/images/navibg.gif);
 background-repeat:  repeat-x;
	height: 1.3em;
	margin-top: 5px;
	padding: 0;
	width: 720px;
	border-bottom: 1px solid #CAC69C;
	border-top: 1px solid #CAC69C;

}

#navcontainer .active {
	color: #778899;
	background-image: url(http://www.emil-herzog-live.ch/images/naviactivebg.gif);
	background-repeat: repeat-x;
}

#navcontainer a {
	border-bottom: none;
	border-right: 1px solid #CAC69C;
	color: #CC0033;
	display: block;
	padding: 0.2em 8px 0.2em 8px;
	text-decoration: none;
	 background-color: transparent;
}

#navcontainer a:hover {
		background-image: url(http://www.emil-herzog-live.ch/images/naviactivebg.gif);
	background-repeat: repeat-x;
	color: #808080;

}

#navcontainer ul{
	margin: 0;
	padding: 0;
		font-size: 0.8em;
}

#navcontainer ul li {
	background-color: transparent;
	display: block;
	float: left;
	font-family: "Lucida Grande", Verdana, sans-serif;
   height: 1.3em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#subnav{
	height: 1em;
	margin: 10px 5px 0 0;
	width: 715px;
}

#subnav .active {
	color: #778899;
}

#subnav a {
	color: #CC0033;
	display: block;
	padding: 0 1px 0 1px;
	text-decoration: none;
}

#subnav a:hover {
	background-image: url(http://www.emil-herzog-live.ch/images/naviactivebg.gif);
	background-repeat: repeat-x;
	border-bottom: 0;
	color: Gray;
}

#subnav ul{
	margin: 0;
	float: right;
}

#subnav ul li {
	background-color: transparent;
	display: block;
	float: left;
	font-family: "Lucida Grande", verdana, sans-serif;
	font-size: 0.7em;
	list-style-type: none;
/*	margin: 0;
	padding: 0;*/
	text-align: center;
}


#content {
	text-align: left;
	font-size: 0.80em;
	line-height: 1.5em;
	padding: 0;
	width: 480px;
   margin-top: 30px;
}

#content img {
	margin: 10px;
	border: none;

}


#content p {
	padding: 0 20px 5px 20px;
}

#content ul {
	margin-left: 5em;
	padding: 0;
	list-style-type: none;
	list-style-image: url(http://www.emil-herzog-live.ch/images/bull_blue.gif);
	list-style-position: outside;
	line-height: 1.5em;
	margin-top: 0px;
	}

#content ul ul {
	margin-left: 2em;
		list-style-image: url(http://www.emil-herzog-live.ch/images/bull_lightblue.gif);
}	
	
	
#introtoptext {
	width: 235px;
	float: right;
	font-size: 1em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

#introtoptext img {
 border: none;
 margin: 0;
 padding: 5px 0 0 0;
}

#introfoto {
	margin-left: 5px;
	float: left;
	margin-top: 10px;
}
	
#introfoto img {
		border: 1px solid #969454;	
	padding: 1px;
	margin-bottom: 20px;
}	
	
table{
border-spacing:1px;
font:0.8em 'Verdana', Arial, Helvetica, sans-serif;
background:#E7E7E7;
color: black;
margin: 3px 20px 3px 20px;
width: 95%;
}
caption{border:#666666;border-bottom:2px solid #666666;text-transform:uppercase;padding:5px;}
td, th{padding:2px;}
thead th{text-align:center;background:#F5F5F5;color:#666666;border:1px solid #ffffff;text-transform:uppercase;}
tbody th{font-weight:bold;}
tbody tr{background:#ffffff;text-align:left;}
tbody tr.odd{background:#ffffff;border-top:1px solid #ffffff;}
tbody tr td{/*height:50px;*/background:#ffffff;border:1px solid #ffffff;}
tbody tr.odd td{background:#ffffff;border-top:1px solid #ffffff;}
tfoot th, tfoot td{padding:5px;text-align:center;font:15px 'Verdana', Arial, Helvetica, sans-serif;font-style:italic;font-weight:bold;border-bottom:3px solid #cccccc;border-top:1px solid #DFDFDF;

}


.tablebg1 {
	background-color: #EAE1C5;
}

.tablebg2 {
	background-color: #F1EED8;
}

.linktitle {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #797979;
	padding: 5px 0 3px 0;
	border-bottom: 1px dashed #CAC69C;
	border-top: 1px dashed #CAC69C;
	}

#rightcol {
float: right;
 width: 230px;
 margin-top: 35px;
 margin-bottom: 20px;
 background-image: url(http://www.emil-herzog-live.ch/images/colbg.gif);
 background-repeat: repeat-y;
}

#rightcolleer {
float: right;
 width: 230px;
 margin-top: 35px;
 margin-bottom: 20px;
}


.rightcontent {
/*margin-top:80px;*/
}

#rightcol h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #336699;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 5px;
	padding: 1px 0 0 10px;
	background-image: url(http://www.emil-herzog-live.ch/images/sidetitlebg.gif);
	background-repeat: repeat-y;
	line-height: 1.5em;
}

#rightcol h2 {
	font-size: 0.9em;
	padding-left: 10px;
	padding-top: 10px;
	font-weight: bold;
}


#rightcol p {
	padding: 4px 10px 4px 10px;
	font-size: 0.7em;
	line-height: 1.4em;
	margin: 0;
}

#rightcol .bild {
	margin-bottom: 10px;
}

.fotorahmen {
		border: 1px solid #969454;	
		margin-bottom: 10px;
}


.vision {
		background: #E5E2C5;
 margin-left: 20px;
 margin-right: 10px;
 	border: 1px solid #969454;	
	padding: 15px 20px 15px 20px;
}

.sidefoto {
margin-left: 10px;
		border: 1px solid #969454;	
		margin-bottom: 3px;
 width: 200px;
}

#footer {
 clear: both;
 width: 680px;
 margin-left: 20px;
 border-top: 3px solid #EDEACC;
 padding: 5px 0 5px 0;
 font-size: 0.65em;
 line-height: 1.3em;
}

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: Black;
	padding: 0 0 20px 20px;
}

h2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #336699;
	padding: 0 0 0 20px;
	}
	
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #797979;
	padding: 0 0 0 20px;
	}

#sidenav{
	background: transparent;
	margin: 0;

}

#sidenav .active {
	color: #778899;
	padding-left: 8px;
	width: 194px;
   border-left: 2px solid #A1AEBC;
}

#sidenav a {
	color: #CC0033;
	display: block;
	padding: 3px 6px 4px 10px;
	text-decoration: none;
	width: 194px;
}

#sidenav a:hover {
	color: Gray;
   background-color: #DFDFDF;
	border-left: 2px solid #A1AEBC;
	padding-left: 8px;
	background-image: url(http://www.emil-herzog-live.ch/images/naviactivebg.gif);
	background-repeat: repeat-x;
}

#sidenav ul{
	margin: 0;
	padding: 0;
}

#sidenav ul li {
	background-color: transparent;
	font-family: "Lucida Grande", verdana, sans-serif;
	font-size: 0.7em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#designby {
  width: 720px;
  text-align: right;
  margin-top: 10px;
  margin-bottom: 20px;
  	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: .6em;
}

#designby a {
	 color: #CC0033;
	 text-decoration: none;
	 background-color: transparent;
}

#designby a:hover{
	 color: Silver;
}

div#sitemap {
   padding: 1em 0 1em 3em;
   line-height: 20px;
	font-size: 0.9em;
   }

div#sitemap li {
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
   }
	
div#sitemap ul {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
	list-style-position: inside;
 list-style-image: none;
 	line-height: 2em;
   }



/* fuer Formular */

form {
  background: #F1EED8;
  border: 1px solid #C3BF62;
  margin:20px;
  padding:.5em;
}

label { 
  display: block;
  float: left;
  width: 80px; 
  font-size: 0.9em;
   text-align: right; 
 padding-right: 0.8em; 
 padding-top: 3px;
}

input { 
  display: block;
  float: left;
  width: 250px; 
  font-family: "Courier New", Courier, monospace; 
}

select { 
  display: block;
  float: left;
  width: 250px;  
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#submit { 
  float: none;
  width: 100px;
  background-color: #D0CC7E;
  	font-family: Verdana, Arial, Geneva, sans-serif;
}

.hidden {
display: none;
  float: none;
  width: 0;	
}

input:active, input:focus, input:hover{
 background: #E8EBDF;
 }
 
input,textarea {
margin: 4px 0;
border: 1px solid #CAC69C;
background: white;
padding: 3px 3px;
}  

legend {
background: #F1EED8;
padding: 0 4px 0 4px;
border-top: 1px solid #D8D4B1;
border-left: 1px solid #D8D4B1;
border-right: 1px solid #D8D4B1;
margin-bottom: 4px;
font-weight: bold;
 font-size: 0.8em;
}

fieldset {
border: 1px solid #D8D4B1;
background: #F1EED8;
margin-top: 10px;
}

.formnote {
	font-size: 0.8em;
	line-height: 1.3em;
}


.highlightbox {
	background-color: #F1EED8;
	border: 1px solid #D8D4B1;
	padding: 10px;
	margin-left:20px;
}