/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
	background-color: #FFCC99;
	font-size: 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding:0;
	margin:0;
}
a {color: #black;}
a:visited {color:#black;}
a:hover {color: #black;}
a:active { color:#black;}


h1 {
	font-size: 2em; 
	font-weight: normal;
 }

h2 {
	font-size: 1.7em;
	font-weight: normal;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container2 {
	width: 100%;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
	vertical-align:middle;
}


#container {
	width: 70em;
	margin: 0 auto;
	padding: 0;
	background-color: #FFCC99;
}

/* ----------banner for logo-------------- */
#banner {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	vertical-align:middle;
}
#banner p{
	margin-left: 15em;
	padding: 10px;
}
#mainnavi {
	margin: 0;
	padding: 0;
	background-color: #FFCC99;
}

#mainnavi p{
	margin-left: 15em;
	padding: 0 10px;
}

/*------------------------------------------------------------------
               STYLES FOR THE NAVIGATION MENU DIV
------------------------------------------------------------------*/


/* -----------------Inhalt--------------------- */
#content {
	min-height:600px;
	background-color: #ffffff;
	padding: 0;
	margin: 0 15em;
}

p, pre {
	padding: 10px;
	margin:0;
}
pre, code { font-size: 1.2em;}

h1 {
	padding: 10px;
	margin:0;
}
h2 {
	padding: 0px;
	margin:0;
	color:#FF0000;
}

.gross {
	width: 5.71em;
	height: 1.07em;}

/* --------------left navigavtion------------- */
#left {
	float: left;
	width: 370px;
	margin: 0;
	padding:0px 0 0 0;
	color:#FFCC99;
}
#goinhalt {
	float: left;
	width: 360px;
	margin: 0;
	padding:0px 0 0 0;
	color:#FFCC99;
}
#goinhalt p {
	background:#ffffff  no-repeat scroll ;
	height:380px;
}

#right {
	float: right;
	width: 250px;
	margin: 0;
	padding: 0;
	color:#000000;
}
#left ul{
	list-style-type: none ;
	padding: 0 0 0 10px;
	margin: 0;
}
#left ul.borderbottom{
	border-bottom:1px solid #ffffff;
	padding: 0 0 10px 10px;
}

#left li a {
	font-size: 1.3em;
	text-decoration:none; 
	color:#black;
}
#left  li li a { font-size: 1em; 
color:#black;
}
#left li{
	margin: 0;
	padding: 0 0 4px 0;
}
#left li li{
	margin: 0;
	padding: 0 0 3px 0;
}
#left li a.selected {
	margin: 0;
	padding: 0 0 0 10px;
	
	color:#black;
}

#left li li a.selected {
	margin: 0;
	padding: 0;
}

#left p {
	background:#FFCC99 no-repeat scroll ;
	height:700px;
	}
	
	
}

/*------------------------------------------------------------------
               STYLES FOR THE NAVIGATION MENU DIV
------------------------------------------------------------------*/

#nav {
	background: url(separator.jpg) no-repeat;	
	display: inline;
	position: absolute;
	margin-left: 25%;
	width: 20%;
	height: 100%; /* MUST BE 100% FOR SEPARATOR IMAGE TO BE VISIBLE */
	margin-top: 0px;
}

#nav ul {
	font-size: 16px;
	font-weight: bold;
	list-style: none;
	margin-left: 1px;
	margin-top: 108px; /* DEPENDING ON THE NUMBER OF LINKS IN THE NAVBAR, AND THE SIZE OF THE BACKGROUND IMAGES, YOU MAY NEED TO ADJUST THIS NUMBER TO VERTICALLY CENTER THE NAVBAR */
}

#nav ul li {
	line-height: 25px; /* HEIGHT OF BACKGROUND IMAGE */
	margin-bottom: 0px; /* SPACES OUT LIST ITEMS */
}

#link1 {background: url(images/nav/home.png) no-repeat;}
#link2 {background: url(images/nav/gallery.png) no-repeat;}
#link3 {background: url(images/nav/compass.png) no-repeat;}
#link4 {background: url(images/nav/globe.png) no-repeat;}
#link5 {background: url(images/nav/world.png) no-repeat;}
#link6 {background: url(images/nav/info.png) no-repeat;}
#link7 {background: url(images/nav/contact.png) no-repeat;}
#link_1 {margin-left: 0px;background: url(images/nav/arrow_right.png) no-repeat; }
#link_2 {margin-left: 0px;background: url(images/nav/arrow_right.png) no-repeat; }

#nav ul li a:link, #nav ul li a:hover, #nav ul li a:visited {
	display: block; /* THIS MAKES THE ENTIRE LIST ITEM CLICKABLE (NOT JUST TEXT) */
	width: 70%;
	color: #black;
	text-decoration: none;
	text-indent: 25px; /* ACTS LIKE LEFT PADDING */
}

#nav ul li a:link, #nav ul li a:visited {
	border-right: 50px #E29A5F solid;
}

#nav ul li a:hover {
	border-right: 50px #1A658D solid;
	color: #1A658D;
}

#nav ul li a#active {
	border-right: 50px #1A658D solid;
	color: #1A658D;
}
#nav .bereich{
display: block;
color: #FFFFFF;

text-align: left;
margin-top: 0px;
}
#nav p{
display: block;
color: #FF0000;
text-align: left;
margin-left: 5px;
}
#nav p2{
display: block;
color: #FFFFFF;
text-align: left;
margin-left: 15px;
}

#nav a.link{
display: block;
color: #1A658D;
font-family: Verdana, Arial;
font-size: 16px;
text-decoration: None;
border-bottom: solid 1px #FFFFFF;
margin-left: 10px;
}

#nav a.link.bereich{
display: block;
background-color: #000000;
width: 60px;
height: 20px;
}

#nav a.link:hover{
display: block;
color: #FF6600;
background-color: #FFFFFF;
margin-left: 20px;
border-right: 5px #1A658D solid;
color: #1A658D;

}


/* -----------footer--------------------------- */
#footer {
	clear: both;
	background-color: #FFCC99;
	padding: 0;
	margin: 0;	
	text-align: center;
	margin-bottom:10px;
	vertical-align:middle;
}
#footer2 {
	clear: both;
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	text-align: center;
	margin-bottom:10px;
}