@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 * @appdef yaml
 */

@media all
{
html, body {
	padding: 0;
	margin: 0;
	border: 0;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #686868;
}
 body { 
/*Abstand oben*/
/* background: url(../images/bodybg.jpg) no-repeat 0 34px;*/
background: url(../images/bodybg.jpg) no-repeat;
 font-family:arial,helvetica,sans-serif; 
 padding: 0;margin:0; 
 color: #686868;

 }
 html { 
/*Abstand oben*/
/*background: #fff url(../images/htmlbg.jpg) repeat-x 0 34px;*/
background: #fff url(../images/htmlbg.jpg) repeat-x;
}
.page_margins { width: 950px;margin: 0 auto; } 
.page { padding: 0; }
img{
border: none;
}
a:link, a:visited, a:active, a:hover { 
	text-decoration: none;
	color: #dd0f1c; 
}
#oben1{
	height:4px;
	margin:0;
	padding: 0;
	text-align:left;
	background-color:#FFF;
	color:#fff;
	overflow:hidden;
}

#oben1 a{
	color: #fff;
	font-size: 0.7em;
}
.oben2{
	height:6px;
	margin:auto;
	padding: auto;
	text-align:left;
	background-color:#ddebf0;
	overflow:hidden;
	
}
.oben2 a{
	color: #fff;
	font-size: 0.7em;
}

#site_name{
postition:relative;
background: url(../images/site_name_bg.png) repeat-y 4px 0;

}
#site_name h1{
width: 638px;
margin: 0 0 0 16px;
	font-size: 1.1em;
	color: #000;
	padding: 4px 0 4px 10px;
	
border-bottom: 1px solid #ccc;
}
/*funktion: kopfbild per cookie wegklicken */
#oben3{
margin-left: 16px;
}
#oben3 a{
color: #fff;
cursor:default;
}

#oben3{
display:none;
} 

/*schatten oben
#head_top{
position:relative;
height:14px;
background: url(../images/head_top.png) no-repeat -3px 0;
}
*/
#head_top{
display:none;
}
#navtop{
position:relative;
  margin: 0 20px 0 10px;
	overflow:hidden;
  
  padding:0;
 
}

#navtop a{
display:block;
position: relative;
line-height: 0.9em;
	color: #8f8f8f;
 
  text-decoration:none;
  
   margin: 0 12px 0 0;
	float: left;
	border-left: 1px solid #8f8f8f;
	padding: 4px 0 0 5px;
  font-size: 0.7em;
 
}
#navtop a:active, #navtop a:focus, #navtop a:hover{ 
	text-decoration: underline;
	color: #dd0f1c;
}
#navtop img{
display:none;
}
#header{
  
	height: 386px;
	width: 692px;
	background: url(../images/headbg.png) no-repeat;
  overflow:hidden;
}
#header img{
margin-left:15px;
}
#col1_content{
min-height: 450px;
}
/*
#header{
width:749px;
height: 182px;
overflow:hidden;

}
*/

#wuerfel{

	width: 288px;
  height: 386px;
  text-align:left;
	background: url(../images/rsbg.png) repeat-y;
	
}
#wuerfel img{
padding: 30px 0 10px 70px;
border: 0;
}
#p_top{
position:relative;
top: 0px;
left:10px;
width:690px
height: auto;
z-index: 5;
display:inline;
border: 1px solid #000
}
#wobinich{
display:none;
}
/*
#wobinich{
position:relative;
clear:both;

 margin: 0 auto;
 padding: 4px 0 4px 1px;
font-size: 0.8em;
}
#wobinich a{
	color: #000;
  clear:left;
}
*/
#col1_content, #col2_content, #col3_content{
	font-size: 0.8em;
}

/*menue links/rechts*/
#menublock, #rmenublock{
	text-align: left;
	margin: 0;
	padding-bottom: 10px;
	background-color: #fff;
	
	position:relative;
}
#menublock_title, #rmenublock_title{
margin:0;
padding: 4px 4px 4px 6px;
border: 1px solid #ccc; 
background: #ccc;
}
#menublock_title a, #rmenublock_title a{
	display:block;
	
	color: #fff;
	margin:0;
	text-decoration: none;
	padding: 4px 4px 4px 14px;
	border: 1px solid #eee; 
}

/* Formatierung f�r die Men�inks*/
.level1 a, .level2 a, .level3 a{
	display:block;
	color: #1c4c5c;
	text-decoration: none;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* Einr�ckung der Men�eintr�ge*/
.level1 a{
 	display: block;
	margin:0;
	padding: 4px;
	text-decoration: none;
	color: #1c4c5c;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.level2 a{
	display: block;
	color: #1c4c5c;
	padding: 1px 0 1px 14px;
	background: #eee;
	text-decoration: none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 0px solid #ccc;
}
.level3 a{
	display: block;
	margin:0px 4px 0 24px;
	padding: 1px 0 1px 8px;
	background: #fff url("../gif/bg_nav_icons.gif") no-repeat -54px 6px;
	text-decoration: none;
	color: #1c4c5c;
}
/* Hervorhebung bei Mouseover */
.level1 a:hover, .level2 a:hover, .level3 a:hover {

	background: #eee;
}
/*, .level2 a:hover, .level3 a:hover*/
.current a {
	
	background: #eee; 
}
#nav { width:550px;margin:0 auto;z-index: 6;font-size:0.8em;overflow:show;position:relative;}
#nav{
 font-size:0.8em;
 display:inline-block;
 margin-bottom: 10px;


}
 
/*menue oben horizontal*/
/* 
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	position:relative;
	left:			0;
	top:			2.5em; 
	z-index:		99;
}
 */

.sf-menu a.sf-with-ul {
	padding-right: 	0.8em;
}
.sf-sub-indicator {
background:transparent;
}
.sf-menu {
	margin-bottom:	0;
	background: #fff;
width: 640px;
padding-left: 10px;

}

.sf-menu li a {
	border-right:1px solid #ccc;
	
	padding: 		0.8em 0.8em 0 0.1em;
	text-decoration:none;
}
.sf-menu li{
background: #fff;
}
.sf-menu a, .sf-menu a:visited  { 
	color:			#c00;
  	background:		#fff;
    font-size:1.5em;
	font-weight:bold;
}
.sf-menu li li {
	background:		#fff;
	border-left:1px solid #ccc;
	padding-bottom: 0.5em;
 	margin-left: -1px;
	border-right: 0px solid #ccc;
}
.sf-menu li li a{
	border-right: 0px solid #ccc;
}
* html .sf-menu li li a{	
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #ccc;
	margin-left: -1px;
   border-right: 0px solid #ccc;
}

.sf-menu li li li {
	background:		#fff;
	border-left: 1px solid #ccc;
	border-top:0px solid #ccc;
	border-right:0px solid #ccc;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	text-decoration:		underline;
  background:		#c00;
color: #fff;
text-decoration:none;
	outline:		0;
}
.sf-shadow ul {
background: transparent;
}

/*linke Bl�cke*/

.leftblock{
  position:relative;
  padding-bottom: 10px;
  background: #fff;
}

.leftblock a{

}
.leftblock_title{
 	
	color: #dd0f1c;
	font-size: 1.5em;
	line-height: 1.3em;
 
	padding: 0 0 4px 0;
	
}

#mainblock_text, .sideblock_text{
	padding: 10px 20px 10px 0;
 overflow:auto;

}
.sideblock, #mainblock{
z-index:5;
	position:relative;
  padding-left: 10px;
  padding-top:10px;
	
}
#mainblock_title, .sideblock_title{
	color: #dd0f1c;
	font-size: 1.5em;
	
 
	padding: 0 0 4px 0;
}

}
#mainblock_title a,.sideblock_title a{

}
#mainblock_title{
padding: 10px 0 4px 0;
}
}
.sideblock_text a{
	
}
.boxmitte {
	margin: 8px 20px 8px 8px;
	padding: 4px;
	border-top: 1px solid #686868;
	position:relative;
}

.boxmitte_title{
	color: #dd0f1c;
	font-size: 1.5em;
	line-height: 1.3em;
 
	padding: 0 0 4px 0;
}
.boxmitte_title a {
	color: #dd0f1c;
	text-decoration:none;
}


.boxmitte_text{
	color: #000;
	padding: 5px;
}

.boxmitte_text a{

}

.boxmitte_text a:hover{
	
}

/*rechte Bl�cke*/

.rightblock{
	position:relative;
	padding-bottom: 10px;
	
	background: #fff;
}
.rightblock_title{
	background: #bbd8e1;
	padding: 4px;
	color: #000;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.rightblock_text, .leftblock_text{
  	color: #000;
  	padding: 4px 4px 10px 4px;
	overflow:hidden;

}

.rightblock_text a{

}

.rightblock a:hover{
  	color:#000;
}
#bottom{
display:none;
}
#footer{
	clear:all;


	
}
#footer table{color: #fff;}

#footer hr{
	background-color:#ccc; /* Mozilla 1.4 */
	color:#ccc; /* IE 6 */
	border: #ccc; /* Opera 7.11 */
	height: 1px; /* in Opera f�r die Anzeige n�tig, in Mozilla f�r die einheitliche H�he */
	margin-top: 10px;
	margin-bottom: 10px;
}
#footer a {

}

#unt{
  width: 700px;
  margin: 0 auto;
	padding: 6px;
	margin:0 auto;
	text-align:center;
	color: #000;
padding-right: 260px;

font-size: 0.7em;

}
#zaehler{
color:#ddd;
text-align:center;

margin-left: 8px;
font-size: 0.75em;
}

/* Farbe f�r eigene Termine im Kalender*/
.selbst {background-color: #BBD8E1;}

/* formulare */
.button{
	border: 1px solid #1c4c5c;
	background:#bbd8e1;
	color: #1c4c5c;
	padding: 2px;
}
.button{
       display: inline-block;
        white-space: nowrap;
        background-color: #ccc;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
        background-image: -webkit-linear-gradient(top, #eee, #ccc);
        background-image: -moz-linear-gradient(top, #eee, #ccc);
        background-image: -ms-linear-gradient(top, #eee, #ccc);
        background-image: -o-linear-gradient(top, #eee, #ccc);
        background-image: linear-gradient(top, #eee, #ccc);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
        border: 1px solid #777;
        padding: 0 1.5em;
        margin: 0.5em;
        font: bold 1em/2em Arial, Helvetica;
        text-decoration: none;
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        -moz-border-radius: .2em;
        -webkit-border-radius: .2em;
        border-radius: .2em;
        -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

button.hideme {
display:none; }

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 300px;
}
#back-top a {
	width: 90px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 90px;
	height: 90px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}
}