/*
  crema WAG! Agentur für neue Medien, Schwetzingen
  http://www.crema.da

  Copyright (c) 2008 crema WAG!
*/

BODY {
  background-image: url(images/site/img_fond_site1.jpg);
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #660000;
  text-decoration: underline;
}

.TABLE-layout {
  border: none;
  padding: 0;
  spacing: 0;
  width: 950px;
  hight: 95%;
  align: left;
}

.TD-layout-left {
  background: #FFFFFF;
  width: 78px;
  allign: left;
  valign: top;
}

.TD-menue-left {
	background-image: url(images/site/img_fond_menue1.jpg);
	width: 150px;
	allign: left;
	valign: top;
	background-repeat: repeat;
}

.TD-layout_content {
	width: 722px;
	allign: left;
	valign: top;
}

.TABLE-content_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: justify;
	font-variant: normal;
	allign: left;
	valign: top;
	width: 100%;
}

.TD-content_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	font-variant: normal;
	text-align: left;
	width: 50%;
	vertical-align: top;
}

.TXT-content_headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: normal;
	text-align: justify;
	font-variant: small-caps;
  }
  
.TXT-content_normal {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
  text-align: justify;
  font-variant: normal;
  }

.TXT-aktuell_normal {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #000000;
  font-weight: normal;
  text-align: center;
  font-variant: normal;
  }  
  
.TXT-content_normal_rot {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #660000;
  font-weight: normal;
  text-align: justify;
  font-variant: normal;
  }
  
.TXT-aktuell_normal_rot {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #660000;
  font-weight: normal;
  text-align: justify;
  font-variant: normal;
  }
  
.TABLE-content_bild_quer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #666666;
  valign: top;
  text-align: center;
  valign: top;
  width: 226px;
}  

.TD-content_bild_quer {
  background-image: url(images/site/img_fond_pics_quer_kl.jpg);
  valign: top;
  text-align: left;
  valign: top;
  width: 226px;
  height: 161px;
} 

.TD-content_bild_klkl_quer {
  background-image: url(images/site/img_fond_pics_quer_klkl.jpg);
  valign: top;
  text-align: left;
  valign: top;
  width: 113px;
  height: 81px;
} 

.TD-content_bild_klkl_hoch {
  background-image: url(images/site/img_fond_pics_hoch_klkl.jpg);
  valign: top;
  text-align: center;
  valign: top;
  width: 113px;
  height:113px;
} 

.TD-footert {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #666666;
  allign: center;
  valign: top;
}

A.footer {
  color: #666666;
  text-decoration: none;
}

A.footer:hover {
  color: #660000;
  text-decoration: underline;
}

/*  Menuecontainer Start */ 

div.menue a {
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	background-color:inherit;
}

div.menue a:hover {
	font-weight:bold;
	color:#660000;
}
li.folder a:hover {
	color:#660000;
}

ul.menu {
	padding: 0;
	left: 50px;
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-color:#660000;
	text-decoration:none;
}

ul.menu ul  {
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	top:0px;
	left:127px;
}

ul.menu li:hover, ul.menu li.hoverOn {
	position:relative;
}

ul.menu li:hover > ul {
	display:block;
}

/* ### MENU DESIGN ### */
ul.float {
	margin:0 0px 0px 0;
	float:left;
}

ul.menu {
	border-top:0px solid #FFF;
	border-right:0px solid #FFF;
	border-left:0px solid #FFF;
}

ul.menu li, ul.menu li.hoverOff {
	padding:0.3em;
	width:8.5em;
	list-style:none;
	border-bottom:0px solid #FFF;
	background: url("images/site/img_fond_menue_1.jpg") repeat;
}

ul.menu li:hover, ul.menu li.hoverOn {
	background: url("images/site/img_fond_menue_over1.jpg") repeat;
	color: #660000;
}

ul.menu li a {
	color: #000000;
	text-decoration: none;
}

/*  Menuecontainer Ende */