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

html, body {
		margin:0;
		padding:0;
		width:100%;
		height:100%;
		overflow:hidden;}
#background{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	background-color: #CCCCCC;
}
#scroller {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		overflow:auto;
		z-index:2;} 

body {
	font-size: 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#F8F8F8;
	background-color: #336699;
}
a {
	color: #9A2117;
	text-decoration: none;
}
a:visited {
}
a:hover {
	color: #800000;
}
a:active { color:#000000;}


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

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

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
	width: 800px;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* ----------banner for logo-------------- */
#banner {
	margin: 0;
	padding: 0;
	background-image: url(bilder/raps_01.gif);
	height: 104px;
}
#banner p{
	margin-left: 20em;
	padding: 25px;
}
#mainnavi {
	background-color: #F8F8F8;
	height: 267px;
}

#mainnavi p{
	margin-left: 20em;
	padding: 0 25px;
}

/* -----------------Inhalt--------------------- */
#content {
	padding: 0px;
	margin-bottom: 0;
	margin-left: 0em;
	background-image: url(bilder/raps_04.gif);
	background-repeat: no-repeat;
	height: 100%;
	background-color: #BC281C;
}
#panorama {
	width: 800px;
	text-align: right;
	position: absolute;
	height: 250px;
}
#pic {
	width: 450px;
	text-align: right;
	position: absolute;
	padding-top: 20px;
}
#pic img{
border: 2px solid #fff;

}
#text {
	width: 320px;
	padding-left: 460px;
	position: relative;
	padding-top: 20px;
}
#text2 {
	width: auto;
	position: relative;
	padding-top: 20px;
	padding-right: 20px;
}
p, pre {
	padding: 0 20px 15px 25px;
	margin:0;
}
pre, code { font-size: 1.2em;}

h1 {
	padding: 15px 25px;
	margin:0;
}
h2 {
	padding: 5px 25px;
	margin:0;
}

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

.Stil1 {
	font-size: 1.5em;
	font-weight: bold;
}
.Stil2 {color: #fff36e}

/* --------------left navigavtion------------- */
.menu1, .menu2, .menu3, .menu4 {
	width: 800px;
	padding: 0px;
	background: none;
	height: 18px;
    }
    .menu1 ul, .menu2 ul, .menu3 ul, .menu4 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    .menu1 li, .menu2 li, .menu3 li, .menu4 li {
      margin: 0;
      padding: 0;
      float: left;
    }
.menu2 li {
	width: 114px;
	text-align: center;
    }
#left {
	float: left;
	width: 20em;
	margin: 0;
	padding:15px 0 0 0;
	color:#ffffff;
}
#left ul{
	list-style-type: none ;
	padding: 0 0 0 25px;
	margin: 0;
}
#left ul.borderbottom{
	border-bottom:1px solid #ffffff;
	padding: 0 0 10px 25px;
}

#left li a {
	font-size: 1.3em;
	text-decoration:none; 
}
#left  li li a { font-size: 1em; }
#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 25px;
	color:#ffffff;
}

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


/* -----------footer--------------------------- */
#footer {
	clear: left;
	margin: 0;
	background-color: #F8F8F8;
	height: 20px;
	color: #BC281C;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	}

#kontakt iframe {
	float: right;
	border:none;
	margin-top:50px;
}

.clear {
	clear:both;
	}