/* CSS Document */

/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/* ################   Position ################  */
#wrapper { margin: 0 0 0 0}


#main
{
	margin: 0 0px 0 0;
	padding: 12px 12px 12px 12px;
	position: relative;
	overflow: visible;	
}


/* ################   Position ENDE ################  */

body {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#511500;
padding:0;
margin:0;

}





img{
	border:none;
}

h1.allgemein {
font: 13px Verdana, Helvetica, sans-serif;
background-color: #511500;
color: #ffffff;
padding:4px 12px;
margin:2px 0px }

.sandra {
font: 13px Verdana, Helvetica, sans-serif;
background: #a0100b url(/cms/templates/livia/grafik-livia/right-erde24px.gif) left center no-repeat;
color: #ffffff;
height: 24px;
margin:2px 0px }
.alex {
font: 13px Verdana, Helvetica, sans-serif;
background: #28768b url(/cms/templates/livia/grafik-livia/right-wasser24px.gif) left center no-repeat;
color: #ffffff;
height: 24px;
margin:2px 0px }
.su {
font: 13px Verdana, Helvetica, sans-serif;
background: #ff6700 url(/cms/templates/livia/grafik-livia/right-feuer24px.gif) left center no-repeat;
color: #ffffff;
height: 24px;
margin:2px 0px }
.team {
font: 13px Verdana, Helvetica, sans-serif;
background: #699269 url(/cms/templates/livia/grafik-livia/right-luft24px.gif) left center no-repeat;
color: #ffffff;
height: 24px;
margin:2px 0px }

.contentheading {
font-size: 13px;
font-weight: bold;
padding: 0px 0px 8px 0px;
margin:0px;
}


.componentheading_stimmen {
font-size: 13px;
font-weight: bold;
padding: 0px 0px 8px 0px;
margin:0px;
}

.componentheading {
font-size: 13px;
font-weight: bold;
padding: 0px 0px 8px 0px;
margin:0px;
}
/* CSS Document */

table.contentpaneopen_stimmen{
border-bottom: 2px solid #FFFFFF;
}

h3 {
font-size: 12px;
font-weight: bold;
padding: 0px 0px 2px 0px;
margin:0px;

}


/* ----------container to center the layout-------------- */
#container {
width: 990px;
margin: 0 auto;

}

/* ----------head for logo-------------- */
#head {
background-color: #511500;
height:144px;
padding: 0px;
margin: 0px;
margin-bottom:5px;
}
#head img {
position:relative;
top:70px; left: 12px;} 

#outer{ 
border-left: solid 194px #511500; /* color of the left column  */ 
border-right: solid 258px  #f9f1e1; /* color of the right column  */ 
background-color: #ffffff;  /* color of the content column */
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* -----------------content--------------------- */
#content {
width:530px;
background-color: #f9f1e1;
padding: 0px;
margin: 0 4px;
height:600px;

}
#content a{
	font-style: normal;
	color: #511500;
	font-weight: bold;
	font-variant: normal;
}

#content img{
	border:none;
	/*padding-right: 7px;
	padding-left: 7px;
	padding-top: 4px;*/
}

/*div#content { 
min-height:600px;
height: expression(this.scrollHeight > 600 ? "auto":"600px"); 

}*/

.small, .createdate,.modifydate {
	font-size: 10px;
	color: #996666;
}
/* --------------  minheight für moderne browser------------- */
html>body #content {
	height: auto;
	min-height: 600px;
}

/* ###############################Liste für das Team############################### */
.contentpaneopen_team ul{
	list-style:none;
	font: 12px Verdana, Helvetica, sans-serif;
	margin-top: 0px;
	padding: 0;
}

.contentpaneopen_team li{
	list-style:none;
	font: 12px Verdana, Helvetica, sans-serif;
	margin-bottom: 6px;
	padding: 0;
        border-bottom: 2px solid #FFFFFF;

}

.contentpaneopen_team a{
	font: 12px Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

.contentpaneopen_team a:hover{
	font: 12px Verdana, Helvetica, sans-serif;
	text-decoration: none;
        color: #a0100b ! important;
}

.contentheading_team {
font-size: 13px;
font-weight: bold;
padding: 0px 0px 8px 0px;
margin:0px;
}

/* ###############################Ende Liste für das Team###############################*/


/* ###############################andere Listen zb Angebot im Überblick############################### */
.contentpaneopen ul{
	list-style:none;
	font: 12px Verdana, Helvetica, sans-serif;
	margin-left: 8px;
	padding: 0;
}

.contentpaneopen li{
	list-style:none;
	font: 12px Verdana, Helvetica, sans-serif;
	padding: 0;
        margin-bottom: 3px;


}

.contentpaneopen a{
	font: 12px Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

.contentpaneopen a:hover{
	font: 12px Verdana, Helvetica, sans-serif;
	text-decoration: none;
        color: #a0100b ! important;
}

.contentheading_team {
font-size: 13px;
font-weight: bold;
padding: 0px 0px 8px 0px;
margin:0px;
}

/* ############################### Ende andere Listen ###############################*/

/* -----------------menu top--------------------- */
/* Topmenu */
#mainlevel-nav a{
	font-weight: normal;
}
 ul#mainlevel-nav
{
	background: #511500;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	
	width: 100%;
}

ul#mainlevel-nav li{
	float: left;
	font: 13px Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

ul#mainlevel-nav li a{
	background:#511500;
	color: #ffffff;
	display: block;
	float: left;
	margin: 0px;
	padding: 4px 12px 4px 12px ;
	text-decoration: none;
}

	
#menufooter {
	background: #511500;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	
	width: 100%;
}
#menufooter li {
	float: left;
	font: 13px Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menufooter a {
	background:#511500;
	color: #ffffff;
	display: block;
	float: left;
	margin: 0px;
	padding: 4px 12px 4px 12px ;
	text-decoration: none;
}
/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	text-align:left;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}
/* --------------left------------- */
#left {
background-color: #511500;
float: left;
width: 194px;
 position:relative; 
margin-left: -194px;
padding: 0px;
height: 600px;

}
/* --------------  minheight für moderne browser------------- */
html>body #left {
	height: auto;
	min-height: 600px;
}
/* -------------- left menu------------- */

.menu {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 194px;
}



.menu a  {
	font-weight:normal;
	background: #511500;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	display: block;
	height:15px;
	margin: 0;
	padding: 5px 0px 4px 12px;
	text-decoration: none;
}
	
/* -------------- left menu spezial------------- */

#preloadedhover {
width:0px;
height:0px;
display:inline;
background-image:url(/cms/templates/livia/grafik-livia/menu-erde24over.gif);
background-image:url(/cms/templates/livia/grafik-livia/menu-wasser24over.gif);
background-image:url(/cms/templates/livia/grafik-livia/menu-feuer24over.gif);
background-image:url(/cms/templates/livia/grafik-livia/menu-eluft24over.gif);

}

li.erde  {
	font: 13px Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
a.erde  {
	background: #a0100b url(/cms/templates/livia/grafik-livia/menu-erde24px.gif) right center no-repeat;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	display: block;
	height:15px;
	margin: 0;
	padding: 5px 0px 4px 12px;
	text-decoration: none;
}

a:hover.erde {
	background: #a0100b url(/cms/templates/livia/grafik-livia/menu-erde24over.gif) right center no-repeat;
	
}



a.wasser  {
	background: #28768b url(/cms/templates/livia/grafik-livia/menu-wasser24px.gif) right center no-repeat;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	display: block;
	height:15px;
	margin: 0;
	padding: 5px 0px 4px 12px;
	text-decoration: none;
}

a:hover.wasser {
background: #28768b url(/cms/templates/livia/grafik-livia/menu-wasser24over.gif) right center no-repeat;	
}


a.feuer  {
	background: #ff6700 url(/cms/templates/livia/grafik-livia/menu-feuer24px.gif) right center no-repeat;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	display: block;
	height:15px;
	margin: 0;
	padding: 5px 0px 4px 12px;
	text-decoration: none;
}

a:hover.feuer {
background: #ff6700 url(/cms/templates/livia/grafik-livia/menu-feuer24over.gif) right center no-repeat;	
}


a.luft  {
	background: #699269 url(/cms/templates/livia/grafik-livia/menu-luft24px.gif) right center no-repeat;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	display: block;
	height:15px;
	margin: 0;
	padding: 5px 0px 4px 12px;
	text-decoration: none;
}

a:hover.luft {
background: #699269 url(/cms/templates/livia/grafik-livia/menu-luft24over.gif) right center no-repeat;	
}

/* --------------left dekobild------------- */

#left img{
border-bottom:2px solid #ffffff;

}

/* --------------right------------- */
#right {
border-top: 24px solid #511500;
background-color: #f9f1e1;
float: right;
width: 258px;
position:relative; 
margin-right:-258px; 
padding: 0;
height: 576px;
}

html>body #right {
	height: auto;
	min-height: 576px;
}

#textright {

width:234px;
line-height:18px;
padding: 0px 12px;

}

.blockright{
border-bottom: 2px solid #FFFFFF;
width:234px;
padding-bottom: 4px;
margin-bottom: 8px;
clear:left;
}

.blockright img{
padding: 0px 14px;




}

#right ul {
	list-style:none;
	font: 11px Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;

}

#right li {
	list-style:none;
	display: block;
	font: 11px Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 4px 0px ;
	background-image:none;
	border-bottom: 2px solid #FFFFFF;
}

#right li h3 {
font-size: 12px;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin:0px;

}

#right li a {
	 font: 11px Verdana, Helvetica, sans-serif;
	 font-weight:bold;
	 color: #511500;
	 text-decoration:none;

}
#right li a:hover {
	 font: 12px Verdana, Helvetica, sans-serif;
	 font-weight:bold;
	 color: #a0100b;
	 text-decoration:none;
	
}

/* ###############################Links rechts############################### */
#textright  a {
	 font: 12px Verdana, Helvetica, sans-serif;
	 font-weight:bold;
	 color: #511500;
	 text-decoration:none;

}
#textright  a:hover {
	 font: 12px Verdana, Helvetica, sans-serif;
	 font-weight:bold;
	 color: #a0100b;
	 text-decoration:none;
	
}

/* ############################### Ende andere Listen ###############################*/

q{
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#511500;

}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 4px 0px;
padding: 0;
height:27px;
background-color:#511500; }

#footertext {
width: 672px;
padding-left:194px;
height: 27px;
float:left;


}
.d1 {
background-color:#a0100b;
border-left: 4px solid #FFFFFF;
width: 27px;
height: 27px;
float:left;
}
.d2 {
background-color:#28768b;
border-left: 4px solid #FFFFFF;
width: 27px;
height: 27px;
float:left;
}
.d3 {
background-color:#ff6700;
border-left: 4px solid #FFFFFF;
width: 27px;
height: 27px;
float:left;
}
.d4 {
background-color:#699269;
border-left: 4px solid #FFFFFF;
width: 27px;
height: 27px;
float:left;
}


/* ############################FORM CSS ############################### */

textarea, select {

	width:500px;
	border: 1px solid #511500;
	background:#FFFFFF;
	color:#511500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;

}

.inputbox, input {
	
	border: 1px solid #511500;
	background:#FFFFFF;
	color:#511500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom:10px;
	padding:1px;
}
.button {
	border: 1px solid #511500;
	background:#FFFFFF;
	color:#511500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom:10px;
	padding:1px;
	width:125px;
}

/* ############################FORM CSS ENDE############################### */

/* ############################Kalender CSS############################### */

#text ul {
	list-style:none;
	font: 11px Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;

}

#text li {
	list-style:none;
	display: block;
	font: 11px Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 4px 12px 6px 68px ;
	
}

#text li h3 {
font-size: 12px;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin:0px;

}

.monat a {
	 font: 11px Verdana, Helvetica, sans-serif;
	 font-weight:bold;
	 color: #511500;
	 text-decoration:none;
	
}

.monat a:hover {
	 font: 11px Verdana, Helvetica, sans-serif;
	 font-weight:bold;
	 color: #a0100b ! important;
	 text-decoration:none;
	
}

.monatsfuss a {
background-color:#FFFFFF;	


	}
	
.monatsfuss  {
text-align:right;
margin-bottom:8px;
 border-bottom:2px solid #ffffff;


	}
	
.kalblatt {
background: #a0100b url(/cms/templates/livia/grafik-livia/kalenderblatt.gif)  no-repeat;
height: 30px;
width:32px;
font: 12px Verdana, Helvetica, sans-serif;
font-weight:bold;
color: #a0100b;
text-align:center;
line-height:12px;
float:left;
margin:0px 4px 4px 0px;

	}
	
	.kalblatt a {

font: 12px Verdana, Helvetica, sans-serif;
font-weight:bold;
color: #511500;
text-decoration:none;


	}
	
		.kalblatt a:hover {

font: 12px Verdana, Helvetica, sans-serif;
font-weight:bold;
color: #a0100b;
text-decoration:none;


	}