﻿/*import nom.css*/
@import url("norm.css");

/* #055f4e; dkl grün 
--Schriftfarbe color im jeweiligen <div>*/

td           { font-family: Arial, sans-serif; font-size: 14px; margin-top: 0; margin-bottom: 0; }
p            { font-family: Arial, sans-serif; font-size: 14px; margin-top: 0; margin-bottom: 0; }
h1           { font-family: Arial, sans-serif; color:#055f4e; font-size: 15px;font-weight: bold; margin-top: 0; margin-bottom: 0; }
h2           { font-family: Arial, sans-serif; color:#055f4e; font-size: 20px;font-weight: bold; margin-top: 0; margin-bottom: 0; }
h3           { font-family: Arial, sans-serif; color:#055f4e; font-size: 25px;font-weight: bold; margin-top: 0; margin-bottom: 0; }
h4           { font-family: Arial, sans-serif; color:#055f4e; font-size: 30px;font-weight: bold; margin-top: 0; margin-bottom: 0; }
h5           { font-family: Arial, sans-serif; color:#055f4e; font-size: 35px;font-weight: bold; margin-top: 0; margin-bottom: 0; }
h6           { font-family: Arial, sans-serif; font-size: 10px;font-weight: bold; margin-top: 0; margin-bottom: 0; }

/*  Reihenfolge ist wichtig:  */
a:link{color:#055f4e;}
a:active{color:#055f4e;}
a:visited{color:#055f4e;}
a:hover{color:black;}
/*  ? A:text-decoration: none  */


img{
	border-width:1px 1px 1px 1px;
	border-style: solid;
	border-radius:10px;
	border-color:#055f4e;
/* ####################################################### Demo ###################################*/

	filter:shadow(color=black, direction=120);
	/*border:1px #055f4e solid;
	border-radius:10px;*/
/* ####################################################### Demo ###################################*/
	
	/*-webkit-box-shadow: 11px 5px 9px 5px #055f4e; 
	box-shadow: 11px 5px 9px 5px #055f4e;*/

}
/* ####################################################### Demo ###################################*/

#demo {
-webkit-box-shadow: 11px 5px 9px 5px #000000; 
box-shadow: 11px 5px 9px 5px #000000;
}
li{
	list-style:none;
}
#center {
	text-align:center;
}


body {
	position: relative;
	margin: 0 auto;
	text-align:center;
	width:100%;
	/*background: #055f4e; /* dkl grün */
	background: #055f4e;
	/*background-image: url("../Grafik/tatze8-weiss-100x78.jpg");
	background-repeat:repeat;*/
	
}
#logo{
	position:absolute;
	top:0px;
	padding-left:40px;
	padding-top:10px;
	z-index: 5;
	border:0px #055f4e solid;

	border-radius:15px;
 
}
#logo img{
	border:1px;
	border-radius:10px;
}

#logo2{
	position:absolute;
	top:0px;
	right:0px;
	padding-right:40px;
	padding-top:10px;
	z-index: 5;
	border-radius:15px;
 
}
#logo2 img{
	border:1px;
	border-radius:10px;
}

#hintergrund {
	position:relative;
	background:transparent url("../background/bg_gruen_weiss.jpg");
	/*background-color:lime;*/
	height:83px;
	width:100%;
	border-radius:0px 0px 0px 0px;
}
#kopf {
	position:relative;
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
	height:50px;
	margin-left:0px;
	border-radius:15px;

	}

#headline{
	position:relative;
	color:#c7dcd8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	font-variant:small-caps;
	font-weight:bold;
	text-align:center;
	font-style:italic;
	padding-top:10px;
	/*background-color:fuchsia;*/
	
}
#navigation {
	/*position:relative;*/
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	float:none;
	width:850px;
}

#navi2 ul {
	padding:0px;
	margin:0px;
	margin-top:10px;
	list-style:none;

}

#navi2 li {
	display:inline-block;
	padding:7px 0 0 0;
	margin:0 5px 0 0;

}


#navi2 li a, #navi2 li a:visited, #navi2 li a:active {
	display:inline-block;   /*stellt die Menüpunkte nebeneinander*/
	
	width:150px;   /*Listenbreite*/
	height:15px;	/*Listenhöhe*/
	padding-top:3px;  /*Platzierung der Schrift in der Höhe*/
	padding-bottom:3px;  /*Platzierung der Schrift in der Höhe*/

	border:1px #055f4e solid;
	border-radius:3px;
	font-family: Arial, sans-serif;
	font-size:15px;
	color:#055f4e;
	text-align:center;
	text-decoration:none;
	background-color: #EEE;
}
#navi2 li a:hover {
	color:white;
	background:#055f4e;
}
/*
#navi2 li a:visited {
	color:white;
	background:#055f4e;
}
*/

div#wrapper{
	background:white;
	/*background-image: url("../Grafik/tatze8-weiss-200.jpg");*/
	
	position:relative;
width:100%;
	text-align:left;
	padding-top:0px;
	margin-right:0px;
	padding-left:10px;
}
#container {
	position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	margin-bottom:0px;
	text-align:left;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	/*border-radius:0px 0px 20px 20px;
	min-height:750px;*/
	color:#055f4e;
}

#inhalt-breit {
	position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	/*border-radius:0px 0px 20px 20px;*/
	min-height:750px;
	color:#055f4e;
	background-color:white;

}

/* für Textblock Datenschutz, Impressum */
#text-links {
	text-align:left;
	margin-left:100px;

}

.seitenrand_oben_10 {
	padding-top:10px;
}
div#content{
	padding:0px 40px 0px 0px;
	background-color:#CCCCCC; /*hellgrau*/
	/*background-image: url(Grafik/tatze8-weiss-200.jpg);*/
	
}
div#oben{
	background:#055f4e; /* dkl grün */
	/*background-image: url(Grafik/tatze2-weiss-100.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-image: url(Grafik/tatze2-weiss-100.jpg);
	background-repeat:no-repeat;
	background-position:left;*/

	width:950px;
	height:100px;
	color:white;
	text-align:center;
}

div#footer{
	position:relative;
	/*background-color:#055f4e;  dkl grün */
	background-image: url("../background/bg_weiss_gruen.jpg");
	background-repeat:repeat-x;
	/*background-position:right;*/
	height:50px;
	width:100%;

}
.titel_1 {
	color:#055f4e;
	font-size:23px;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	}

.titel_2 {
	color:#055f4e;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.titel_3 {
	color:#055f4e;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	}


