/*------------------------------------
* 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;
	margin: 0px auto;
	padding: 0px;
	height: 100%;
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: #fff;
	width: 960px;
	background-image:url(/fileadmin/templates/IMAGES/EXPANDER.GIF);
  background-repeat:repeat-y;
  background-position:50% 50%;
	background-attachment:fixed; /* Firefox braucht die Angabe */
}



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

p {
	margin-bottom:7px;}

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

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

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


/* ID CONFIGURATION */
#wrap-container {
	width: 960px;
	position: relative;
	min-height: 100%;
	background: url(/fileadmin/templates/IMAGES/EXPANDER.GIF) repeat-y;
}

#top_container {
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 167px;
	z-index: 300;
}

#logo {
	position: relative;
	top: 15px;
}

#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 */
	width: 60%;
	float: left;
	text-align: left;
	margin: 120 40 30 40;
	position: absolute;
	top: 200px;
	left: 190px;
	padding-bottom:25px;
	font-size:14px;
}

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

#navi-left { 			/* NAVI-LEFT Main Container */	
	color: #fff;
	z-index: 300;
	width: 172px;
	height: 615px;
	background: url(/fileadmin/templates/IMAGES/navi-left-bg.gif) left 338px no-repeat;
	position: absolute;
	top:0px;
	left:0px;
}

#navi-right { 			/* NAVI-RIGHT Main Container */
	color: #b1201d;
	z-index: 300;
	width: 171px;
	height: 615px;
	background: url(/fileadmin/templates/IMAGES/navi-right-bg.gif) right 450px no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}

#navi-right_side-img {
	background: url(/fileadmin/templates/IMAGES/navi_left_side_red.png) repeat-y;
	float: left;
	width: 10px;
}

/****---------------------- LINKE Spalte */
#navi-left-hat {
	height: 380px;
	font-size: 11px;
}

#navi-left-hat h3 {
	color: #b1201d;
	font-size: 1em;
	text-align: left;
	margin-bottom:5px;
}
#navi-left-hat h3 a, #navi-left-hat h3 a:hover {
	color: #B1201D;
}

#navi-left-hat ul {
	margin-left: 13px;
	list-style-position: outside;
}

#navi-left-hat ul li {
	margin-bottom:1px;
}


#menu-left-top_bow {
	background: url(/fileadmin/templates/IMAGES/submenu-bottom.gif) left bottom no-repeat;
	width: 172px;
	height: 32px;
}


/****---------------------- Menu erste Ebene, LINKS */
#navi-menu-left {
	position: absolute;
	top:345px;
	width: 172px;
	padding-top:40px;
}

#navi-menu-left-top{
	height: 26px;
}

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

#navi-menu-left ul li a{
	padding-left:28px;
	padding-bottom:1px;
	background:url(/fileadmin/templates/IMAGES/navi-left-line.gif) right bottom no-repeat;
}

#navi-menu-left li.active a {
	color: #f9b700;
}

#navi-menu-left A:link,
#navi-menu-left A:visited,
#navi-menu-left A:active,
#navi-menu-left A:hover {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
}
#navi-menu-left A:hover { color:#DDAC25;}


/****---------------------- Menu zweite Ebene, LINKE Spalte */
#submenu {
	color: #000;
	background-color: #fff;
	background: url(/fileadmin/templates/IMAGES/submenu-bg.gif) top left repeat-y;
	z-index: 0;
	padding: 5px 5px 10px 8px;
	font-weight:normal;
}

#submenu-top {
	background: url(/fileadmin/templates/IMAGES/submenu-top.gif) top left no-repeat;
	height: 25px;
	width: 173px;
}
#submenu a {
	color: #000;
	text-decoration: none;
}
#submenu a:hover {
	text-decoration:underline;
	color:#E31C12;}
#submenu .active a {
	color:#E31C12;
}

/****---------------------- RECHTE Spalte */
#navi-right-hat {
	height: 468px;
}

#menu-right-top_bow {
	background: url(/fileadmin/templates/IMAGES/navi-right-top_bow.gif) right bottom no-repeat;
	width: 171px;
	height: 22px;
}

/****---------------------- 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(/fileadmin/templates/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 */
#news_separator {
	background:#fff url(/fileadmin/templates/IMAGES/bow_right_middle.gif);
	height: 32px;
	width: 171px;
}

#aktuelles {
	background: transparent url(/fileadmin/templates/IMAGES/aktuelles.gif) top left no-repeat;
	height: 54px;
	width: 171px;
}

.news_datetime {
	color: #b1201d;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
}

.news_header {
	color: #000;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding-bottom:1px;
	margin-right:-5px;
	margin-bottom:8px;
	background:url(/fileadmin/templates/IMAGES/news-line.gif) left bottom no-repeat;
}


.news_section {
	font-family:arial;
	color: #000;
	background-color: #fff;
	background: url(/fileadmin/templates/IMAGES/news-section-bg.gif) top left repeat-y;
	z-index: 0;
	padding: 5px;
	padding-left: 13px;
	letter-spacing:0.03em;
}




#left_content {
	float: left;
	width: 215px;
	padding: 0px 25px 5px 5px;
	border-right:1px solid #b1201d;
	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(/fileadmin/templates/IMAGES/1col_bg_top.gif) no-repeat right top;}
#one_col_bg_content_wrapper {
	background:url(/fileadmin/templates/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 {
	position: absolute;
	bottom: 235px;
}
/* ////////////
	 /// NEWS ///
	 ////////////
*/


/* News LATEST */
.news-latest-container	a {
	COLOR: #000000;
	TEXT-DECORATION: none;
}

.news_latest-date {
	color: #b1201d;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
}
.news-latest-morelink a{
	color:#b1201d; }
.news-latest-morelink a:hover{
	text-decoration:underline;; }

.news-latest-container p.bodytext {margin-bottom:0px; display:inline;}
hr,
.clearer {
	height: 1px;
	border:none;
	border-bottom: 1px solid #b1201d;
	margin:15px 0px;
	clear: both;
}

.news-latest-gotoarchive a:hover {
	color: #E31C12;
}

/* News SINGLE */
.news-single-timedata {
	float:right;
	font-size:11px;}

/* News LIST */
.news-list-date {
	float:right;
	font-size:11px;}

.news_header a:hover{
	color:#e41d13;
}

.news-list-container h3, .news-single-item h3 {
	margin-bottom:5px;}
	
.news-single-img, .news-list-item img {
	margin: 0px 10px 10px 0px;
	float:left;}

/*
		 ///////////////
		/// 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-caption {
	font-size:0.8em;
	margin: 5px 10px 0px 10px;}
	
.imgtext-table {
	margin:4px 10px;}