/*------------------------------------
* Style Sheet for Hamma GmbH & Co KG *

version: 0.1
date   : 08/2007
author : Patrick Tietz for puremedia
email  : info@puremedia-online.de
website: http://www.puremedia-online.de
--------------------------------------
updated: --/----
from   :
------------------------------------*/

			/* GENERAL CONFIGURATION */
			
* {
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%;
}

body {
	position:relative;
	height: 100%;
	color: #FFF2D8;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: #fff;
}

img#body-bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: -2;
} 

.clear {
	clear:both;
}


/* allgemeine Elemente */
h1,h2 {
	font-size:20px;
	margin:0px 0px 10px 0px;
	padding-top:10px;
}

#content p {
	margin-bottom:7px;
}

ul {
	list-style-position: inside;
	list-style-type:disc;}

a:link, a:visited {
	color:#C9A367;
	text-decoration:none;
}
a:hover, a:active {
	color:#C9A367;
	text-decoration:underline;
}

/* eigene Klassen für den RTE */
.rot {
	color: #b1201d;}




/* ID CONFIGURATION */
#wrap {
	width: 960px;
	margin:0 auto;
	position:relative;
	z-index:1;
}

#head {
	width:960px;
	height:147px;
	background:url(../img/bg_head.png);
}

#servicemenu {
	float:right;
	margin-top:-10px;
	position:relative;
	color:#000;
}

#servicemenu a {
	color:#000;
}

a#facebook {
	display:block;
	position:relative;
	z-index:1;
	margin:-35px 0 0 20px;
	width:70px;
	height:70px;
	background:url(../img/facebook.png);
}

a:hover#facebook {
	background:url(../img/facebook.png) bottom;
}

#top_container {
	width:211px;
	margin:0 auto;
	padding-top:40px;
}

#main {
	width:960px;
	background:url(../img/bg-main.jpg) repeat-y;
}

#bottom {
	background:url(../img/bg_bottom.png);
	height:8px;
	width:960px;
	margin-bottom:10px;
}

#left-bar {
	height:100px;
	float:left;
	width:200px;
}

#right-bar {
	height:100px;
	float:right;
	width:200px;
}

#content {
	width:540px;
	float:left;
	min-height:800px;
	padding:60px 20px 20px 0;
}

#nav-left {
	width:190px;
	background:url(../img/menu.png) no-repeat top;
	margin:110px 0 0 20px;
	padding:0 0 10px 0;
}

#nav-left-bottom {
	width:185px;
	height:24px;
	background:url(../img/menu_bottom.png);
	margin:0 0 0 20px;
}

#servicenavi {
	color: #fff;
	position: absolute;
	top: 15px;
	right: 15px;
	z-index:400;
}
#servicenavi a{
	color: #fff; text-decoration:none;}
#servicenavi a:hover{
	text-decoration:underline;}

#body-container {
	position: absolute;
	top: 0px;
	width: 960px;
	height: 610px;
}

#content { 				/* CONTENT Main Container */
}

#content ul {
	list-style-position: outside;
	margin-left:15px;
}

/****---------------------- LINKE Spalte */


/****---------------------- Menu erste Ebene, LINKS */

#nav-left ul.menu-level1,
#nav-left ul.menu-level2,
#nav-left ul.menu-level3 {
	list-style:none;
	position:relative;
	padding-top:20px;
	padding-left:12px;
}

#nav-left ul.menu-level2,
#nav-left ul.menu-level3 {
	padding:0 0 0 10px;
	margin:0 0 10px 2px;
	border-left:1px solid white;
}

#nav-left ul.menu-level2 {
	font-size:1.2em;
}

#nav-left ul.menu-level3 {
	padding:0 0 0 0;
	margin:0 0 10px 0;
	border-left:none;
	font-size:0.8em;
}

#nav-left ul li a {
	display:block;
	border:none;
	margin:7px 0;
	text-decoration: none;
}

#nav-left ul li.menu-level1-active,
#nav-left ul li.menu-level1-current-active {
	padding-left:10px;
}

#nav-left ul.menu-level2 li a {
	color: #FFF2D8;
}

#nav-left ul.menu-level2 li a:hover {
	color: #FFF2D8;
	text-decoration:underline;
}

#nav-left ul li.menu-level2-current-active,
#nav-left ul li.menu-level2-active {
	font-weight:bold;
	font-style:italic;
	color:#fff;
}

#nav-left ul.menu-level3 li a {
	font-weight:normal;
	font-style:italic;
	color: #FFF2D8;
	background:url(../img/menu-arrow.png) 2px 5px no-repeat;
	padding:0 0 0 10px;
}

#nav-left ul li.menu-level3-current-active a {
	font-weight:bold;
	font-style:italic;
}

#nav-left ul.menu-level3 li a:hover {
	color: #FFF2D8;
	text-decoration:underline;
}

#nav-left ul li.menu-level3-current-active {
	font-weight:bold;
	font-style:italic;
}

/****---------------------- Menu zweite Ebene, LINKE Spalte */
#submenu {
	display:none;
	color: #FFF2D8;
	padding: 5px 5px 10px 15px;
	font-weight:normal;
	min-height:100px;
}

#submenu li {
	padding:5px 0 0 15px;
}

#submenu a {
	color:#C9A367;
	text-decoration: none;
}

#submenu h3 {
	margin-left:5px;
}

#submenu h3 a:hover {
	text-decoration:none !important;
}

#submenu a:hover {
	text-decoration:underline;
	color:#fff;
}

#submenu .active a {
	color:#fff;
	text-decoration:underline;
}

/****---------------------- Menu RECHTS */
#navi-menu-right {
	text-align: right;
	position: absolute;
	top:530px;
	right:0px;
}

#navi-menu-right ul li{
	list-style-type: none;
	margin-bottom:19px;
	font-weight: bold;
}

#navi-menu-right ul li a{
	padding-right:28px;
	padding-bottom:1px;
	background:url(../IMAGES/navi-right-line.gif) left bottom no-repeat;
}
#navi-menu-right A:link,
#navi-menu-right A:visited,
#navi-menu-right A:active,
#navi-menu-right A:hover {
	COLOR: #B1201D;
	TEXT-DECORATION: none;
}

/****---------------------- News Latest im Menu RECHTS */
#new {
	margin-top:100px;
	width:150px;
	background:url(../img/news.png);
	padding:100px 20px 5px 15px;
}

#new-bottom {
	width:190px;
	height:30px;
	background:url(../img/news-bottom.png);
}

#news .news-latest-date a,
#angebote .news-latest-date a {
	color:#FFF2D8;
	font-size:10px;
}


#news-separator {
	height:30px;
	display:block;
}



hr {
	border:none;
	border-top:1px solid #FFF2D8;	
}

#left_content {
	float: left;
	width: 190px;
	padding: 0px 25px 5px 5px;
	border-right:1px solid #FFF2D8;
	margin-top:50px;
}

#right_content {
	float: right;
	width: 305px;
	padding: 0px 5px 5px 5px;
	margin-top:50px;
}

/* einspaltig, aber mit weissem Hintergrund */
#one_col_bg_top {
	height:34px;
	background:url(../IMAGES/1col_bg_top.gif) no-repeat right top;}
#one_col_bg_content_wrapper {
	background:url(../IMAGES/1col_bg_content.gif) repeat-y right top;
	padding:0px 15px 20px 35px;
	min-height:380px;}


/* CLASSES */
.navi {
	font-family: verdana;
	width: 170px;
}


.navi-right-submenu {
	background-color: #fff;
	margin: 0;
	padding: 0;
	width: 100%;
	color: #000;
	font-size: 12px;
	font-family: Arial;
}

.news_section img {
	position: absolute;
	right: 0;
}

.down {
	position: absolute;
	bottom: 105px;
}

.down_sub {
}
/*
   ////////////
   /// NEWS ///
   ////////////
*/ 


/* News LATEST */
/*
		 ///////////////
		/// SITEMAP ///
	   ///////////////
*/
.sitemap {
/*	list-style-type: none;	*/
	font-size: 1.2em;
}

.sm1 {
/*	list-style-type: none;	*/
	color: #B1201D;
	font-weight: bold;
}

.sm2 {
/*	list-style-type: none;	*/
	color: #B1201D;
	font-weight: normal;
	margin-left: 1em;
}
.usb {
	list-style-type: none;	
	color: #B1201D;
}

.sitemap A:link,
.sitemap A:visited,
.sitemap A:active {
	TEXT-DECORATION: none;
	COLOR: #B1201D;
}

.sitemap A:hover {
	TEXT-DECORATION: underline;
	COLOR: #B1201D;
}

/*------------------- Mailform */
.csc-mailform tr {height:25px;}

/*------------------- ml_maps */
.tx-mlmaps-pi1 img {border:none;}

.csc-textpic-imagewrap {
	float:right;
}

.csc-caption {
	font-size:0.8em;
	margin: 5px 10px 0px 10px;}
	
.imgtext-table {
	margin:4px 10px;}