/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #444444;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#0069B3;
padding:0px;
margin:0px;
}

.logoText{
   font-weight:bold;
}

.img {
display:block;
}

#inhalt { 	
  position:absolute;
  height:520px; 
  width:880px;
  margin:-260px 0px 0px -440px;
  top: 50%; 
  left: 50%;
  text-align: left;
  padding: 0px;
  background-color: #f5f5f5;
  overflow: auto;
}

/* ----------container zentriert das layout-------------- */


/* ----------banner for logo-------------- */
#banner {
	width: 720px;
	height: 40px;
	text-align: left;
	background-color:#0069B3;
	overflow:hidden;
}

#bannerContent {
	position:relative;
	padding-left:5px;
	padding-top:10px;
	left:1px;	
	width: 719px;
	height: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#0069B3;
	background-color:#BFCAE6;
	overflow:hidden;
}

/* ----------outer und inner----------------- */
#outer{
	border-left: 160px solid #0069B3;  /* linke Menue Spalten Farbe  */
	background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
	height: 520px;
 } 

/*#inner{ margin:0px; width:100%; } die IE PC schlaufe */ 
#inner{ margin:0px; width:100%}
/* --------------left navigavtion------------- */
#left {
	width:160px;
	float:left;
	position:relative;
	margin-left:-160px;
	margin-right:0px;
	height: 520px;	
 }

/* -----------------Inhalt--------------------- */
#content{
margin: 0px; }

#navigation a, #navigation a:visited{
  	padding-top:3px;
  	padding-left:2px;
  	display:block; 
   width:130px;
  	height:20px;
  	vertical-align:middle;
  	background-color:transparent;
  	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal; 
}
#navigation a:hover, #navigation a:active{
  	padding-top:3px;
  	padding-left:2px;
  	display:block; 
   width:130px;
	height:20px;
	vertical-align:middle;
	background-color:#E3E9EC;
	color:#0069B3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}

#navigation a.activated, #navigation a.activated:visited, #navigation a.activated:active, #navigation a.activated:hover{
  	padding-top:3px;
  	padding-left:2px;
  	display:block; 
   width:130px;
	height:20px;
	vertical-align:middle;
	background-color:#E3E9EC;
	color:#0069B3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}

#navigation a.subnavi, #navigation a.subnavi:visited, #navigation a.subnavi:active, #navigation a.subnavi:hover{
  	padding-top:3px;
  	padding-left:2px;
  	display:block; 
   width:110px;
  	height:20px;
  	vertical-align:middle;
  	background-color:#BFCAE6;
  	color:#0069B3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal; 
}

.arrow{
	background-color:#BFCAE6;
}

#navigation{
margin-top:10px;
margin-left:15px;
margin-right:15px;
width:130px;
background-color:#transparent;
overflow:hidden;
}

#logo{
position:absolute;
top:480px;
margin-left:15px;
margin-right:15px;
width:130px;
background-color:#transparent;
overflow:hidden;
}

.boxHeader{
padding-left:2px;
height:30px;
background-color:transparent;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
font-weight: bold;
}

.spacer{
height:1px;
background-color:transparent;
display:block; 
}

.spacerWhite{
height:1px;
background-color:#FFFFFF;
display:block; 
}

.outerBox{
	text-align:left;
	width:120px;
	height:120px;
	background-color:#0069B3;	
	float:left;
	overflow:hidden;
}

.outerBoxMO{
	text-align:left;
	width:120px;
	height:120px;
	background-color:#F6E3D9;	
	float:left;
	overflow:hidden;
}

.innerBox{
	position:relative;	
	left:1px;
	top:1px;
	float:left;
	width:119px;
	height:119px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0069B3;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0.3px;
	background-color:#EAEDF6;
	overflow:hidden;
}

.innerBoxFormular{
	position:relative;	
	left:1px;
	top:1px;
	float:left;
	width:119px;
	height:119px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0069B3;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0.3px;
	background-color:#FFFF9A;
	overflow:hidden;
}

.innerBoxGelb{
	position:relative;	
	left:1px;
	top:1px;
	float:left;
	width:119px;
	height:119px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0069B3;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0.05em;
	background-color:#FFFF9A;
	overflow:hidden;
}

.innerBoxGelbOF{
	position:relative;	
	left:1px;
	top:1px;
	float:left;
	width:119px;
	height:119px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0069B3;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0.05em;
	background-color:#FFFF9A;
}

.innerBoxRot{
	position:relative;	
	left:1px;
	top:1px;
	float:left;
	width:119px;
	height:119px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0.05em;
	background-color:#D0003A;
	overflow:hidden;
}

.innerBoxBlau{
	position:relative;	
	left:1px;
	top:1px;
	float:left;
	width:119px;
	height:119px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0.05em;
	background-color:#11539F;
	overflow:hidden;
}

.innerBoxGruen{
	position:relative;	
	left:1px;
	top:1px;
	float:left;
	width:119px;
	height:119px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0.05em;
	background-color:#006633;
	overflow:hidden;
}

.popupebene{
	position:absolute;
	text-align:left;
	width:180px;
	height:380px;
	top: 10px;
	left: 10px;
}

.popupschliessen{
	position:absolute;
	text-align:right;
	width:180px;
	height:10px;
	bottom: 10px;
	left: 10px;
	cursor:pointer;
}

/*a {color:transparent;text-decoration:none;} */
a {color:#0069B3;text-decoration:underline;} 

a.handwerker {color:#FFFFFF;text-decoration:none;}

.class { color: #0069b3; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.class2 { color: #0069b3; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.class1 { color: #0069b3; font-weight: bold; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; }

a:.class { color: #0069b3; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:.class1 { color: #0069b3; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:.class2 { color: #0069b3; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

a:visited.class { color: #0069b3; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:visited.class1 { color: #0069b3; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:visited.class2 { color: #0069b3; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

#formdiv1 {
	width: 719px;
	background-color:#FFFF9A;
	padding: 10px;
	font-size: 11px;
}
#formdiv2 {
	width: 719px;
	background-color:#FFFF9A;
	padding: 15px;
	font-weight: bold;
	font-size: 14px;
}
#formdiv3 {
	width: 719px;
	background-color:#FFFF9A;
	padding: 15px;
	font-weight: normal;
	font-size: 11px;
}
#formdiv4 {
	width: 719px;
	background-color:#FFFF9A;
	padding: 10px;
	font-weight: bold;
	font-size: 14px;
}

#formdiv5 {	width: 719px;
	background-color:#FFFF9A;
	padding: 10px;
	font-weight: normal;
	font-size: 11px;
}

#formdiv6 {
	width: 719px;
	background-color:#FFFF9A;
	padding: 10px;
	font-weight: normal;
	font-size: 11px;
	text-align: right;
}

.normalbutton {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0069B3;
	
}

.normalbox {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0069B3;
	
}

.normal {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0069B3;	
	left: 200px;
	position: absolute;
}

.inhalt_rot {
	color:#FF0000;
	position: absolute;
	left: 400px;
}
