/* Projekt Traumgarten */

body { 
	margin:0; padding:1em 2em 1em 2em; 
	background-color:#fff; color:#000;
	min-width:780px;
	font:normal 80.01% Verdana,Arial,sans-serif;
	line-height:1.4em;
	text-align:center; 
	}
* html body { font-size:75.01%; } 

table {
	margin:0; padding:0;
	width:100%;
	background-color:#fff;
	color:#000;
	font:normal 1em Verdana,Arial,sans-serif;
	line-height:1.6em;
	text-align:left;
	}
table tr td { vertical-align:top; }
td.col1 { text-align:right; }
td.col2 { padding-left:2em; width:100%; }

div,p { margin:0; padding:0; }
h1,h2 { margin:0; padding:0; font-size:1.2em; font-weight:bold; text-align:left; }
h2 { margin-top:-.5em; margin-bottom:.1em; font-size:1.1em; }
.h3 { margin-right:.5em; font-size:1em; font-weight:bold; }

img { margin:0; padding:0; border:0; }
.logo { margin:0 2em 0 2em; padding:0; padding-left:100px; }
.thumb { margin:0 .5em 0 1em; border:1px solid #fff; vertical-align:middle; }	
.vpic { margin-bottom:.5em; border:1px solid #fff; vertical-align:middle; cursor:default; }					
.detpic { float:left; margin-right:2em; border:1px solid #fff; }				

ul.offert { 
	margin:1em 0; padding-left:2em;
	color:#666;
	line-height:1.2em;
	list-style-position:inside; list-style-type:square; 
	}

/* Links */
a {
	font:normal 1em Verdana,Arial,sans-serif;
	color:#999900;
	line-height:1.4em;
	text-decoration:none; 
	}
a:hover { color:#9ACD32; text-decoration:underline; }
.intro a:hover { text-decoration:none; }
.top a { font-weight:bold; }
.top a:hover { text-decoration:none; }

#navbar { 
  	margin:0; margin-top:0px; padding:0; padding-top:15px;  
	font-size:.9em; 
  	min-width:30em;
  	overflow:hidden;
  	}
#navbar li { float:left; margin:0; padding:0 .2em 0 0; min-width:7em;  list-style-type:none; }
#navbar li a { display:block; padding:.2em .5em; border-top:.9em solid #fff; }
#navbar li H1 { display:block; padding:0 .5em; border-top:1.2em solid #fff; text-align:center; }

#navbar li a.Bygruen { border:0; padding-top:.8em; }
#navbar li a.Bgruen { border-color:#6B8E23; }
#navbar li a.Bblau { border-color:#4682B4; }
#navbar li a.Bvio { border-color:#C71585; }
#navbar li a.Borang { border-color:#DAA520; }

#navbar li a:hover { border-top:.9em solid #9ACD32; text-decoration:none; }
#navbar li a.Bygruen:hover { border:0; }

#navbar li H1.Bgruen { border-color:#6B8E23; }
#navbar li H1.Bblau { border-color:#4682B4; }
#navbar li H1.Bvio { border-color:#C71585; }
#navbar li H1.Borang { border-color:#DAA520; }

/* IE5/Mac hacks */
/*\*//*/
#navbar  {overflow:hidden; }
#navbar li a {display: inline;}
/**/

/* Layers */
#header { 
	margin:0; padding:0; width:100%;
	background:#fff url(../graphics/bg.gif) top left repeat-x; 
 	}

.intro {						
	padding:1em 2em 1.5em 2em; 		
	border-top:1px solid #9ACD32;					
	border-right:2px solid #9ACD32;	
	border-bottom:2px solid #9ACD32;	
	border-left:1px solid #9ACD32;	
	line-height:6em;
	text-align:justify;
	}
.intro img { vertical-align:middle; }

.txt {
	margin:0 auto;	padding:1em 2em 1.5em 2em; 
	border-top:1px solid;					
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:1px solid #fff;
	line-height:1.6em;
	text-align:justify;
	}
.txt p { margin-top:1em; }

/* Farben normal */
.ygruen	{ color:#9ACD32; }	
.gruen	{ color:#6B8E23; }	
.blau	{ color:#4682B4; }	
.vio		{ color:#C71585; } 	
.orang	{ color:#DAA520; } 	

/* Farben fett */
.Bygruen	{ color:#9ACD32; font-weight:bold; }	
.Bgruen	{ color:#6B8E23; font-weight:bold; }
.Bblau	{ color:#4682B4; font-weight:bold; }
.Bvio	{ color:#C71585; font-weight:bold; } 	
.Borang	{ color:#DAA520; font-weight:bold; } 	
.Boliv	{ color:#999900; font-weight:bold; }	

/* Schriften */
.cap { font-size:1.3em; line-height:1.5em; font-weight:bold; }			
.top { margin-top:0; font-size:1.6em; }
.footer { margin:0; padding:0; width:100%; font-size:.8em; line-height:.8em; color:#333; }
