/*
grau hg: #8b8e85
grau links: #c2c3bd
grau rechts: #dcdcda
grau menue: #dcddd8
schrift rot: #a7074f
schrift grau: #676767

rahmen: 10px
linke, rechte spalte: 180 px
mitte: 430px, spalte 210px
breite gesamt: 830px
höhe head: 144px

*/
body {
	padding: 0 0 0 0;
	margin:0 0 0 0;
	background-color:#8b8e85;
	font-weight: normal;
	font-size:11px;
	line-height:15px;
	font-family : Helvetica, Arial, sans-serif;
	color:#676767;
	text-decoration:none;	
}
#head { 
	width:830px;
	margin:auto;	
	background-color:#8b8e85;
	margin-top:30px;
	border-top:10px solid #ffffff;
}
#content { 
	width:810px;
	margin:auto;	
	background-color:#c2c3bd;
	border-bottom:10px solid #ffffff;
	border-left:10px solid #ffffff;
	border-right:10px solid #ffffff;
	background-image: url(images/bgcontent.gif);
	background-repeat: repeat-y;
	background-position:center;
}
#content2 { 
	width:810px;
	margin:auto;	
	background-color:#c2c3bd;
	border-bottom:10px solid #ffffff;
	border-left:10px solid #ffffff;
	border-right:10px solid #ffffff;
	background-image: url(images/bgcontent2.gif);
	background-repeat: repeat-y;
	background-position:center;
}
#left {
	float:left;
	width:180px;
}
#middle {
	float:left;
	background-color:#ffffff;
	width:430px;
	border-left:10px solid #ffffff;
	border-right:10px solid #ffffff;
	border-top:10px solid #ffffff;
}
#middle2 {
	float:left;
	background-color:#ffffff;
	width:620px;
	border-left:10px solid #ffffff;
	border-top:10px solid #ffffff;
}
#right {
	float:right;	
	background-color:#dcdcda;
	width:180px;
	border-top:10px solid #ffffff;
}

/***
kopf
***/
#logo {
	float:left;
	width:180px;
	border-left:10px solid white;
}
#visual {
	border-left:10px solid #ffffff;
	/*background-image: url(images/visual.jpg);*/
	height:144px;
	width:620px;
	float:left;
	border-right:10px solid white;
}
.clear {
	clear:both;
}

/***
menue
***/
#menu {
	padding:0;
	margin:0;
	list-style-type: none;
}
#menu li {		
	background-color:#dcddd8;
	border-bottom:1px solid #676767;
	/*height:23px;*/
	width:180px;
	position:relative;
	float:left;
}
/*
ie7 problem:
visibilty besser als verschieben
*/
#menu li.withsubmenu ul {
	position:absolute;
	left:-2180px;
	visibility:hidden;
}
/** hover von menuepunkt **/
#menu li.withsubmenu:hover ul, #menu li.withsubmenuiehover ul {
	left: auto;
	visibility:visible;
}
/** untermenue **/
#menu li ul {
	width:180px;
	position:absolute;
	left:-2180px;
	margin-top:-24px;
	margin-left: 180px;	
	padding:0;
	list-style-type: none;
	border-top:1px solid #676767;
	border-left:1px solid #676767;
	border-right:1px solid #676767;
}

#menu li ul li{
	clear:left;
	height:23px;
	background-color:#dcddd8;
	/*filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;*/
}
/** menuepunkt active **/
#menu #mactivesub {
	background-color:#ffffff;
	position:static;
	border-bottom:1px solid #676767;
	background-image: url(images/pfeil_rot_unten.gif);
	background-repeat: no-repeat;
	background-position:166px -1px;
}
#menu #mactive {
	background-color:#ffffff;
	position:static;
	border-bottom:1px solid #676767;
}
#menu #mactivesub ul {
	position:static;
	padding:0;
	margin:0;
	border:0;
}
#menu #mactivesub ul li {	
	border-top:1px solid #676767;
	border-bottom:0;
	background-color:#ebebe8;
	/*filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;*/
}
#menu li a { 
	display:block;
	line-height:23px;
	/*nur wenn height da ist macht der schwachsinnige ie display block*/
	height:23px;
	color: #a7074f;
	text-decoration:none;
	font-size:12px;	
	text-transform: uppercase;		
}
#menu li a:hover {
	background-color:#ffffff;	
}
ul li a {
	padding-left:10px;
}
#menu li a.withsub {
	background-image: url(images/pfeil.gif);
	background-repeat: repeat-y;
	background-position:right;
}
#menu li a.withsub:hover {
	background-image: url(images/pfeil_rot.gif);
	background-repeat: repeat-y;
	background-position:right;
}

#menu #mactivesub ul #mactive2 {
	background-color:#ffffff;	
}

/* untermenüpunkt link*/
#menu #mactivesub ul li a {
	/* einrücken */
	text-indent:10px;
	
}
/* untermenüpunkt link hover*/
#menu #mactivesub ul li a:hover {
	/* kein hintergrundbild */
	background-image: url(images/noimage.gif);
}
#menu #mactivesub a:hover {
	background-image: url(images/pfeil_rot_unten.gif);
	background-repeat: no-repeat;
	background-position:166px -1px;
}

/***
content-bereich
elemente
***/
.one {
	/*	bild mit text gesamte breite */
	float:left;
	border-bottom:15px solid #ffffff;
	width:430px;
}
.one2 {
	/* bildergal navi oben */
	background-color:#dcdcda;
	float:left;
	border-bottom:10px solid #ffffff;
	width:410px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
}
.one3 {
	/* bildergal textbereich unten */
	background-color:#dcdcda;
	float:left;
	width:410px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
.one4 {
	/* bildergal bild */
	float:left;
	border-bottom:10px solid #ffffff;
	width:430px;
}
.two1 {
	/* bild mit text hälfte links */
	float:left;
	width:210px;
	border-bottom:15px solid #ffffff;
}
.two2 {
	/*	bild mit text hälfte rechts*/
	float:left;
	width:200px;
	border-left:10px solid #ffffff;
	border-bottom:15px solid #ffffff;
}
.pdleft {
	padding-left:10px;
}
#middle .one img,
#middle .two1 img,
#middle .two2 img {
	/*abstand zum text*/
	padding-bottom:10px;
}
.one .imgleft {
	float:left;
	
	/*padding-right:10px;*/
}
.one .textright {
	float:right;
	
}
#middle .one .imgleft img {
	/*kein abstand nach unten*/
	padding:0;	
}
/***
teaserbereich
***/
.teaser {
	padding-left:10px;
	padding-right:10px;
	border-bottom:10px solid #ffffff;
	padding-bottom:5px;
	width:160px;
	background-color:#dcdcda;
	/*float:left;*/
	clear:both;
}
.teaser2 {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	width:160px;
	background-color:#dcdcda;
	/*float:left;*/
}
.teaserpanel {	
	padding-top:10px;
	width:160px;
	clear:both;
}
.teaserpanel2 {	
	padding-bottom:10px;
	width:160px;
	clear:both;
}

/***
text und links
***/
a {
	color: #a7074f;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

h1 {
	font-size:12px;
	line-height: 16px;
	margin:0;
	padding-top:10px;
	padding:0;
	text-transform: uppercase;
}
.one2 h1, .one3 h1 {
	/*bildergalerie: abstand nach oben*/
	padding-top:10px;
}
h2 {
	font-size:12px;
	line-height: 16px;
	margin:0;
	padding-top:10px;
	text-transform: uppercase;
}
h3 {
	font-size:12px;
	line-height: 16px;
	margin:0;
	text-transform: uppercase;
}
p {
	font-size:11px;
	margin:0;
	line-height:15px;
}
p.navi {
	padding-top:10px;
	padding-bottom:5px;
	font-size:11px;
	margin:0;
	line-height:15px;
}
a.redhead {
	color:#a7074f;
	text-transform: uppercase;
	font-weight:bold;
	text-decoration:none;
}
a.redhead:hover {
	text-decoration:underline;
}
p.teasertext {
	padding:5px 10px 5px 0;
}
/***
foot
***/
#foot {
	width:640px;
	margin:auto;	
	padding-left:190px;
}
#innerfoot {
	float:left;
	border-left:10px solid #ffffff;
	padding-left:10px;
	height:30px;
}
a.footmenu {
	color:#c8cac7;
	text-transform: uppercase;
	font-weight:normal;
	margin:0;
	padding:0;
}
a.footmenu:hover {
	text-decoration:none;
}
#ulfootmenu {
	padding:0;
	margin:0;
	padding-top:5px;
	list-style-type: none;
}
#ulfootmenu li{
	float:left;
	color:#c8cac7;
}
#marginbottom {
	width:830px;
	height:40px;
}
/***
news
***/
.news-list-item {
	padding-top:10px;
	float:left;
	width:410px;
}
.news-list-item img {
	float:left;
	padding-right:10px;
}
.news-list-date {
	font-size:11px;
	line-height: 16px;
	font-weight:bold;
}
.news-list-container {
	border-bottom:15px solid #ffffff;
	float:left;
}
.news-single-item {
	border-bottom:15px solid #ffffff;
}
.news-single-img {
	padding-top:5px;
	padding-bottom:10px;
}
.news-list-browse {
	padding-top:10px;
	float:left;
}
p.subheader {
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}
p.date {
	font-weight:bold;
	padding-bottom:5px;
}
/***
sitemap
***/
#middle .one ul {
	padding:0;
	margin:0;
	list-style-type: none;
	padding-top:10px;
}
#middle .one ul li ul{
	padding:0;	
}
#middle .one ul li {
	padding-left:20px;
}
#middle .one ul .firstlevel,
#middle .one ul .firstleveliehover {
	padding-left:0;
}
#middle .one ul li a {
	padding:0;
}
a.firstlevel {
	font-weight:bold;
}
#language {
	font-size:12px;	
	text-transform: uppercase;	
	padding-left:10px;
	padding-top:3px;
	float:left;
}
#language a {
	font-size:12px;	
	text-transform: uppercase;	
}


/********
bildergalerie
*********/
.wtgallery_listpic {
	padding-right:3px;
	padding-bottom:3px;
}
.wtgallery_listpic img{
	border:1px solid black;	
}
.wtgallery_singlepic_popup {
	padding:5px 0 5px 0;
	font-size:12px;	
}
.wtgallery_singlepic_back,
.wtgallery_singlepic_fwd,
.wtgallery_pagebrowser_back,
.wtgallery_pagebrowser_fwd {
	float:left;
	padding-right:10px;
}
.wtgallery_singlepic_pic {
	border:0;	
}

.speciallink {
	padding:20px 10px 0 10px;
	float:left;	
}
.speciallink a {
	font-size:12px;	
	text-transform: uppercase;	
	line-height:16px;
}