/*******************************************************************************
********************************************************************************

	Project		: Folienwerk
	Company		: Fit Fuer Den Markt
	CSS 		: Danish Adeel
	Start date	: 20-10-09

********************************************************************************
*******************************************************************************/

*, .nogaps { 
	padding: 0;
	margin: 0;
	border: 0;
	outline:none;
}
html, body { 
	min-height: 100%;
	padding-bottom: 1px;
}
body,input,textarea {
	font-family:arial;
}
body  {
	color: #404547;
	font-size:65%;
	background:#f5f7e7 url(bg.gif) repeat-x;
}
a,
a:link,
a:visited {
	color:#8f9a30;
	text-decoration:none;
}
a:hover,
a:active,
a:focus {
	text-decoration:underline;
}
ul, ol { 
	list-style-position: outside;
	font-size:1.2em;
}
h1, h2, h3, h4 { /*-- Setting bottom margin globly will be good to get similer gaps between elements --*/
	margin-bottom:15px;
}
h1 {
	font: normal normal 1.8em Arial;
	color:#336600;
}
h2 {
	font: normal bold 1.2em Verdana, Geneva, sans-serif;
	color:#336600;
}
h3 {
	font: normal bold 1.2em Verdana, Geneva, sans-serif;
	color:#47483e;
}
p, ul, ol, dl{
	font-size:1.2em;
	margin-bottom:25px;
}
#cnt p,
#cnt ul,
#cnt ol,
#lft_clm p,
#lft_clm ul,
#lft_clm ol,
#rgt_clm p,
#rgt_clm ul,
#rgt_clm ol {
	line-height:16px;
}
div.blank {
	clear:both;
}
#controller {
	width:970px;
	position:relative;
	margin:0 auto;
	background:url(bg_rgt_clm.gif) repeat-y right;
}
dt{
	width:72px;
	float:left;
	clear:left;
}
dd{
	float:left;
	font-weight:bold;
	width:400px;
}

/* Header */

#hdr { /*-- Header is nested to #controller and header’s top left position dependent to #controller --*/
	position:absolute;
	left:0;
	top:0;
	width:958px;
	z-index:1000;
	padding:7px 6px 0;
	background:url(bg_head.gif) repeat-x;
}
#hdr_inr {
	width:958px;
	height:139px;
	background:#009864;
	margin:7px 0 0;
}
#hdr span{
	font-size:1.2em;
	font-weight:bold;
}
#hdr a:link,
#hdr a:visited{
	font-size:1.2em;
	font-weight:bold;
	color:#404547;
}
#link{
	position:absolute;
	top:7px;
	right:6px;
}
.green{
	color:#699a58;
}
.black,
a.black:link,
a.black:visited{
	color:#404547;
}
#logo {
	position:relative;
	float:left;
	top:15px;
	left:27px;
}
#slogan {
	position:relative;
	float:right;
	top:22px;
	right:32px;
}
#main {
	/*-- Top margin will be same as #hdr height + if any gap between header and #main --*/
	margin:200px 0 0 0;
	padding:0 25px 10px;
	float:left;
	z-index:500;
	width:567px;
}
#bc {
	float:left;
	padding:6px 0;
	background:#FFC;
	width:100%;
}
#bc ul {
	float:left;
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
}
#bc ul li {
	list-style:none;
	position: relative;
	line-height:16px;
	display: inline;
	padding:0 0 0 20px;
	background:url(bread_arrow.gif) 6px 1px no-repeat;
}
#bc ul li.first {
	padding:0;
	background:none;
}

/* Right Side */

#rgt_clm {
	float:left;
	width:310px;
	z-index:400;
	margin:200px 0 0 0;
	padding:15px 20px;
}

#rgt_clm ul {
	list-style:none;
	padding:0 0 0 6px;
}
#rgt_clm ul li {
	list-style:none;
	margin:0;
	padding:4px 2px 4px 20px;
	background:url(bullet2.gif) left center no-repeat;
	font-weight:bold;
	color:#818d2f;
}
#rgt_clm img {
	margin:0 0 25px;
}
/* Navi */

#nav {
	float:left;
	width:958px;
	background:#eeecea;
	list-style:none;
	position:relative;
	margin:0;
	background:url(bg_nav.gif);
}
#nav li {
	float:left;
	list-style:none;
}
#nav li a:link,
#nav li a:visited,
#nav li span {
	color:#fff;
	padding:8px 15px 0;
	height:22px;
	font:normal bold 1em Verdana, Geneva, sans-serif;
	display:block;
	float:left;
	background:url(bg_nav.gif);
}
.orange #nav {
	background:url(bg_nav2.gif);
}
.orange #nav li a:link,
.orange #nav li a:visited,
.orange #nav li span {
	background:url(bg_nav2.gif);
}
#nav li a:active,
#nav li a:hover,
#nav li a:focus,
#nav li.active a:link,
#nav li.active a:visited,
#nav li span,
.orange #nav li a:hover,
.orange #nav li.active a:link,
.orange #nav li.active a:visited,
.orange #nav li span {
	background:url(bg_nav_ovr.gif);
	text-decoration:none;
}
#nav ul{
	width:958px;
	background:#eeecea;
	position:absolute;
	top:30px;
	left:0;
	background:#e4e7cd;
	margin:0 -6px;
	padding:0 6px;
	font-size:1em;
	display:none;
}
#nav li.active li a:link,
#nav li.active li a:visited,
#nav li.active li span{
	padding:8px 15px 0;
	height:22px;
	font:normal normal 0.9em Verdana, Geneva, sans-serif;
	background:none;
	display:block;
	float:left;
	color:#404547;
}
#nav li.active li a:active,
#nav li.active li a:hover,
#nav li.active li a:focus,
#nav li.active li.active a:link,
#nav li.active li.active a:visited,
#nav li.active li span {
	text-decoration:none;
	background:url(bg_nav_ovr.gif) repeat-x;
	color:#fff;
}

/* Content */

#cnt {
	/*-- Left margin will be same as #lft_clm total width + gap between #lft_clm and #cnt --*/
	padding:20px 0;
	float:left;
	width:100%; /*------*/
}
#rgt_clm img,
#cnt img{
	padding:5px;
	background:#e4e7d0;
}
#cnt ul {
	list-style:none;
	padding:0 0 0 15px;
	display:list-item;
	overflow:hidden;
}
* html #cnt ul {
	zoom:1;
}
#cnt ul li {
	list-style:none;
	margin:0;
	padding:4px 2px 4px 20px;
	background:url(bullet.gif) 0 8px no-repeat;
	font-weight:bold;
}
#cnt ol {
	margin-left:20px;
	padding:0;
}
*html #cnt ol {
	margin-left:26px;
}
#cnt ol li {
	padding:0px 2px 4px 0px;
}
/* /Content */

/* Footer */
#ftr {
	background:#d7dbbf;
	margin:0 auto;
	width:970px;
	clear:both;
	text-align:center;
	font: normal bold 1.1em Verdana, Geneva, sans-serif;
	padding:5px 0;
}
#ftr ul{
	margin-bottom:10px;
	margin-top:10px;
}
#ftr ul li {
	list-style-type:none;
	
}
#ftr ul li a:link,
#ftr ul li a:visited,
#ftr ul li span{
	font-size:0.9em;
	color:#8F9A30;
}
#ftr ul li a:link,{
	text-decoration:underline;
}
/* /Footer */

/*-- Redaxo Elements --*/

div.cnt-blck {
	clear:both;
}
div.image p {
	font-size:1em;
	float:none;
}
.fl-left { 
	float: left;
	margin: 5px 11px 0 0;
}
.fl-right {
	float: right;
	margin: 3px 0 0 20px;
}
.txt-algn-left {
	text-align:left;
}
.txt-algn-rght {
	text-align:right;
}
.txt-algn-cntr,
.fl-center {
	text-align:center;
}
.clearer,
.clr { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}
.no_clear{
	clear:none;
}
.hidden,
.hdn {
	display:none;
}
*:lang(de) {
	quotes:"";
}

/* ---- two column module ---- */

#cnt .two_col {
	float:left;
	width:100%;
}
#cnt .two_col .col_1 {
	float:left;
	width:49%;
}
#cnt .two_col .col_2 {
	float:left;
	width:49%;
	margin-left:2%;
}
/* ---- /two column module ---- */


/*- Form Danish -*/

form { /* defining the width of form will adjust the labels's and input's width automatically */
	margin:0 auto;
	width:557px;
}
form input.text,
form textarea,
form select{
	border: solid 1px #ddd;
	background:url(bg-input.gif) bottom repeat-x;
	padding:5px 2px 5px 5px;
	float:left;
	margin:10px 0 0;
	color:#1d406a;
	font-size:1em;
	font-family:verdana;
	width:550px;
}
form select{
	width:557px;/* Width of the select box should be some pixel or percent greater than the width of input */
	background:#fff;
}

form.lrg_frm {
	width:760px;
}
form.lrg_frm input.text,
form.lrg_frm textarea{
	width:750px;
}
form textarea {
	height:120px;
}
form label.text,
form label.textarea,
form label.select/*,
form p.radio span,
form p.checkbox span*/{
	width:100%;
	display:block;
	float:left;
	margin-top:13px;
	font-size: 1em;
	padding:0 7px 0 5px;
	color:#1d406a;
}
form p.err input.text,
form p.err textarea,
form p.err label.text,
form p.err select {
	color:#f00;
	border:1px solid #f00;
}
form p.err label.text {
	border:0;
}
form p {	
	clear:both;
	line-height:normal;
	float:left;
	margin:0;
	width:100%;
}
form p.fsbmt input {
	margin:10px auto; /* the left margin is equal to the padding-right of label */
	background:none;
	cursor:pointer;
	float:none;
	display:block;
}
form p.captcha img{
	margin:0 0 0 7px; /* the left margin is equal to the padding-right of label */
	padding:0 0 0 22%; /* the left padding is equal to the width of input/select */
}
form p label.radio {
	margin:10px 5px 0 0;
	float:left;
}
form p label.checkbox {
	margin:10px 0 0 0;
	float:left;
}
form p.radio input,
form p.checkbox input {
	background:none;
	margin:10px 5px 0 0;
	float:left;
	padding:1px;
}
form p.checkbox input{
	margin-top:7px;
}
html>/**/body form p.radio input{
	margin:12px 5px 2px 0;
}
html>/**/body form p.checkbox input{
	margin-top:11px;
	padding:1px;
}
/*----/form----*/


.submenu #rgt_clm,
.submenu #main{
	margin-top:230px;
}
.submenu #nav ul{
	display:block;
}

table{
	font-size:1.2em;
	border-collapse:collapse;
	margin-bottom:25px;
}
table th{
	background:#009864;
	color:#fff;
	font-weight:bold;
	text-align:left;
}
table th,
table td{
	padding:5px 10px;
	border:1px solid #8f927d;
}
table tr.even{
	background:#d7dbbf;
}
table tr.odd{
	background:#fff;
}
 #controller.gradiant{
	background:url(grdnt_yelo.gif) repeat-x 0 198px;
}
.bg2{
	background:url(bg_old.jpg) top center no-repeat fixed;
}
.bg2 #controller{
	background:url(bg_opaque.png);
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*-- Orange Version --*/

.orange #hdr_inr {
	background:#f6723f;
}
.orange h1{
	color:#f6723f;
}
.orange h2{
	color:#f6723f;
}
.orange a, 
.orange a:link, 
.orange a:visited {
	color:#f6723f;
	text-decoration:none;
}
.orange a:hover {
	text-decoration:underline;
}
.orange #ftr{
	background:#fac9b6;
}
.orange #ftr ul li a, 
.orange #ftr ul li a:link, 
.orange #ftr ul li a:visited, 
.orange #ftr ul li span {
	color:#666;
}
.orange #cnt ul li {
	background:url(bullet_orng.gif) 0 8px no-repeat;
}