/*
farben:
schriften:
grau menü: #c7c7c7
orange menü: #ff9200
schwarz: #000000
grau fussmenü: #aaaaaa
weiss: #ffffff
hintergründe:
hintergrund: #000000
hintergrund menü : #666666
menü hover: #dfdfdf
hintergrund unterhalb menü: #333333

breite gesamt: 940px
menü: 150px
rechts: 797px
	inhalt: 581px
		menü dritte ebene: 138px
		fumic einzeln: 290px
	teaser rechts: 210px
	
abstand 1px
abstand unter menü: höhe 117px


*/
body {
	padding: 0 0 0 0;
	margin:0 0 0 0;
	background-color:#000000;
	font-weight: normal;
	font-size:11px;
	line-height:16px;
	font-family : Helvetica, Arial, sans-serif;
	color:#ffffff;
	text-decoration:none;	
}
#logo { 
	width:940px;
	margin:auto;	
	margin-top:50px;
}
#center { 
	/* Ein Pixel für den Rechten schwarzen Rand*/
	width:941px;
	margin:auto;		
}
#bgcenter {
	background-color:#333333;
	float:left;
}
#left {
	width:148px;
	float:left;
}
#content {
	width:791px;
	border-left:1px solid #000000;
	float:left;
	background-image: url(images/bg_content.gif);
	background-repeat: repeat-y;
	background-position:right;
}
#contentleft {
	width:581px;
	float:left;
}
.inhaltbreit{
	width:581px;
	float:left;
}
#teaser {
	float:right;
	width:209px;
}
#foot { 
	width:940px;
	margin:auto;	
}
.clear {
	clear:both;
}
/***
language
***/
#language {
	background-color:#666666;
	padding-left:17px;
	padding-top:2px;
	font-size:10px;
	color: #ff9200;
	float:left;
	width:131px;
	text-transform: uppercase;
}
#language a {
	color: #c7c7c7;
}
#language a:hover {
	color: #ff9200;
	text-decoration:none;
}

/***
menue
***/
#menu {
	padding:0;
	margin:0;
	list-style-type: none;
}
#menu li {		
	background-color:#666666;
	border-bottom:1px solid #000000;
	/*border-right:1px solid #000000;*/
	width:148px;
	/*position:absolute;*/
	float:left;
}
#menu li.withsub {
	background-image: url(images/pfeil_rechts.gif);
	background-repeat: repeat-y;
	background-position:right;
}
/* wenn untermenu */
#menu li.withsub:hover ,
#menu li.withsubiehover{
	background-image: url(images/pfeil_rechts_orange.gif);
	background-repeat: repeat-y;
	background-position:right;
}
/** hover von menuepunkt 1 **/
#menu li:hover, 
#menu li.iehover,
#menu li.withsubiehover {
	background-color:#dfdfdf;
}
/*linkfarbe orange*/
#menu li:hover a, 
#menu li.iehover a,
#menu li.withsubiehover a{
	color: #ff9200;
}
/*untermenu an richtige position*/
#menu li.withsub:hover ul, 
#menu li.withsubiehover ul {
	left: auto;
}
/* hintergrundfarbe menüpunkt untermenü*/
#menu li.withsub:hover ul li, 
#menu li.withsubiehover ul li {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	background-color:#dfdfdf;
	border-right:1px solid #000000;
	/*position:relative;*/
}
/* anderen pfeil in hg, falls nochmal untermenü */
#menu li.withsub:hover ul li.withsub2, 
#menu li.withsubiehover ul li.withsub2{
	background-image: url(images/pfeil_rechts_schwarz.gif);
	background-repeat: repeat-y;
	background-position:right;
}
/* linkfarbe menueebene 2 schwarz*/
#menu li.withsub:hover ul li a, 
#menu li.withsubiehover ul li a{
	color: #000000;
}
/* menuebene 3 unsichtbar*/
#menu li.withsub:hover ul li ul,
#menu li.withsubiehover ul li.withsub2 ul {
	left:-2180px;
}
/** hover von menuepunkt 2 
	menuebene 3 sichtbar
**/
#menu li.withsub:hover ul li.withsub2:hover ul,
#menu li.withsubiehover ul li.withsub2iehover ul {
	left:auto;
}
/* aktuellem menuepunkt von ebene 2 neues hg bild*/
#menu li.withsub:hover ul li.withsub2:hover,
#menu li.withsubiehover ul li.withsub2iehover{
	background-image: url(images/pfeil_rechts_orange.gif);
	background-repeat: repeat-y;
	background-position:right;
}
/* linkfarbe des aktuellen menupunkts*/
#menu li.withsub:hover ul li:hover a,
#menu li.withsubiehover ul li.iehover a,
#menu li.withsubiehover ul li.withsub2iehover a{
	color: #ff9200;
}
/* linkfarbe menu ebene 3 schwarz*/
#menu li.withsub:hover ul li.withsub2:hover ul li a,
#menu li.withsubiehover ul li.withsub2iehover ul li a{
	color: #000000;
}

/** hover von menuepunkt 3 
	linkfarbeorange
**/
#menu li.withsub:hover ul li.withsub2:hover ul li:hover a,
#menu li.withsubiehover ul li.withsub2iehover ul li.iehover a{
	color: #ff9200;
}

/* aktiver menüpunkt */
#menu #mactive{
	background-color:#dfdfdf;
	position:static;

}
/* farbe der links ist immer orange */
#menu #mactive a,
#menu #mactive a.orange,
#menu #mactivesub a.orange,
#menu #mactivesub ul #mactive2 a.orange,
#menu #mactivesub ul #mactivesub2 a.orange,
#menu #mactivesub ul #mactivesub2 ul #mactive3 a.orange {
	color: #ff9200;
	font-weight:normal;	
}


/*aktiver menuepunkt mit unterseiten */
#menu #mactivesub {
	background-color:#dfdfdf;
	position:static;	
	background-image: url(images/pfeil_runter_grau.gif);
	background-repeat: no-repeat;
	background-position: right top;	
}
#menu #mactivesub a{	
	color:#666666;
}
#menu #mactivesub a:hover{	
	color:#ff9200;
	background-image: url(images/pfeil_runter_orange.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#menu #mactivesub a.orange {
	background-image: url(images/pfeil_runter_orange.gif);
	background-repeat: no-repeat;
	background-position: right top;	
}
/*untermenü des aktiven menüpunkts*/
#menu #mactivesub ul {
	position:static;
	padding:0;
	margin:0;
	border-top:0;
	margin-left: -1px;
}
#menu #mactivesub ul li {	
	border-bottom:0;
	border-top:1px solid #000000;
	background-color:#dfdfdf;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#menu #mactivesub ul li a{	
	color:#666666;
}
#menu #mactivesub ul li a:hover{	
	color:#ff9200;
	background:0;
}
/* untermenüpunkt mit untermenü */
#menu #mactivesub ul li.withsub2 {
	background-image: url(images/pfeil_rechts_schwarz.gif);
	background-repeat: no-repeat;
	background-position: 6px -1px;	
}
#menu #mactivesub ul li.withsub2:hover,
#menu #mactivesub ul li.withsub2iehover {
	background-image: url(images/pfeil_rechts_orange.gif);
	background-repeat: no-repeat;
	background-position: 6px -1px;	
}
#menu #mactivesub ul li.withsub2iehover ul{
	/*wegen ie*/
	position:absolute;
	left:-2180px;
}
/*die dritte menüebene unsichtbar*/
#menu #mactivesub ul li.withsub2 ul {
	position:absolute;
	left:-2180px;
}
/*aktiver menüpunkt zweites untermenü*/
#menu #mactivesub ul #mactivesub2 {
	background-image: url(images/pfeil_runter_grau.gif);
	background-repeat: no-repeat;
	background-position: 4px -1px;	
}
#menu #mactivesub ul #mactivesub2 a:hover {
	background-image: url(images/pfeil_runter_orange.gif);
	background-repeat: no-repeat;
	background-position: 4px -1px;
}
#menu #mactivesub ul #mactivesub2 a.orange {
	background-image: url(images/pfeil_runter_orange.gif);
	background-repeat: no-repeat;
	background-position: 4px -1px;
}
#menu #mactivesub ul #mactivesub2 ul li{
	width:138px;
	/*background-color:yellow;*/
	padding-left:10px;
}
#menu #mactivesub ul #mactivesub2 ul li a{	
	color:#666666;
}
#menu #mactivesub ul #mactivesub2 ul li a.orange{	
	background:0;
}
#menu #mactivesub ul #mactivesub2 ul li a:hover{	
	color:#ff9200;
	background:0;
}
#menu #mactivesub ul #mactive2 a.orange {
	background:0;
}



#menu li a { 
	display:block;
	line-height:20px;
	/*nur wenn height da ist macht der schwachsinnige ie display block*/
	height:20px;	
	text-decoration:none;
	font-size:11px;	
	text-transform: uppercase;		
	text-indent:17px;
	color: #c7c7c7;
	font-size:10px;
}
/** untermenue1 **/
#menu li ul {
	width:148px;
	position:absolute;
	left:-2180px;
	margin-top:-21px;
	margin-left: 148px;	
	padding:0;
	list-style-type: none;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
}
/** untermenue2 **/
#menu li ul li ul {
	width:137px;
	position:absolute;
	left:-2180px;
	margin-top:-21px;
	margin-left: 148px;	
	padding:0;
	list-style-type: none;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
}
#menu li ul li ul li{
	width:137px;
}


#menumargin {
	width:148px;
	height: 117px;
	background-color:#666666;
	clear:both;
	border-bottom:1px solid #000000;
}
#breadcrumb {
	/*561 + 10 +10 = 581*/
	background-color: #000000;
	width:561px;
	float:left;
	padding:10px;
	font-size:15px;	
	color: #aaaaaa;
	text-transform: uppercase;
	font-weight:bold;

}
#breadcrumb .lastbread {
	color:#ff9200;
}
#breadcrumb a{
	color: #aaaaaa;
	
}
#breadcrumb a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

/***
homepage
***/
#home_image_sub {
	width:581px;
	float:left;
	/*padding-bottom:15px;*/
}
#home_image_sub_left {
	width:291px;
	float:left;	
}
#home_image_sub_right {
	width:290px;
	float:left;	
}
.tabelle{
	background-color: #666666;
	border-bottom:1px solid #000000;
	padding: 12px 12px 9px 12px;
}
h1 {
	color:#ff9200;
	background-color: #333333;
	font-size:15px;	
	/*height:37px;*/
	text-transform: uppercase;
	padding:10px;
	margin:0;
}
h2 {
	color:#ff9200;
	font-size:11px;
	font-weight:bold;	
	text-transform: uppercase;
	padding:10px 17px 0 17px;
	margin:0;
}
h3 {
	font-size:11px;
	font-weight:bold;
	padding:0;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
p {
	margin:0;
	/*oben rechts unten links*/
	padding:10px 10px 20px 10px;
}
p.ecards {
	margin:0;
	/*oben rechts unten links*/
	padding:0 10px 20px 10px;
}
p.mitlinie {
	margin:0;
	padding:10px 10px 10px 10px;
	border-bottom:1px solid #000000;
}
p.termine {
	margin:0;
	padding:0 17px 5px 17px;
}
a {
	color:#ff9200;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/***
footmenue
***/
#footmenu {
	padding:0;
	margin:0;
	border-top:10px solid #000000;
	border-left:10px solid #000000;
	border-bottom:30px solid #000000;
	list-style-type: none;
}
#footmenu li {		
	float:left;
	color:#aaaaaa;
}
#footmenu li a {
	color:#aaaaaa;
	text-decoration:none;
	text-transform: uppercase;
	font-size:10px;
}
p.teaser {
	width:189px;
	border-bottom:1px solid #000000;
	padding-bottom:20px;
	padding-top:10px;
}
/***
news
***/
.news-list-item {
	padding:20px 15px 0px 10px;
	float:left;
	width:556px;
}
.news-list-item img,
.news-single-item img {
	float:left;
	padding-right:10px;
}
.news-list-date {
	font-weight:bold;
}
p.date {
	font-weight:bold;
	padding:0;
}
p.news-head {
	text-transform: uppercase;	
	font-weight:bold;
	padding:0;
}
.news-list-container {
	float:left;
	padding-bottom:15px;
}
.news-single-item {
	padding:15px 10px 20px 10px;
	float:left;
	width:561px;
}
.news-list-browse {
	padding:10px;
	float:left;
}
.newsimages {
	padding-right:10px;
}
.newsimages img{
	padding-left:10px;
	padding-bottom:10px;
}
.padding1 {
	/*oben rechts unten links*/
	padding:0 10px 10px 10px;
}
/* Bildergalerie */

p.navi {
	border-bottom:1px solid #000000;
	margin:0;
	padding:5px 10px 5px 10px;
}

.orange{
	color:#ff9200;
	font-weight:bold;
}

.orangefett{
	color:#ff9200;
	font-weight:bold;
}

.teaser_bildergalerie{
 	/*min-height:84px;*/
 	background-color:#666666;
 	padding-top: 15px;
 	padding-left:10px;
 	padding-bottom:15px;
 	border-bottom: 1px black solid;
 	/*clear:both;*/
 	float:left;
 	width:571px;
}
.teaser_bildergalerie img{
	margin-right: 10px;
}
.teaser_bildergalerie_bild{
 	float:left;
}

/***
media
***/
#media_head_container {
	width:581px;
	float:left;
	background-image: url(images/bg_media_head.gif);
	background-repeat: repeat-y;
	background-position:center;
	/*padding-bottom:15px;*/
}
.media-container {
	float:left;
	border-top:1px solid #000000;
	padding: 15px 10px 15px 10px;
	width:561px;
	/*background-color:white;*/
}
.media-element-one-left {
	width:265px;	
	float:left;	
	/*background-color:yellow;*/
}
.media-element-two-left {
	width:130px;	
	padding-right: 10px;
	float:left;	
	/*background-color:red;*/
}
.media-element-one-right {
	width:270px;	
	float:right;	
	/*background-color:yellow;*/
}
.media-element-two-right {
	width:130px;	
	padding-left:10px;
	float:right;	
	/*background-color:red;*/
}
.media-no-display {
	display:none;
}

/***
frontend editing
***/
.editpanel {
	padding-left:10px;
}
.editpanelnew {
	padding:15px 0px 15px 10px;
}
.editpanel_media{
	width:581px;
	float:left;
}
.editpanel_partner{
	float:left;
	width:570px;
	padding-top:10px;
}

/***
termine
***/
#tbl_termine {
	padding:0px 0px 15px 0px;
}
#tbl_termine th{
	background-color:#000000;
	padding:0px 10px 0px 10px;
	text-transform: uppercase;
	color:#c7c7c7;
}
#tbl_termine td{
	padding:0px 10px 0px 10px;
	line-height:18px;
	color:#c7c7c7;
}
.termineblack {
	background-color:#000000;
}
.terminegrau {
	color:#929292;
}

/* fotogalerie thumbs */
.gallery_thumb {
	padding:3px 2px 0px 1px;
}
.gallery_thumb_high {
	padding:0;
	border:2px solid #ff9200;
}
.gallery_thumb_block {
	padding:0 0 2px 2px;
}