﻿/* start farben die verÃ¤ndert werden mÃ¼sen: 					*/
/* dunkel: 	#3C7DBD & #3D8EC5 wird zu #585f6e  (100% vom Farbton)			*/  
/* mittel:	#A4D0EA	 (50% vom Farbton)							*/
/* hell: 	#DAEBF3 & #D8E8F3 wird zu #e0e3e8	 (20% vom Farbton)			*/	
/* ende farben die verÃ¤ndert werden mÃ¼sen: 						*/

/* defaultwerte aller browser vereinheitlichen 					*/
*{
	margin:0;
	padding:0;
}

/* start gesamte webseite zentrieren 			*/
#centered {
	position: relative;
	top: 0;
	right: 0;
	margin: 0 auto;
	width: 1006px;
	text-align: left;
}
/* ende gesamte webseite zentrieren 			*/

/* start Grundlayout DIVS						*/
#content{
	background-color:#FFFFFF;
	float:left;
	width:420px;
	margin-left:25px;
	vertical-align:top;
	padding-top:0px;
	top:0px;
}
* html #content{
	background-color:#FFFFFF;
	float:left;
	width:420px;
	vertical-align:top;
	margin-left: 5px;
	/*padding-left:5px;*/
	top:0px;
}
#right{
	float:right;
	vertical-align:top;
	top: 0px;
	width:190px;
	margin:0px;
	padding:0px;
}
* html #right{
	float:right;
	vertical-align:top;
	top: 0px;
	width:190px;
	margin:0px;
	padding:0px;
	margin-right:-5px;
}
#content_tis{
	float:left;
	width:760px;
	padding-left:25px;
}
#navi_left{
	float:left;
	width:190px;
	/*width:180px;*/
	padding-left:15px;
}
#navi_right{
	vertical-align:top;
/*	float:right;*/
	width:180px;
	padding-right:10px;
}
#navi_right_tis{
	position:absolute;
	width:200px;
	left: 786px;
	top: 0px;
	float: right;
}
#all{
	text-align:center;
	background-color:#FFFFFF;
/*	border-left:1px solid black;
    border-right:1px solid black;*/
	height:100%;
	width:850px;
	margin:0 auto;

}
#frame{
	margin: 0 auto;
	width:845px;
	/*width:1006px;*/
	text-align:center;
	height:100%;
	background-color:#FFFFFF;
}
/*#enclose{
	background-color:#FFFFFF;
	float:left;
	width:840px;
}*/
#enclose{
 	border-left:1px solid black;
 	border-right:1px solid black;
	padding-left:2px;
 	width:846px;
 	text-align:left;
 	margin:auto;
 	height:100%;
	min-height:100%;
    background-color:white;
}
#unten{
	padding-top:0px;
	padding-left:0px;
	width:840px;
	background-color:#FFFFFF;
	border:none;
}
#footer{
	clear:both;
	padding-top:2.5em;
	text-align:center;
	width:620px;
	/*width:840px;*/
	margin-top:0px;
	top:0px;
	/*width:750px;*/
	text-align:right;
	margin-bottom:2em;
}
#header{
	/*background-image:url(/sixcms/media.php/7605/header.jpg);*/
	height:330px;
	width:840px;
	vertical-align:top;
	top:0px;
}
.header_top{
	background-color:#797E78;
	width:840px;
	height:20px;
}
#contact{
	background-image:url(/sixcms/media.php/7605/doris.jpg);
/*	background-position:top left;*/
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	/*background-color:#EDEEEF;*/
	color:#000000;	
	padding:10px;
}

#accesskeys{
  position:absolute;
  top:-5em;
}
/* ende Grundlayout DIVS						*/

/* start default CSS; 							*/
body{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:70%;
  background-image:url('/sixcms/media.php/7605/gradient_bg.jpg');
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-color: #FFFFFF;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  text-align:center;
}
a:link {
	color:#000000;
	text-decoration:underline;
}
a:visited {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}
a:active {
	color:#000000;
	text-decoration:underline;
}
h1{
	font-size:2em;
	margin-bottom:0.5em;
	color:#585f6e;
}
h2{
	font-size:1.5em;
	margin-bottom:0.6em;
	margin-top:1em;
	color:#585f6e;
}
h2.listview  {
	font-size:1.2em;
	margin-bottom:0.3em;
	margin-top:0em;
	color:#585f6e;
}
h3{
	font-size:1.2em;
	margin-bottom:0.6em;
	margin-top:0.5em;
	color:#585f6e;
}
p{
	margin-bottom:1em;
}
div{
}

/* end default CSS; 							*/

/* start specific CSS fÃ¼r content			 	*/
.galerie{
	background-color:#FFFFFF;
	height:auto;
	margin-top:1em;
	margin-bottom:1em;
	padding:10px;
	padding-top:20px;
	border:1px solid #585f6e;
}
.bildergalerie{
	float:left;
	width:185px;
}
.bildergalerie2{
	float:right;
	width:185px;
}

.ornament{
	background-image:url('/sixcms/media.php/5524/spacer.gif');
	background-position:center;
	height:20px;
}
#content. formtable{
	background-color:#EDEEEF;
}
#content table{
	font-size:1em;
}
#content .factbox{
	font-weight:normal;
	border-color:#e0e3e8;
	border-width:1px;
	border-style:solid;
}
#content td{
	font-weight:normal;
	background-color:#EDEEEF;
	padding:0.5em;
}
#content th{
	font-weight:bold;
	padding:0.5em;
	background-color:#e0e3e8;
}
#content ul{
	margin:1em;
}
#content ol{
	margin:2em;
}
#content li{
	margin:0.5em; 
	padding-left:10px;
	/*list-style-image:url(/sixcms/media.php/4720/pfeil.gif); */
}
#content .price_detail{ 
	text-align:right; 
	float:right; 
	color:#000000; 
	font-weight:bold; 
	font-size:1.5em; 
	border-color:#585f6e; 
	background-color:#EDEEEF; 
	border-width:1px; 
	border-style:solid; 
	padding:0.2em; 
	margin-top:-2em; 
	margin-right:0.15em;
}
#content .listitem{
	margin-top:3em;
}
#content .listitem h2{
	font-size:1.2em;
	margin-bottom:0.6em;
	margin-top:1em;
	color:#585f6e;
}
#content .textbox{
	border-color:#585f6e;
	background-color:#EDEEEF;
	border-width:1px;
	border-style:solid;
	padding:0.7em;
	width:400px;
}
#content .textbox2{
	border-color:#585f6e;
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	padding:0.7em;
}
#content .price{ 
	float:left; 
	color:#585f6e; 
	font-weight:bold; 
	margin-left:0.3em; 
} 
#content a.big_link:link, a.big_link:visited, a.big_link:a:hover, a.big_link:a:active{
	color:#585f6e; 
	font-size:1.2em; 
	font-weight:bold;
	text-decoration:none;
	border:none;
}

/* start specific CSS fÃ¼r footer 		 	*/
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
	color:#585f6e;
}
/* start specific CSS fÃ¼r header 		 	*/
#header a:link, #header a:visited, #header a:hover, #header a:active{
	color:#FFFFFF;
	text-decoration:none;
}
/* start specific CSS fÃ¼r navi_right	 	*/
#right a:link, # a:visited, # a:hover, # a:active{
	color:#000000;
	text-decoration:underline;
}
#right .search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	background-color: #EDEEEF;
}

/* start specific CSS fÃ¼r navi_left */
#navi_left ul {
	margin-bottom: 2em; 
	width: 170px; 
	list-style-type:none; 
	font-weight:bold;
	padding:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}
#menu_oben ul {
	margin-bottom: 2em; 
	width: 160px; 
	list-style-type:none; 
	list-style:none;
	font-weight:bold; 
}
#navi_left li, #menu_oben li {
	margin-bottom: 0.3em; /*3px*/
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	margin-top:0px;	
}
#navi_left li a:link, #navi_left li a:visited, #navi_left li a:active {
	display: block; 
	padding-left: 8px; 
	font-size: 1em; 
	background: #EDEEEF;
	padding-bottom: 0.3em; /* 3px */
	padding-top: 0.3em; /* 3px */ 
	border-left: #585f6e 8px solid; 
	width: 100%; color: #000000;  
	text-decoration: none;
}
#navi_left li a:hover{
	display: block; 
	padding-left: 8px; 
	font-size: 1em; 
	background: #C3C5C8; 
	padding-bottom: 0.3em; 
	padding-top: 0.3em; 
	border-left: #585f6e 8px solid; 
	width: 100%; color: #000000;  
	text-decoration: none;
}
#navi_left .subnav{
	margin-left:10px;
	font-size:0.9em;
}
#navi_left .subsubnav{
	margin-left:20px;
	font-size:0.8em;
}

/* ende specific CSS						 	*/

/* start specific CSS fÃ¼r Boxen	auf Startseite	*/ 
#box1_links, #box1_rechts { 
	float:left; 
	width:250px; 
	padding:0px;
	height:18em;
}
#box1_big
{
	float:left; 
	width:420px;
	/*width:500px;*/ 
	padding:0px;
}
.box1_big_link {
	margin-bottom:5px;
}
#box2_links, #box2_rechts {   
	width:200px; 
	height:16em;
	padding:0px;
	background-color:#EDEEEF;

	margin-top:3px;
}
#box1_links, #box2_mitte, #box2_links {
	margin-right:20px;
	/*margin-right:10px;*/
}
#box1_big {
	margin-right:0px;
}
#box1_links div, #box1_rechts div{ 
	width:240px;
}
#box1_big div{
	width:510px;
}
#box2_links div, #box2_mitte div, #box2_rechts div{ 
	width:150px;
}
#content .box1_textblock{
	background-color:#EDEEEF;
	height:auto;
	margin-top:0px;
	padding:0px;
	width:250px;
	padding-bottom:10px;
}
* html #content .box1_textblock{
	height:85px;
}
#content .box1_textblock h1{
	font-size: 1em;
	font-weight:bold;
	line-height: 1.2em;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:5px;
	margin-bottom:0px;
	color:#FFFFFF;
	background-color:#585f6e;
	display:block;
	padding-top:2px;
	margin-top:1px;
}
#content .box1_textblock h2{
	font-size: 1em;
	font-weight:bold;
	line-height: 1.2em;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:5px;
	margin-bottom:0px;
	color:#FFFFFF;
	background-color:#585f6e;
	display:block;
	padding-top:2px;
	margin-top:1px;
}
#content .box2_textblock{
	background-color:#EDEEEF;
	height:10em;
	margin-top:0px;
	padding:0px;
	padding-bottom:10px;
	width:200px;
}
#content .box2_textblock h2{
	font-size: 1em;
	font-weight:bold;
	line-height: 1.2em;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:5px;
	margin-bottom:0px;
	color:#FFFFFF;
	background-color:#585f6e;
	display:block;
	padding-top:2px;
	margin-top:1px;
}
#content .box2_textblock h3{
	font-size: 1em;
	font-weight:bold;
	line-height: 1.5em;
	display:block;
	color:#000000;
	margin-bottom:0em;
	margin-top:0em;
}
#content .text_big{
	font-size: 1em;
	font-weight:bold;
	line-height: 1.5em;
	display:block;
}

#content .text_big_blue{
	font-size: 1em;
	font-weight:bold;
	line-height: 1.5em;
	display:block;
	color:#4CA2DB;
	font-variant:small-caps;
}
#content .content_image {
	width:520px; 
	margin-bottom:1.5em;
}

.box_title{
	color:#4CA2DB;
	font-weight:bold;
	text-transform:capitalize;
}
.box_subtitle{
	font-weight:bold;
}
.box_subtitle{
	font-weight:bold;
	margin-bottom:4px;
	font-size:11px;
	background-image:url(/sixcms/media.php/7605/kategoriepfeil.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:11px;
	margin-top:10px;
	display:inline;
	line-height:14px;
	margin-left:0px;
}

.box_teaser{
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
}

.box_link{
	margin-top:-30px;
}

.infobox{
	background-color:#e0e3e8;
	width:160px;
}

.infobox_title{
	background-color:#585f6e;
	width:160px;
	height:90px;
}

/* ende specific CSS fÃ¼r Boxen	auf Startseite			*/ 

/* Liste downloads*/
.downloads{
	width:410px;
	border-bottom:#CCCCCC 1px solid;
	margin-bottom:5px;
	vertical-align:top;
	top:0px;
	text-align:left;
}

/* Generelle Liste */
.genliste {
	/*margin-bottom:25px; */
	width:400px; 
	height:130px;
	padding: 0 20px 0 0;
	display:block;
	/*overflow:visible;*/
}
/*
* html .genliste {
	width:415px; 
}
*/
.genliste_l {
	/*position:relative;*/
	float:left;
	width:100px;
	text-align:left;
}

.genliste_r {
/*	position:relative; */
	float:left;  
/*	width:295px; */
	width:390px;
}


.genliste_r_ba {
	/*position:relative;*/
	float:left; 
	margin-left:15px;
	width:245px;
}

/* Generelle Liste ENDE */

/* Team Liste */
.team {
	position:relative;
	margin-bottom:15px;
}
.team_pic {
	position:realtive;
	float:left;
	margin-right:10px;
}
.team_text {
	position:realtive;
	float:left;
}
/* Team Liste ENDE */

/* Messekalender */

.messekalender2_inhalt_1{
	float:left; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; width:75px;
}
* html .messekalender2_inhalt_1{ width:95px; }

.messekalender2_inhalt_2{ 
	float:left; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; width:110px;
}
* html .messekalender2_inhalt_2{ width:130px; }

.messekalender2_inhalt_3{
	float:left; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; width:50px;
}
* html .messekalender2_inhalt_3{ width:60px; } 

.messekalender2_inhalt_4{
	float:left; padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:10px; width:30px;
}
* html .messekalender2_inhalt_4{ width:40px; }

.messekalender2_inhalt_5{ 
	float:right; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; width:20px;
}
* html .messekalender2_inhalt_5{ width:40px; }


.schulkalender {
	
	/*position:fixed;*/
	display:block;


	/*position:relative;
	 width:400px;*/
	max-width: 400px; 
	background-color:#EEEEEE;
	border: 1px solid #3D7DBA;
	margin-bottom:10px;
}
.schulkalender_inhalt_1{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	/* width:225px;*/
}
* html .schulkalender_inhalt_1{
	width:217px;
}
.schulkalender_inhalt_2{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	/* width:80px;*/
}
.schulkalender_inhalt_3{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	/* width:30px;*/
}
.schulkalender_inhalt_4{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	width:10px;*/
}
/* Messekalender ENDE *//* CSS Document */

span.klein {
   font-size:9px;
}

.messekalender {
	background-color:#EEEEEE;
	border:1px solid #585f6e;
	margin-bottom:10px;
	/*position:relative;*/
	width:100%;
}
.messekalender_inhalt_1 {
	float:left;
	padding:5px 10px;
}
* html .messekalender_inhalt_1 {
	width:75px;
}
.messekalender_inhalt_2 {
	float:left;
	padding:5px 10px;
}
* html .messekalender_inhalt_2 {
width:100px;
}
.messekalender_inhalt_3 {
	float:left;
	padding:5px 10px;
}
* html .messekalender_inhalt_3 {
width:85px;
}
/*
.messekalender_inhalt_4 {
float:left;
padding:5px 10px;
width:30px;
}

* html .messekalender_inhalt_4 {
width:50px;
}
*/
.messekalender_inhalt_4 {
float:left;
padding:5px 10px;
width:100px;
}
* html .messekalender_inhalt_4 {
width:120px;
}
/*
.messekalender_inhalt_6 {
float:right;
padding:5px 10px;
width:10px;
}
* html .messekalender_inhalt_6 {
width:30px;
}
*/
input, textarea, select {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
}

.input_error {
	#585F6E;
}