@charset "iso-8859-1";
/* CSS Document */
    body {
        margin:0px; 
		text-align:center !important /*IE6*/;
        padding:0;
        border:0;		
		/* width:95%; */
        background:#333333;
        /* min-width:800px;   						
        max-width: 1100px;	*/
		font-family:"Trebuchet MS",arial,sans-serif;					
		font-size:small;
    }
	#dieganzeseite {
        margin:0 auto;
		text-align:left;
        /* padding:0;
        border:0; */		
		width:97% !important /*Non-IE6*/; width:975px /*IE6*/;
        background:#ffffff;
        min-width:970px;    						
        max-width: 1200px;
		}	    
	
	a {
    	color:#333333;
		text-decoration:underline;
	}
	a:hover {
		color:#ffffff;
		background:#333333;
		text-decoration:none;
	}
	h1 {
		font-size:150%;
		font-weight:bold;
		margin:1.5em 0 .2em 0;
        padding:0;
		color:#333333;
	}
    h2 {
		font-size:130%;
		font-weight:bold;	
        margin:.8em 0 .2em 0;
        padding:0;
    }
    h3 {
		font-size:115%;
		font-weight:bold;	
        margin:.8em 0 .2em 0;
        padding:0;
    }	
    p {
        margin:.4em 0 .8em 0;
        padding:0;
		line-height:140%;
    }
	li {
		margin:.8em 0 .2em 0;
		}
	img {
		margin:10px 0 5px;
		border: 0px;
	}
	hr {
		color:#a1d317;
		width: 50%;
		text-align:center;
		}
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
		height:180px;
		background-image: url(evagarden-header.jpg);
    }
	#header {
		border-left:1px solid #333333;			
        border-right:1px solid #333333;        
        border-top:1px solid #333333;		
        /* border-bottom:2px solid #333333;    */
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin-top:74px;
		margin-bottom:0;
		margin-left:0;
		margin-right:0;
	    padding:0;
		/* opacity:0.9;
		filter:alpha(opacity=80); */

	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;	

	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 0px;
	    padding:3px 20px;
	    text-align:center;
	    background:none;
	    color:#333333;
		font-size: medium !important /*Non-IE6*/; font-size:0.8em /*IE6*/; 
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.2em;
		/*border-top:1px solid #1c1c1c;
		border-left:1px solid #ffffff; 
		border-right:1px solid #ffffff; */
	    font-weight:bold;		
	}
	#header ul li a:hover {
	    background:#ffffff;
		color:#333333;
	    font-weight:bold;	
		/*border-right:1px solid #ffffff;	*/
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#333333;
	    background:#ffffff;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}
	
    .header-unit-left {float:left; width:108px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
    .header-unit-right {text-align:right; color:#333333;}
	.header-unit-right p {
        padding:10px;
        margin:0;
		color: #333333;
		font-size: 11px;
    }
	
	.header-unit-right a {
	    color: #333333;
		font-weight:bold;
		text-decoration:none;
	}
	.header-unit-right a:hover {
	    background:#333333;
	    color: #ffffff;
		font-weight:bold;
		text-decoration:none;
	}	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* Fix für IE7 Overflow Bug */
	    clear:both;
	    float:left;
        width:100%;				/* Breite der Seite */
		overflow:hidden;		/* Abschneiden überhängender divs */
		border-left:1px solid #333333;	
		border-right:1px solid #333333;
	}
	/* hlfs 3 column settings */
	.hlfs {
	    background:#e6e6e6;    	/* Hintergrund rechte Spalte */	
		/* background-image: url(bgr.jpg);
		background-position:left; */
	}
    .hlfs .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Breite rechte Spalte */
        position:relative;
        right:100%;
        background:#e6e6e6;    	/* Hintergrundfarbe Inhalt */
    }
    .hlfs .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Breite linke und rechte Spalte */
        background:#cccccc;    	/* Hintergrundfarbe linke Spalte */
		border-left:1px solid #333333;
		/* border-right: 1px dotted #a1d317; */
					
    }
    .hlfs .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Breite linke Spalte */
	    padding-bottom:1em; 	/* Unteres Padding der mittleren Spalte */
		

	}
	.hlfs .col1 {
        margin:0 215px;     	/* Seitenabstand mittlere Spalte: */
        position:relative;
	    left:200%;
	    overflow:hidden;
		
	}
    .hlfs .col2 {
        float:left;
        float:right;			
        width:170px;        	/* Breite linke Spalte */
        position:relative;
        right:15px; 
			        	
    }
    .hlfs .col3 {
        float:left;
        float:right;			
        width:170px;        	
        margin-right:45px;  	
        position:relative;
        left:50%;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		background:#cccccc;
		/*border-top:1px solid #333333;*/
		border-bottom:1px solid #333333;
		border-left:1px solid #333333;
		border-right:1px solid #333333;
    }
    #footer p {
        padding:10px;
        margin:0;
		color: #333333;
		text-align:center;
		font-size: 11px;
    }
	
	#footer a {
	    color: #333333;
		font-weight:bold;
		text-decoration:none;
	}
	#footer a:hover {
	    background:#333333;
	    color: #ffffff;
		font-weight:bold;
		text-decoration:none;
	}	

.subcontent-unit-border {
	width:170px; 
	margin:0 0 2.0em 0; 
	padding:0 0 5px 0; 
	border:none; 
	background:#ffffff;
	}
.subcontent-unit-border-white {
	width:170px; 
	margin:0 0 2.5em 0; 
	padding:0 0 10px 0; 
	/* border:dotted 1px #a1d317; */
	background-color:#e6e6e6;
	}
.subcontent-unit-border-blue  {
	width:170px; 
	margin:0 0 2.5em 0; 
	padding:0 0 10px 0; 
	border:dotted 1px #113388; 
	background-color: #ffffff;
	}
.subcontent-unit-border-red {
	width:170px; 
	margin:0 0 2.5em 0px; 
	padding:0 0 10px 0; 
	border:dotted 1px #cc0000; 
	background-color: #FFFFFF;
	}

.main-subcontent h1 {
	clear:both; 
	margin:0 0 5px 0; 
	padding:4px 10px 3px 10px; 
	background-color:#cccccc; 
	font-family:"trebuchet ms",arial,sans-serif; 
	color:#333333; 
	font-weight:bold; 
	font-size:12px;
	}
.main-subcontent h1.white {
	clear:both; 
	margin:0 0 5px 0; 
	padding:4px 10px 3px 10px; 
	background-color:#333333; 
	font-family:"trebuchet ms",verdana,arial,sans-serif; 
	color:#e6e6e6; 
	font-weight:bold; 
	font-size:12px;
	}
.main-subcontent h1.blue {
	clear:both; 
	margin:0 0 5px 0; 
	padding:4px 10px 3px 10px; 
	background-color:#113388; 
	font-family:"trebuchet ms",verdana,arial,sans-serif; 
	color:#ffffff; 
	font-weight:bold; 
	font-size:12px;
	}
.main-subcontent h1.red {
	clear:both; 
	margin:0 0 5px 0; 
	padding:4px 10px 3px 10px; 
	background-color: #CC0000; 
	font-family:"trebuchet ms",verdana,arial,sans-serif; 
	color: #FFFFFF; 
	font-weight:bold; 
	font-size:12px;
	}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {
	clear:both; 
	margin:1.0em 10px 0.5em 10px; 
	color:rgb(80,80,80); 
	font-weight:bold; 
	font-size:12px;
	}
.main-subcontent p {
	clear:both; 
	margin:0 10px 1.0em 10px; 
	color:rgb(80,80,80); 
	line-height:1.3em; 
	font-size:11px;
	}
.main-subcontent p.center {
	text-align:center;
	}
.main-subcontent p.right {
	text-align:right;
	}

.main-subcontent ul {
	list-style:none; 
	margin:0.5em 10px 1.0em 10px;
	}
.main-subcontent ul li {
	margin:5px 0 0.2em 2px; 
	padding:0 0 0 11px; 
	background:url(img/bg_bullet_full_1.gif) no-repeat 0 0.4em; 
	line-height:1.2em; 
	font-size:smaller;
	}
.main-subcontent ol {
	margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; 
	margin:0.5em 10px 1.0em 35px /*IE6*/;
	}
.main-subcontent ol li {
	list-style-position:outside; 
	margin:0 0 0.4em 0; 
	font-size:smaller;
	}
	
.main-subcontent a {
	color: #333333;
	font-weight:bold;
	text-decoration:none;
	display:block;
	}
.main-subcontent a:hover {
	background:#a90029;
	color: #ffeaef;
	font-weight:bold;
	text-decoration:none;
	}	
		
	
	
.main-navigation {
	margin:0 0 0 0; 
	padding-left: 10px;
	}

.nav3-grid {
	width:160px; 
	/* border-bottom:dotted 1px #a1d317; */
	}
.nav3-grid dt a, .nav3-grid dt a:visited {
	display:block; 
	min-height:1.5em /*Non-IE6*/; 
	height:auto !important; 
	height:1.5em /*IE6*/; 
	line-height:1.5em; 
	padding:0px 0px 0px 0px;  
    /* oben rechts unten links */
	/* border-top: dotted 1px #a1d317; */
	text-decoration:none; 
	color:#1c1c1c; 
	font-weight:bold; 
	font-size: small !important /*Non-IE6*/; font-size:0.8em /*IE6*/;
	margin-bottom:0.5em;
	}
.nav3-grid dd a, .nav3-grid dd a:visited {
	display:block; 
	min-height:1.2em /*Non-IE6*/; 
	height:auto !important; 
	height:1.2em /*IE6*/; 
	line-height:1.2em; 
	padding:0px 0px 0px 0px; 
	border:none; 
	font-weight:normal; 
	text-decoration:none; 
	color:#1c1c1c; 
	font-size: small !important /*Non-IE6*/; font-size:0.8em /*IE6*/;
	margin-bottom:0.3em;	
	margin-left:-30px;
	}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {
	background-color:#FFFFFF; 
	color:#a90029; 
	text-decoration:none;
	}
.nav3-grid dd a:hover {
	background-color:#FFFFFF; 
	color:#a90029; 
	text-decoration:none;
	font-weight:normal; 	
	}	


.main-navigation h1 {
	clear:both; 
	margin:0 0 0 0; 
	padding:7px 0px 7px 0px; 
	/* background-color:#a1d317; */
	color:#1c1c1c; 
	font-weight:bold; 
	/*font-size:small;
	 text-align:center; */
	}

	
	
.bildlinks {
float:left;
margin-right:10px; 
margin-left:0px; 
margin-top:0px;
margin-bottom:2px
}

.bildrechts {
float:right;
margin-right:0px; 
margin-left:10px; 
margin-top:0px;
margin-bottom:2px
}	

.minitext {
	font-size:8pt;
}

.thumbnails {
float:left;
padding: 25px;
margin-right:10px; 
margin-left:0px; 
margin-top:0px;
margin-bottom:5px;
background: #ffffff;
border: 1px dotted #333333;
}

.bereichrechts {
clear:both;
float:right; 
width:200px; 
padding-left:10px; 
margin-left:10px;
padding-bottom:10px; 
font-style:italic;
color: #08673f;
border: 1px dotted #08673F;
font-size:90%;
}

.bereichlinks {
clear:both;
float:left; 
width:185px; 
padding-right:10px; 
margin-right:10px;
padding-bottom:10px; 
font-style:italic;
color: #08673f;
border: 1px dotted #08673F;
font-size:90%;
}