@charset "utf-8";
/* CSS Document */

body {
	background-color:#9a1428;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif
}

#menu .menuElement {
	width:95px;
	height:95px;
	background-color:#911328;
	background:url(images/menuElemBorder.gif);
	float:left;
	color:#FFFFFF;
	font-size:11px;
}

#menu a {
	color:#fff;
	text-decoration:none
}
.menuElement a span {
	position:absolute;
	bottom: 7px;
	right: 5px
}
.menuElement a {
	position:relative;
	display:block;
	height:90px;
	width:90px
}

/* Ocker */
#leistungen:hover,
#leistungen a:hover,
#leistungen.active,
div.ocker {
	background-color:#ab7701;
}

/* Blutrot */
#leistungen:hover,
#leistungen a:hover,
#leistungen.active,
div.blutrot {
	background-color:#452214;
}

/* Graulila */
#philosophie:hover,
#philosophie a:hover,
#philosophie.active,
div.graulila {
	background-color:#674c5d;
}

/* Dunkelrot */
#unternehmen:hover,
#unternehmen a:hover,
#unternehmen.active,
div.dunkelrot {
	background-color:#6a0e0f;
}

/* Beige */ 
#produkte:hover,
#produkte a:hover,
#produkte.active,
div.beige {
	background-color:#aa805a;
}

/* Schwarzblau */
#kontakt:hover,
#kontakt a:hover,
#kontakt.active,
div.schwarzblau {
	background-color:#404e51;
}

/* Dunkelbraun */
div.dunkelbraun {
	background-color:#452214;
}

/* Hellrot */
div.hellrot {
	background-color:#c24e39;
}

#logo {
	padding-bottom:25px
}
#wrapper {
	width:1006px;
	margin:80px auto 35px auto;
	position:relative
}
#leftColumn {
	width:285px;
	float:left
}
#rightColumn {
	float:left;
	width:696px;
	border:5px solid #fff;
	margin-left: 10px
}
.singleElement {
	width:164px;
	border:5px solid #fff;
	float:left;
	height:384px
}
.doubleElement {
	width:338px;
	border:5px solid #fff;
	float:left;
	height:384px
}
#secondRow {
	width:1006px
}
#footermenu {
	width:285px;
	position:absolute;
	bottom:6px;
	left:230px;
	color:#c24e39;
	font-size:10px
}
#footermenu a{
	color:#c24e39;
	text-decoration:none
}
#content {
	width:482px;
	border:10px solid #fff;
	border-top:0px;
	background-color:#e3e4e5;
	float:left;
	padding:15px;
	font-size:13px;
	color:#646567;
	line-height:1.4em
}
#content h1 {
	font-size:16px;
	margin:0;
	padding:0;
	letter-spacing:4px;
	color:#425459
}
#content a {
	border-bottom:1px dotted #425459;
	color:#646567;
	text-decoration:none
}
#content a:hover {
	background-color:#c3c4c5;
	
}
#news {
	float:left;
	width:174px
}
#news #newsHeader {
	background-color:#452214;
	width:144px;
	padding: 5px 15px;
	color:#FFFFFF;
	letter-spacing:20px;
	font-size:22px
}
#news #newsContent {
	padding: 5px 5px 0px 15px;
	color:#FFFFFF;
	font-size:11px
}
#news #newsContent a{
	color:#fff
}
#news #newsContent a:hover{
	background-color:#c24e39;
	color:#fff;
	text-decoration:none
}
div#submenu {
	height:280px;
	width:323px;
	padding: 95px 0 0 15px
}
#spacer {
	width:295px;
	height:50px;
	float:left
}
div#submenu a {
	color:#fff;
	font-size:12px;
	display:block;
	letter-spacing:1px;
	padding-bottom:5px;
	text-decoration:none
}
div#submenu a:hover,
div#submenu a#subActive {
	color:#452214;
	font-weight:bold
}
#content h1#welcomeHeadline {
	color:#9a1428
}

#newsPopup {
	margin:0;
	padding:10px;
	background-color:#fff
}
#newsPopup #newsHeader {
	background-color:#452214;
	padding: 5px 15px;
	color:#FFFFFF;
	letter-spacing:20px;
	font-size:22px
}
#newsPopup #newsContent {
	padding: 15px;
	font-size:13px;
	color:#646567;
	background-color:#e3e4e5;
}
#newsPopup #newsContent h1 {
	font-size:16px;
	margin:0;
	padding:0;
	letter-spacing:4px;
	color:#425459
}
#newsPopup #newsContent a {
	border-bottom:1px dotted #425459;
	color:#646567;
	text-decoration:none
}
#newsPopup #newsContent a:hover {

}
#newsPopup #newsContent div.images{
	margin:0 0 0 -10px;
	padding:0 0 20px 0
}
#newsPopup #newsContent a.image{
	border: 0px solid #000;
}
#newsPopup #newsContent a.image img,
#newsPopup #newsContent img.image{
	border: 2px solid #FFFFFF;
	margin: 0 0 10px 10px
}
#newsPopup #newsContent a.image:hover img{
	border: 2px solid #646567
}