/* Generally CSS
   --------------------------- */

body { 
	padding: 0; 
	margin: auto; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #eee; 
	color: #454545; 
}

a {	color: #D32035;	background: inherit;}
a:hover { color: #3E3E3E; background: inherit; }

img {
	border: 0;
}

td.textNorm {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
}

td.offerBox {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #3D3E3E;
}

/* Whole Page
   --------------------------- */
.template {
	margin: auto;
	width: 980px;
}

/* Header
   --------------------------- */
.header { 
	width: 980px;
	height: 60px;
	float: left;
	padding: 10px 0 10px 0px; 
	background: #ddd;
	border-bottom: 1px solid #bbb;
}

/* Logo
   --------------------------- */
.logo { 
	margin: 0;
	width: 200px;
	height: 53px;
	float: left;
	padding: 0 10px 0 0; 
	background: #ddd;
}

/* Text in Header
   --------------------------- */
.headtext { 
	float: left;
	margin: 33px 0 0 0; 
	background: #ddd;
	font-weight:bold;
}

/* Language
   --------------------------- */
.lang {
	float: right;
	margin: 50px 0 0 0;
}

/* Main-Navigation
   --------------------------- */
.menu { 
	width: 100%;
	float: left;
	margin: 7px 0 10px 0;
	background: #D32035 url(images/corner_l.gif) no-repeat left top;
	color: #FFF;
	border-bottom: 1px solid #850F1C;

}

	.menu ul {
		margin: 0; padding : 0; list-style : none;
	}
	.menu li {  
		padding: 7px 10px 5px 10px;
		color: #FFEADC;
		background: #D32035;
		float: left; 
	}
	.menu li.active a { 
		background: #3E3E3E url(images/bar.gif) no-repeat center top;
		color: #fff;
		font-weight: bold; 
		padding: 9px 10px 6px 10px;
	}
	.menu li a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
	}
	.menu li a:hover { 
		color: #3E3E3E; 
		background: inherit;
	} 
	.menu li.active a:hover { 
		background: #3E3E3E url(images/bar.gif) no-repeat center top;
		color: #D32035; 
	} 

.menu_spacer {
	width: 170px;
	float: left;
}


/* Left-Navigation
   --------------------------- */
.left { 
	float: left;
	margin: 0 10px 0 0;
	width: 180px;
	padding: 0 0 0 0; 
}

	.left ul { 
		margin: 0; padding : 0; list-style : none;
	}
	.left li { 
		margin: 0 0 0 0; 
		padding: 7px 0 7px 0px;
		color: #FFEADC;
		background: #D32035;
		float: left; 
		width: 180px;
		border-bottom: 1px dotted #850F1C;
	}

	.left li.active { 
		background: #3E3E3E;
		color: #fff;
		font-weight: bold; 
	}

	.left li.active a{ 
		background: #3E3E3E url(images/bar_l.gif) no-repeat center left;
		color: #fff;
		font-weight: bold; 
		padding: 7px 0 7px 15px;
	}
	
	.left li a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
		padding: 7px 0 7px 15px;
	} 
	
	.left li a:hover { 
		color: #3E3E3E; 
		background: inherit;
	} 

	.left li.active a:hover { 
		color: #D32035; 
		background: #3E3E3E url(images/bar_l.gif) no-repeat center left;
	}

	.left h3 {
		clear: both;
		background: #D32035 url(images/corner_l.gif) no-repeat left top;
		color: #FFF;
		padding: 5px 0 5px 5px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		margin: 0 0 0 0;

	}
	.left p {
		clear: both;
		background: #D32035;
		padding: 100% 0 0 0;
		margin: 0 0 0 0;
	}
hr {
	backgroundcolor: #D32035;
	text-align : left;
	height: 1px; 
	border : 2px dotted #850F1C;
}




/* News
   --------------------------- */
.news { 
	float: right;
	margin: 0 0 0 10px;
	width: 180px;
	padding: 0 0 0 0; 
	line-height: 1.2em;
	border-bottom: 1px solid #bbb;
}

	.news p {
		background: #ddd;
		margin: 0 0 0 0;
		padding: 5px 0 2px 5px;
	}

	.news h3 {
		background: #3E3E3E  url(images/corner_l.gif) no-repeat left top;
		color: #FFF;
		padding: 5px 0 5px 5px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		margin: 0 0 0 0;
	}

	.articles {
		background: #ddd;
		color: #414141;
		padding: 8px;	
		margin: 0 0 8px 0;
		border-bottom: 1px solid #bbb;
	}
		.articles_head {
			margin: 0px 0px 4px 0px;
		}
		.articles_img {
			float: left;
			margin: 0px 5px 0px 0px;
		}
		.articles_txt {
			float: right;
		}

/* News-Single
   --------------------------- */
.singleNews {
	float: left;
}

.newsImage{
	float: left;
	padding: 0 8px 0 0;
}

.newsBack {
	float: right;
	padding: 10px 0 0 0;
}




/* Content
   --------------------------- */
.content { 
	float: left;
	width: 580px;
	padding: 0 10px 10px 10px; 
	background: #eee;
}
	.content h3 {
		clear: both;
		background: #ddd url(images/corner_l.gif) no-repeat left top;
		color: #3E3E3E;
		padding: 5px 0 5px 5px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #bbb;
	}

/* Content Big
   --------------------------- */
.content_big { 
	float: left;
	width: 780px;
	padding: 0 0 10px 10px; 
	background: #eee;
}
	.content_big h3 {
		clear: both;
		background: #ddd url(images/corner_l.gif) no-repeat left top;
		color: #3E3E3E;
		padding: 5px 0 5px 5px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #bbb;
	}

/* Breadcrumb-Navigation
   --------------------------- */
.breadcrumb { 
	width: 100%;
	float: left;
	margin: 0px 0 5px 0;
	padding: 3px 0 3px 5px; 
	color: #808080;
	clear: both;
	font-weight: bold;
	background: #F0F0F0 url(images/corner_l.gif) no-repeat left top;
}

/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px dotted #ccc;
	line-height: 1.8em;
}

.footer a { color: #808080; background: #eee; }

/* small offerboxes
   ---------- */

.offerbox {
		float: left;
		margin: auto;
}

.offerbox h2 {
		color: #3D3E3E;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		background: url(images/offers/top.gif) no-repeat;
		padding: 8px 75px 13px 40px;
		margin: 0 0 0 0;
}
.offerbox ul { 
		margin: 0 0 0 0; 
		padding : 0 0 10px 0;
		list-style : none;
		color: #FFF;
}
 
.offerbox li {
		background: url(images/offers/li.gif) no-repeat;
		padding: 4px 0 0 40px;
}

.offerbox a{
		background: url(images/offers/bottom.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 12px 25px 30px 40px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		color: #FFF;
}

.offerbox a:hover {
		background: url(images/offers/bottom.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 12px 25px 30px 40px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		color: #D32035;
}


/* big offerbox
   ---------- */

.offer {
	float: left;
	margin: auto;
}

.offer h2 {
	background: url(images/offers/top_big.gif) no-repeat;
	padding: 8px 22px 13px 237px;
	margin: 0 0 0 0;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	color: #FFF;
}

.offer h2 ul { 
	margin: 0 0 0 0; 
	list-style : none;
	padding: 1px 0 9px 0;
}

.offer h2 li {
	float: left;
	padding: 0 22px 0 0;
}

.offertitle {
	float: left;
	background: url(images/offers/li_big.gif) no-repeat;
	padding: 0 430px 0 32px;
	margin: 0 0 0 0;
	color: #fff;
}

.offeritem {
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #fff;
}

.offeritem ul {
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	float: left;
	list-style : none;
}

.offeritem li {
	float: left;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
}


/* small loginboxes
   ---------- */

.loginbox {
		float: left;
		margin: auto;
}

.loginbox  h2 {
		color: #3D3E3E;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		background: url(images/offers/top.gif) no-repeat;
		padding: 8px 75px 13px 40px;
		margin: 0 0 0 0;
}
.loginbox  ul { 
		margin: 0 0 0 0; 
		padding : 0 0 10px 0;
		list-style : none;
		color: #FFF;
}
 
.loginbox  li {
		background: url(images/offers/li2.gif) no-repeat;
		padding: 4px 0 0 40px;
}

.loginbox  a{
		background: url(images/offers/bottom.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 12px 25px 30px 40px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		color: #FFF;
}

.loginbox  a:hover {
		background: url(images/offers/bottom.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 12px 25px 30px 40px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		color: #D32035;
}




















div.table { 
	display:table;
	border-collapse:collapse;
}
div.tr { 
	display:table-row;
}
div.td { 
	display:table-cell;
	border:thin solid red;
	padding:5px;
}







	




/* Forms
   ---------- */

.labelReq {
float: left;
	color: #3E3E3E;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	padding: 3px 10px 0 0;
}

.label {
float: left;
	color: #3E3E3E;
	font: 1em Tahoma, Arial, Sans-Serif;
	padding: 0 10px 0 0;
}

.field {
	padding: 0 0 0 120px;
	margin: 0 0 5px 0;
}

/*  top, right, bottom, left */