/* -----------------------------------------------------------------------------------------


   Copyright (c) 2009 HUGBEE.com
   -----------------------------------------------------------------------------------------
 
   
   fcf5d9 modulrow beige
   e6ecf0  bläulichgrau
   faeaa5 gelb der infoboxen
   edd374 dunkelgelb
   #288cfc hellblau linkhover auch in headerNAvigation
   0a5bb5
   
   
   094172   meerbalu_dark
   488ed3   blauhimmeroben
   6cb3e1  hellblau
   91bedf   hellerblau
   dbeefb   blauweisshell
   ---------------------------------------------------------------------------------------*/
   body,
html {
	margin: 0px;
	padding: 0px;
}


BODY {
color: #000000;
	margin: 0px;
	background-color: #ffffff;
	SCROLLBAR-FACE-COLOR: #ffffff; 
	SCROLLBAR-HIGHLIGHT-COLOR: #488ed3; 
	SCROLLBAR-SHADOW-COLOR: #488ed3; 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
	SCROLLBAR-ARROW-COLOR: #488ed3; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	BACKGROUND-COLOR: #ffffff
}
/* ---- menuezeile oben rechts----*/
.menubalken_oben {
	BORDER-RIGHT: #91bedf 1px solid; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-BOTTOM: #000000 1px solid; 
	BACKGROUND-COLOR: #0a5bb5;
}
.menu_oben_links {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	 font-size: 11px;
  line-height: 1.5;
	text-decoration: none;
	padding-top: 4px;
	PADDING-RIGHT: 5px; 
}
.menu_oben_links a {
   text-decoration: none;
   color: #ffffff;
}
.menu_oben_links a:hover {   
   text-decoration: none;
   color: #288cfc;
}
.menu_oben {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	 font-size: 11px;
  line-height: 1.5;
	text-decoration: none;
	padding-top: 4px;
	PADDING-RIGHT: 5px; 
}
.menu_oben a {
   text-decoration: none;
   color: #ffffff;
}
.menu_oben a:hover {   
   text-decoration: none;
   color: #288cfc;
}
.menubalken_first {
    BACKGROUND-COLOR: #ffffff;
	color: #0a5bb5;
	font-weight: bold;
	 font-size: 11px;
  line-height: 1.5;
	text-decoration: none;
	padding-top: 4px;
	font-family: verdana, arial, helvetica, sans-serif;
}
.menubalken_first a {
    text-decoration: none;
   color: #0a5bb5;
}
.menubalken_first a:hover {
    text-decoration: none;
   color: #288cfc;
}


/*------------------ Haupttextbereich mitte --------*/
.maintext {
	BORDER-RIGHT: #d1f4ff 2px dotted; 
	PADDING-RIGHT: 10px; 
	BORDER-TOP: #d1f4ff 2px dotted; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 10px; 
	BORDER-LEFT: #d1f4ff 2px dotted; 
	PADDING-TOP: 10px; 
	BORDER-BOTTOM: #d1f4ff 2px dotted; 
	BACKGROUND-COLOR: #ffffff;
}




.inhalt {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #061467;
	font-size: 11px;
		
}
.inhalt h1 {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #061467;
	margin: 0px;
	font-size: 18px;
}
.inhalt p {
	line-height: 135%;
}


/*----footerrand----*/

.footer{
	BORDER-RIGHT: #488ed3 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #488ed3 1px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #488ed3 1px solid; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #000000 1px solid; 
	BACKGROUND-COLOR: #488ed3;
	font-family: Verdana, Arial, sans-serif;
	 font-size: 10px;
	 font-weight : bold;
}


.copyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

.navRight {
	border-color: #91bedf;
	border-top-width: 4px;
	border-top-style: solid;
	border-left-width: 4px;
	border-left-style: solid;
	background-color: #91bedf;
	width: 185px;
}
.navRight H3{
    color:#0f4cbb;
	padding-left: 0px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	font-size: 24;
	font-family: Verdana, Arial, sans-serif 14px;	
}
.navLeft {
	border-right: 1px solid;
	border-color: #edd374;
	background-color: #91bedf;
	width: 185px;
}
.navLeft H3{
    color:#0f4cbb;
	padding-left: 0px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	font-size: 24;
	font-family: Verdana, Arial, sans-serif 14px;	
}



/*----Listenmenues----*/
.arrowlistmenu{
	/*width of menu*/
	width: 193px; 
	font-family: Verdana, Arial, sans-serif 14px;	
}
 
.arrowlistmenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*bottom spacing between each UL and rest of content*/
	margin-bottom: 8px; 	
}
 
.arrowlistmenu ul li{
	/*bottom spacing between menu items*/
	padding-bottom: 2px; 
}
 
.arrowlistmenu ul li a:visited{
	color: #564B47;
}
 
.arrowlistmenu ul li a:hover{ 
	/*hover state CSS*/
	color: #564B47;
	background-color: #F3F3F3;
}
 
.arrowlistmenu .li01 a{
	margin-left:3px;
	color: #564B47;
	display: block;
	padding: 2px 0;
	padding-left: 0px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	font-size: 100%;	
	border-bottom: 1px solid #dadada;
}
 
.arrowlistmenu .li02 a{
	margin-left:7px;
	color: #564B47;
	/*custom bullet list image*/
	background: url('http://greenbanana.ch/fileadmin/typo3.greenbanana.ch/menu_demo/horizontal_01/arrowbullet.png') no-repeat center left; 
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: normal;
	font-size: 90%;		
	border-bottom: none;
}
 
.arrowlistmenu .li03 a{
	margin-left:14px;
	color: #564B47;
	/*custom bullet list image*/
	background: url('http://greenbanana.ch/fileadmin/typo3.greenbanana.ch/menu_demo/horizontal_01/arrowbullet.png')      no-repeat center left; 
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: normal;
	font-size: 80%;		
	border-bottom: none;
}

/*----NAVCONTAINER lISTE---IDEE-http://www.mediengestalter.info/forum/4/css-listen-menue-komisches-margin-36599-1.html---*/
#navcontainer {
   margin-left: 0px;
   padding: 0;
}

#navcontainer ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   list-style-position: inside;
   font-family: arial;
}

#navcontainer li {
   margin: 1px, 0, 0, 0;
   padding: 0;
}
#navcontainer li#active {
   margin: 1px;
   padding: 0;
}

#navcontainer a {
   display: block;
   padding: 0px 14px;
   margin: 0;
   width: 170px;
   color: #FEE8C0;
   background-color: #A3004E;
   text-decoration: none;
   border: none;
   font-weight: none;
   font-size: 12px;
   list-style-position: inside;
   background-image: url(../_px/pfeil_blank.gif);
   background-repeat: no-repeat;
   background-position: left top;
   font-style: none;
}

#navcontainer a:hover {
   display: block;
   margin: 0;
   padding: 0px 14px;
   width: 170px;
   color: #FEE8C0;
   background-color: #A3004E;
   text-decoration: none;
   border: none;
   font-weight: none;
   font-size: 12px;
   list-style-position: inside;
   background-image: url(../_px/pfeil_orange.gif);
   background-repeat: no-repeat;
   background-position: left top;
}

#navcontainer li#active a#current,
#navcontainer li#active a:hover#current {
   display: block;
   margin: 0;
   padding: 0px 14px;
   width: 170px;
   color: #A3004E;
   font-style: bold;
   background-color: #FCA203;
   text-decoration: none;
   border: none;
   font-weight: bold;
   font-size: 12px;
   list-style-position: inside;
   background-image: url(../_px/pfeil_rot.gif);
   background-repeat: no-repeat;
   background-position: left top;
} 
/*--------NAVCONTAINER2-------http://css.maxdesign.com.au/listamatic/vertical08.htm-----------*/
#navcontainer2 { width: 200px; }

#navcontainer2 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer2 a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer2 a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer2 a:hover
{
background-color: #369;
color: #fff;
}
/*-NAVLIST2----------NAVCONTAINER3---------*/

/*ABOUT THE CODE
Some lists within the Listamatic site had to be modified so that they could work on Listamatic's simple list model. When in doubt, use the external resource first, or at least compare both models to see which one suits your needs. */
#navlist2
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: gray;
width: 13em;
}

#navlist2 li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

#navlist2 li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}

#navlist2 li a:link { color: #448; }
#navlist2 li a:visited { color: #667; }

#navlist2 li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}

/*NAVCONTAINER 4  -NAVLIST3--------*/

/*ABOUT THE CODE
Some lists within the Listamatic site had to be modified so that they could work on Listamatic's simple list model. When in doubt, use the external resource first, or at least compare both models to see which one suits your needs. */
#navcontainer4
{
width: 12em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer4 ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer4 li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer4 li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer4 li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}


/*--NAVCONTAINER5-NAVLIST4--------*/
/*ABOUT THE CODE
Some lists within the Listamatic site had to be modified so that they could work on Listamatic's simple list model. When in doubt, use the external resource first, or at least compare both models to see which one suits your needs.
http://www.projectseven.com/tutorials/css/uberlinks/index.htm */
#navcontainer5 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer5 li { margin: 0 0 3px 0; }

#navcontainer5 a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 160px;
background-color: #999;
background-image: url(images/l1_down.gif);
}

#navcontainer5 a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer5 a:hover
{
border: 1px solid #333;
background-color: #F60;
background-image: url(images/l1_over.gif);
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FF6600;
background-image: url(images/l1_over.gif);
color: #333;
}

/*-NAVCONTAINER6-NAVLIST5-------*/
/*ABOUT THE CODE
Some lists within the Listamatic site had to be modified so that they could work on Listamatic's simple list model. When in doubt, use the external resource first, or at least compare both models to see which one suits your needs.
http://www.csszengarden.com/?cssfile=033/033.css */
#navcontainer6
{
background: #f0e7d7;
width: 30%;
margin: 0 auto;
padding: 1em 0;
font-family: georgia, serif;
font-size: 13px;
text-align: center;
text-transform: lowercase;
}

ul#navlist5
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 70%;
}

ul#navlist5 li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist5 li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer6>ul#navlist5 li a { width: auto; }

ul#navlist5 li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist5 li a:hover, ul#navlist5 li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}
/*-NAVCONTAINER7-NAVLIST6-*/
/*ABOUT THE CODE
Some lists within the Listamatic site had to be modified so that they could work on Listamatic's simple list model. When in doubt, use the external resource first, or at least compare both models to see which one suits your needs. */
ul#navlist6
{
width: 158px;
\width: 160px;
w\idth: 158px;
padding: 0px;
border: 1px solid #808080;
border-top: 0px;
margin: 0px;
font: bold 12px verdana,helvetica,arial,sans-serif;
background: #808080;
}

ul#navlist6 li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #808080;
}

ul#navlist6 li a
{
display: block;
width: 122px;
\width: 158px;
w\idth: 122px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #aaaabb;
background: #ccccdd;
text-decoration: none;
text-align: right;
}

ul#navlist6 li a:link { color: #666677; }
div#navcontainer7 li a:visited { color: #666677; }

ul#navlist li a:hover
{
border-color: #ff9000;
color: #ffffff;
background: #000d33;
}

/*-NAVCONTAINER8-NAVLIST7--------------------*/
#navcontainer8
{
margin-left: 30px;
width: 12em;
border-right: 1px solid #000;
padding: 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer8 ul
{
list-style: none;
margin-left: 0;
padding: 0;
border: none;
}

#navcontainer8 li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer8 li a
{
display: block;
padding: 5px 5px 5px 5px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer8 li a { width: auto; }

#navcontainer8 li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

#navcontainer8 li li
{
border-top: 1px solid #90bade;
border-bottom: 0;
margin: 0;
}

#navcontainer8 li li a
{
display: block;
padding: 5px 5px 5px 20px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #5ba3e0;
color: #fff;
text-decoration: none;
width: 100%;
}