@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

body {
	font-family: Lato, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	background: url(grafik/bg.gif);
	margin: 0;
	padding: 0;
	color: #006a4e;
	font-size: 14px;
	line-height: 20px;
}

ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	padding-left: 20px;
	margin: 0;
	list-style: disc;
}

h1, h2, h3, h4, h5, h6, {
	margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
	padding-right: 15px;
	padding-left: 15px; /* Durch Hinzufügen der Auffüllung zu den Seiten der Elemente innerhalb der div-Tags anstelle der div-Tags selbst entfallen jegliche Box-Modell-Berechnungen. Alternativ kann auch ein verschachteltes div-Tag mit seitlicher Auffüllung verwendet werden. */
}

p {
	margin: 0px;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
	padding: 0px;
	padding-bottom: 8px;
}

line {
	height: 1px;
	display: block;
	border-top: 1px solid #c6e9df;
	padding-bottom: 3px;
}

/* ~~ Dieser Container mit fester Breite umschließt alle anderen div-Tags. ~~ */
.container {
	width: 940px;
	background: #FFFFFF;
	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
	margin-bottom: 40px;
	margin-top: 25px;
}

/* ~~ Für die Kopfzeile wird keine Breite angegeben. Sie erstreckt sich über die gesamte Breite des Layouts. Sie enthält einen Bild-Platzhalter, der durch Ihr eigenes, mit Hyperlink versehenes Logo ersetzt werden sollte. ~~ */
.header {
	margin-left: 305px;
}

div#image {
	float: left;
	width: 940px;
	background: #ffffff;
	margin-top: 30px;
}

/* ~~ Beginn Eine Spalte ~~ */
div#OneCol {
	float: left;
	width: 940px;
	background: #ffffff;
	margin-bottom: 10px;
}

div#OneCol_headline {
	float: left;
	width: 830px;
	padding-left: 60px;
	padding-right: 60px;
	background: #ffffff;
	margin-bottom: 10px;
	margin-top: 25px;
}


/* ~~ Beginn Zwei Spalten ~~ */
div#content {
	float: left;
	width: 510px;
	margin-left: 70px;
	margin-bottom: 40px;
}

div#sidebar {
	float: left;
	width: 220px;
	margin-left: 70px;
	margin-bottom: 40px;
	margin-top: 10px;
}

div#icon {
	float: left;
	width: 30px;
	margin-right: 10px;
}

div#icon_text {
	float: left;
	width: 180px;
}

div#btn_sidebar {
	width: 220px;
	float: none;
	display: block;
	padding-bottom: 10px;
	
}

/* ~~ Ende Zwei Spalten ~~ */

/* ~~ Beginn Zwei Spalten gleichmäßig verteilt ~~ */
div#TwoCols2Col1 {
	float: left;
	width: 395px;
	padding-left: 60px;
	margin-bottom: 40px;
}
div#TwoCols2Col2 {
	float: left;
	width: 395px;
	padding-left: 40px;
	margin-bottom: 40px;
}
/* ~~ Ende Zwei Spalten ~~ */


/* ~~ Beginn Drei Spalten ~~ */
div#ThreeColsCol1 {
	float: left;
	width: 220px;
	padding-left: 70px;
}
div#ThreeColsCol2 {
	width: 220px;
	float: left;
	padding-left: 70px;
}
div#ThreeColsCol3 {
	float: left;
	width: 220px;
	padding-left: 70px;
}
/* ~~ Ende Drei Spalten ~~ */

/* ~~ Stile für die Fußzeile ~~ */
div#footer {
	float: left;
	width: 940px;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #eff7f2;
}

/* ~~ Verschiedene float/clear-Klassen ~~ */

.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im .container) platziert werden, wenn .footer entfernt oder aus dem .container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* ~~ Beginn Metanavigation ~~ */
#metanav {
	position:absolute;
	width:940px;
	height:auto;
	margin-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	text-decoration: none;
}

.metanav			{
	list-style: none;
   	overflow: visible;
   	vertical-align: right;
   	font-size: 14px;
   	font-weight: normal;
   	color: #006a4e;
   	text-align: right;
   	text-decoration: none;
	vertical-align: top;
}
	
.metanav:hover 	{
	list-style: none;
    overflow: visible;
    vertical-align: right;
   	font-size: 14px;
    font-weight: normal;
    color: #006a4e;
    text-align: right;
    text-decoration: underline;
	vertical-align: top;
}
					
.metanav_a	{
	list-style: none;
    overflow: visible;
    vertical-align: right;
   	font-size: 14px;
    font-weight: normal;
    color: #006a4e;
    text-align: right;
    text-decoration: underline;
	vertical-align: top;
}
/* ~~ Ende Metanavigation ~~ */

/* ~~ Beginn Pathway ~~ */
div#pathway {
	float: left;
	width: 940px;
	background: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pathway			{
	list-style: none;
   	overflow: visible;
	font-size: 14px;
	font-weight: normal;
	color: #45b797;
	letter-spacing: normal;
	line-height: 20px;
}
	
.pathway:hover 	{
	list-style: none;
   	overflow: visible;
	font-size: 14px;
	font-weight: normal;
	color: #006a4e;
	letter-spacing: normal;
	line-height: 20px;
    text-decoration: underline;
}
					
.pathway_a	{
	list-style: none;
   	overflow: visible;
	font-size: 14px;
	font-weight: normal;
	color: #006a4e;
	letter-spacing: normal;
	line-height: 20px;
    text-decoration: underline;
}
/* ~~ Ende Pathway ~~ */


/* ~~ Beginn Hauptnavigation horizontal ~~ */
div#mainnav {
    width: 940px;
	margin-top: 30px;
	border-bottom: 1px solid #c6e9df;
	padding-bottom: 5px;
}

div#mainnav ul {
    margin: 0px;
    padding: 0px;
	font-family: Lato, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
    font-size: 18px;
    white-space: nowrap;
	text-transform: uppercase;
}

div#mainnav li {
    list-style-type: none;
    display: inline;
}
div#mainnav li a {
    text-decoration: none;
	padding-left: 16px;
}

div#mainnav li a:link {
}

div#mainnav li a:visited {
    text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
}

div#mainnav li a:hover {
	text-decoration: none;
	position: relative;
}

.mainnav 	{
	text-decoration: none;
	position: relative;
    text-decoration: none;
	margin-right: 25px;
    color: #45b797;
}

.mainnav:hover 	{
	text-decoration: none;
	position: relative;
    text-decoration: none;
    padding-top: 4px;
	padding-bottom: 4px;
	margin-right: 25px;
    color: #006a4e;
	background-image: url(images/nav_a.gif);
	background-repeat: no-repeat;
	background-position: left;
}


.mainnav_a 	{
	text-decoration: none;
	position: relative;
    text-decoration: none;
    padding-top: 4px;
	padding-bottom: 4px;
	margin-right: 25px;
    color: #006a4e;
	background-image: url(images/nav_a.gif);
	background-repeat: no-repeat;
	background-position: left;
}


.mainnav_a2 	{
	text-decoration: none;
	position: relative;
    text-decoration: none;
	margin-right: 25px;
    color: #006a4e;
	background-image: url(images/nav_a.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/* ~~ Ende Hauptnavigation horizontal ~~ */


/* ~~ Beginn Unternavigation horizontal ~~ */
div#subnav {
    width: 934px;
	margin-left: 16px;
	margin-top: 10px;
	
}

div#subnav ul {
    margin: 0px;
    padding: 0px;
	font-family: Lato, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
    font-size: 14px;
    color: #45b797;
}
div#subnav li {
    list-style-type: none;
    display: inline;
}

div#subnav li a {
}

div#subnav li a:link {
}

div#subnav li a:visited {
}

div#subnav li a:hover {
}

.subnav 	{
    color: #45b797;
	text-decoration: none;
	margin-right: 20px;
}

.subnav:hover 	{
    color: #006a4e;
	text-decoration: underline;
	margin-right: 20px;
}

.subnav_a 	{
    color: #006a4e;
	text-decoration: underline;
	margin-right: 20px;
}

/* ~~ Ende Unternavigation horizontal ~~ */


/* ~~ Beginn Textdefinitionen ~~ */
h1{
	font-family: Lato, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	color: #006a4e;
	letter-spacing: normal;
	margin-bottom: 10px;
}

h2{
	font-family: Lato, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	color: #006a4e;
	letter-spacing: normal;
	margin-bottom: 10px;
}

.bold {
	font-family: Lato, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.text14_light_green_normal {
	font-size: 14px;
	font-weight: normal;
	color: #45b797;
	letter-spacing: normal;
	line-height: 20px;
}

.text12_bold {
	font-size: 12px;
	font-weight: bold;
	color: #004171;
	letter-spacing: normal;
	line-height: 20px;
}


.links14_normal	{
	color: #006a4e;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
}
	

.links14_normal:hover 	{
	color: #006a4e;
	font-size: 14px;
	line-height: 20px;
	text-decoration: underline;
}
/* ~~ Ende Textdefinitionen ~~ */


.images 	{
	padding-bottom: 10px;
}

.float_right	{
	float: right;
	padding-right: 15px;
}

.images_float_left	{
	float: left;
	padding-right: 15px;
}

.images_float_left2	{
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
}

.btn {
	font-family: Lato, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #45b797;
	color: #ffffff;
	width: 210px;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	text-decoration: none;
}

.btn:hover {
	font-family: Lato, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #006a4e;
	color: #ffffff;
	width: 210px;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	text-decoration: none;
}

span.btn > a
{
	color: #ffffff;
	text-decoration: none;
}

span.btn > a:hover
{
  color: #ffffff;
}

td
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #c6e9df;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  vertical-align: top;
}

#map{ margin-bottom:10px;
margin-top:5px;}