/*******************************************************************************
********************************************************************************
	Project		: Meinefragean
	Company		: Fit Fuer Den Markt
	CSS 		: Danish Adeel
	Date		: 13-03-2009
********************************************************************************
*******************************************************************************/

/*-- General Items --*/

* {
	padding: 0;
	margin: 0;
	border: 0;
	outline:0;
	text-decoration:none;
}
html, body {
	min-height: 100%;
	padding-bottom: 1px;
}
body{
	font-family:Verdana;
	font-size:62.5%;
	background: url(bg.gif) repeat-x;
}
* html body{
	background: url(bg-ie.gif) repeat-x;
}
input,
textarea {
	font-family:Verdana;
	color:#666;
}
h1,
p.hl1{
	font:normal bold 1.9em Verdana;
	margin: 15px 0;
	color:#d0011b;
}
h2,
p.hl2{
	font:normal normal 1.4em Verdana;
	color:#666;
	padding: 10px 0;
}
h3,
p.hl3{
	font:normal bold 1.2em Verdana;
	color:#000;
	padding: 10px 0;
}
h4,
p.hl4{
	font:normal bold 1.2em Verdana;
	color:#000;
	padding: 5px 0;
}
p {
	margin:15px 0;
	font: normal normal 1.4em Verdana;
	line-height:20px;
}
ol {
	margin:10px 0 10px 23px;
	list-style-position:outside;
}
html>/**/body ol {
	margin:10px 0 10px 20px;
}
ol li {
	list-style-type:decimal;
	background-image:none;
	padding:5px 0;
	color:#666;
	font-size:1.2em;
}
a:link,
a:visited{
	color:#666;
}
a:active,
a:hover,
a:focus{
	text-decoration:underline;
}

/*-- Structure --*/

#cntnr{
	
}
#main {
	width:973px;
	margin:0 auto;
	position:relative;
	background:url(shade.png) repeat-y;
	overflow:hidden;
}
* html #main {
	background:url(shade.gif) repeat-y;
}
#logo{
	margin:40px 0 0 10px;
	float:left;
}
#hdr{
	width: 973px;
	height: 218px;
	background: url(head.jpg) no-repeat;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
}
* html #hdr{
	background: url(head-ie.jpg) no-repeat;
	clear:both;
}

/*-- Top Links --*/

#topnav {
	list-style:none;
	padding:10px 20px 0 0;
	float: right;
}
#topnav li{
	list-style:none;
	float:left;
	padding:0 5px;
	border-right:1px solid #000;
}
#topnav li a:link,
#topnav li a:visited,
#topnav li span{
	font-size:1.1em;
	color:#000;
	display:block;
	padding:0 5px;
	height:13px;
	float:left;
}
#topnav li a:active,
#topnav li a:hover,
#topnav li a:focus,
#topnav li span{
	text-decoration:underline;
}
#topnav .last{
	border:none;
}

/*-- Content Items --*/

#cnt{
	width:637px;
	float:right;
	padding:10px 20px 0;
	position:relative;
	background:#fff;
	margin:236px 26px 0 0; /*-- The margin top should be the sum of #hdr and #nav heights --*/
	min-height:300px;
}
* html #cnt{
	height:300px;
	margin-right:13px;
	clear:right;
}
#cnt.shrt{
	width:527px;
	padding:10px 75px 0;
}
#cnt a:link,
#cnt a:visited {
	color:#0282d4;
	text-decoration:underline;
}
#cnt a:active,
#cnt a:hover,
#cnt a:focus {
	color:#000;
}
#cnt ul{
	padding:10px 0;
	list-style:none;
	color:#666;
}
#cnt ul li{
	padding:5px 5px 5px 20px;
	font-size:1.2em;
	background:url(bullet2.gif) 0px 10px no-repeat;
	width:auto;
}
#cnt ul li a:link,
#cnt ul li a:visited{
	font-size:1em;
}

/*-- Navigation --*/

#nav {
	background:url(bg-navi.gif);
	list-style:none;
	position:absolute;
	top:262px;
	left:0;
}
#nav li {
	float:left;
}
#nav li.last {
}
#nav li a:link,
#nav li a:visited,
#nav li span{
	color:#fff;
	display:block;
	font:normal bold 1.1em Verdana;
	height:25px;
	background:url(bg-nav.gif) top;
	padding:10px 14px 0 14px;
	float:left;
}
#nav li a:active,
#nav li a:hover,
#nav li a:focus,
#nav li span,
#nav li.active a:link,
#nav li.active a:visited{
	background:url(bg-navi.gif) bottom;
	color:#000;
}

/*-- Bread Crumb --*/

#cnt #bc {
	list-style:none;
	padding:10px 0;
	display:inline-block;
}
#cnt #bc li {
	background:none;
	padding:0 0 5px;
	display:inline;
	line-height:20px;
}
#bc li a:link,
#bc li a:visited,
#bc li span{
	color:#248ca9;
	font:normal normal 1.1em Verdana;
	padding:0 14px;
}
#bc li a:active,
#bc li a:hover,
#bc li a:focus,
#bc li span,
#bc li.active a:link,
#bc li.active a:visited{
	color:#000;
}
#bc li span.sep{
	padding:0px;
	margin:0;
	background:url(bullet2.gif) no-repeat 0 1px;
	width:8px;
	display:inline-block;
	height:8px;
	font-size:.01em;
}
#bc li.strt a:link,
#bc li.strt a:visited {
	background:none;
	padding:0 15px 0 0;
}


/*-- Right Column --*/

#side_colm{
	width:213px;
	padding:10px 10px 0 20px;
	background:url(sep.gif) repeat-y -2px 0;
	float:left;
	position:absolute;
	top:220px;
	left:26px;
}
#side_colm ul{
	list-style:none;
}
.inactive ul ul,
.inactive ul li.active ul ul{
	display:none;
}
.inactive ul li.active ul,
.inactive ul li.active ul li.active ul{
	display:block;
}
#side_colm li {
	background:url(shade.gif) no-repeat;
	display:block;
	font-size:1em;
}
#side_colm li.strt {
	background:none;
}
#side_colm li a:link,
#side_colm li a:visited,
#side_colm li span{
	color:#fff;
	display:block;
	font:normal normal 1.2em Verdana;
	background:#2991ae url(bg-navi2.gif) top repeat-x;
	padding:10px;
	width:180px;
}
#side_colm li a:active,
#side_colm li a:hover,
#side_colm li a:focus,
#side_colm li span,
#side_colm li.active a:link,
#side_colm li.active a:visited{
	text-decoration:none;
	color:#000;
}
#side_colm ul ul li a:link,
#side_colm ul ul li a:visited,
#side_colm ul ul li span,
#side_colm li.active ul li a:link,
#side_colm li.active ul li a:visited,
#side_colm li.active ul li span{
	color:#fff;
	background:#52afc8 none;
	padding:5px 10px 5px 20px;
	border-top:1px solid #69bed5;
	width:170px;
}
#side_colm li ul li a:active,
#side_colm li ul li a:hover,
#side_colm li ul li a:focus,
#side_colm li ul li span,
#side_colm li.active ul li a:active,
#side_colm li.active ul li a:hover,
#side_colm li.active ul li a:focus,
#side_colm li.active ul li span,
#side_colm li.active ul li.active a:link,
#side_colm li.active ul li.active a:visited{
	text-decoration:none;
	color:#000;
}
#side_colm li.active ul li.strt a:link,
#side_colm li.active ul li.strt a:visited,
#side_colm li.active ul li.strt span{
	border:0;
}
#side_colm ul ul ul li a:link,
#side_colm ul ul ul li a:visited,
#side_colm ul ul ul li span,
#side_colm ul li.active ul li ul li a:link,
#side_colm ul li.active ul li ul li a:visited,
#side_colm ul li.active ul li ul li span,
#side_colm li.active li.active ul li a:link,
#side_colm li.active li.active ul li a:visited,
#side_colm li.active li.active ul li span{
	color:#000;
	background:#76cce3 none;
	padding:5px 10px 5px 25px;
	border-top:0;
	width:165px;
	font-size:1.1em;
}
#side_colm ul ul ul li a:active,
#side_colm ul ul ul li a:hover,
#side_colm ul ul ul li a:focus,
#side_colm ul ul ul li span,
#side_colm ul li.active ul li ul li a:active,
#side_colm ul li.active ul li ul li a:hover,
#side_colm ul li.active ul li ul li a:focus,
#side_colm ul li.active ul li ul li span,
#side_colm li.active li.active ul li a:active,
#side_colm li.active li.active ul li a:hover,
#side_colm li.active li.active ul li a:focus,
#side_colm li.active li.active ul li span,
#side_colm li.active li.active ul li.active a:link,
#side_colm li.active li.active ul li.active a:visited{
	text-decoration:none;
	color:#fff;
}
#side_colm li.active li.active ul li.strt a:link,
#side_colm li.active li.active ul li.strt a:visited,
#side_colm li.active li.active ul li.strt span{
	border:0;
}

/*-- Redaxo Elements --*/

div.cnt-blck { /* textile is putting it's output in such blocks */
	clear:both;
}
div.image p { /* picture description text */
	font-size:Xem; /*define some small font size */ 
	float:none;
}
.fl-left { /* can be added as class on image divs for left alignment */
	float: left;
	margin: 3px 20px 0 0;
}
.fl-right { /* can be added as class on image divs for right alignment */
	float: right;
	margin: 3px 0 0 20px;
}
.txt-algn-left {
	text-align:left;
}
.txt-algn-rght {
	text-align:right;
}
.txt-algn-cntr { /* can be added as class on image divs for centered images */
	text-align:center;
}
.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}
.hidden {
       display:none;
}
.download {/* can be added on an tag with text link */
	background-image:url(icon_pdf.png) left top no-repeat;
	padding:0 0 4px 22px;
}

/*-- Form --*/

.frm { /* defining the width of .frm will adjust the labels's and input's width automatically */
	float: left;
	padding:10px 0;
	margin:10px 0 0;
	width:525px;
}
.colm2 div{ /* add this class alongwith .frm if you want 2 column form */
	width:50%;
	float:left;
}
.colm3 div{ /* add this class alongwith .frm if you want 3 column form */
	width:32%;
	float:left;
	margin:0 1% 0 0;
}
.frm input,
.frm textarea,
.frm select{
	border:1px solid #d1d1d1;
	background:#f2f2f2;
	padding:7px 5px;
	float:left;
	margin:10px 0 0;
	color:#d0011b;
	font:normal bold 1.1em verdana;
	width:60%;
}
.frm textarea {
	height:120px;
}
.larg_txtarea textarea{
	width:493px;
	clear:both;
}
.frm label,
.frm p.fradio span,
.frm p.fchckbx span {
	width:30%;
	display:block;
	float:left;
	margin-top:10px;
	font-size: 1em;
	color:#000;
	padding:8px 7px 8px 0;
}
.larg_txtarea label{
	width:90%;
}
.frm .txt_single input{
	float:none;
	width:80%;
}
.frm p.err input,
.frm p.err textarea,
.frm p.err label,
.frm p.err select {
	color:#f00;
	border:1px solid #f00;
}
.frm p.err label {
	border:0;
}
.frm p {	
	clear:both;
	line-height:normal;
	margin:0;
	float:left;
	width:100%;
}
.frm p.fsbmt input,
#cnt .frm p a.next:link,
#cnt .frm p a.next:visited,
#cnt .frm p a.prev:link,
#cnt .frm p a.prev:visited{
	margin:10px 0 0 31%;
	width:261px;
	height:52px;
	color:#fff;
	border:none;
	background:url(btn.gif) no-repeat;
	text-align:left;
	padding:5px 0 5px 20px;
}
.frm p.fsbmt input:hover {
	background:url(btn-ovr.gif) no-repeat;
}
.frm p.prev input {
	background:url(btn-prev.gif) no-repeat;
	text-align:right;
	padding:5px 20px 5px 0;
}
.frm p.prev input:hover {
	background:url(btn-prev-ovr.gif) no-repeat;
}
.frm p.shrt input {
	background:url(btn-shrt.gif) no-repeat;
	padding:5px 0 5px 20px;
	width:184px;
	font-size:.9em;
}
.frm p.shrt input:hover {
	background:url(btn-shrt-ovr.gif) no-repeat;
}
#cnt .frm p a.next:link,
#cnt .frm p a.next:visited,
#cnt .frm p a.prev:link,
#cnt .frm p a.prev:visited{
	display:block;
	font:normal bold 1em verdana;
	text-decoration:none;
	padding:17px 0 0 20px;
	width:241px;
	height:35px;
	margin:30px 0 0;
}
#cnt .frm p a.prev:link,
#cnt .frm p a.prev:visited{
	background:url(btn-prev.gif) no-repeat;
	padding:17px 20px 0 0;
	text-align:right;
}
#cnt .frm p a.prev:hover{
	background:url(btn-prev-ovr.gif) no-repeat;
}
#cnt .frm p a.next:hover{
	background:url(btn-ovr.gif) no-repeat;
}
.frm p.frm_info {
	margin:10px 0 0 7px; /* the left margin is equal to the padding-right of label */
	padding:0 0 0 30%; /* the left padding is equal to the width of input/select */
	width:70%;
}
.frm p.captcha img{
	margin:0 0 0 7px; /* the left margin is equal to the padding-right of label */
	padding:0 0 0 30%; /* the left padding is equal to the width of input/select */
}
.frm p.fradio label {
	width:auto;
	margin:10px 5px 0 0;
}
.frm p.fchckbx label {
	width:91%;
	margin:0 5px 0 0;
}
.frm p.fradio input,
.frm p.fchckbx input {
	width:auto;
	height:auto;
	border:none;
	background:none;
	margin:21px 5px 0 0;
}
.frm p.fchckbx input{
	margin-top:7px;
}
*:first-child+html .frm p.fradio input{
	margin:18px 5px 2px 0;
}
* html .frm p.fradio input{
	margin:18px 5px 2px 0;
}
.frm p.fradio input{
	margin:15px 5px 2px 0px\9;
}
.colm3 input, /* less font size for 3 column form */
.colm3 textarea,
.colm3 select,
.colm3 label,
.colm3 p.fradio span,
.colm3 p.fchckbx span{
	font-size:.9em;
}
.frm p.col_head {
	padding:30px 0 10px 30%;
	margin-left:7px;
}
.col_head span{
	width:168px;
	display:block;
	padding:0 0 10px 0;
	float:left;
}
.frm p.shrt_txt input{
	width:145px;
	margin-right:10px;
}

/*-- Footer --*/

#ftr{
	width:973px;
	text-align:center;
	margin:0 auto;
	background-image:url(footer.gif);
	background-repeat:repeat-x;
	padding:75px 0 0;
	height:42px;
}
#ftr ul{
	list-style:none;
	padding:5px 0;
}
#ftr li{
	display:inline;
	padding:0 15px;
}
#ftr li a:link,
#ftr li a:visited{
	font:normal normal 1.2em verdana;
	color:#333;
	cursor:pointer;
}
#ftr li a:active,
#ftr li a:hover,
#ftr li a:focus,
#ftr li span{
	color:#000;
	cursor:pointer;
}
.highlight{
	color:#d0011b;
	font:italic bold 2.2em Verdana;
	text-align:center;
	display:block;
	line-height:32px;
}
.highlight i{
	background:#f1de02;
}
.name{
	font: italic bold 1.1em Verdana;
}
.name span{
	font-size:.9em;
	font-weight:normal;
}
.offer{
	font-size:1.3em;
	font-weight:normal;
	left:20px;
	top:350px;
	position:absolute;
	width:213px;
}
.red{
	color:#d0011b;
}
.large{
	font-size:2em;
	font-family:verdana;
	font-weight:bold;
	line-height:30px;
}
.large span{
	font-size:1.2em;
}
.blue{
	color:#0282d4;
}
.btns img{
	margin:30px 0 0;
}
#question {
	background:#F2F2F2 none repeat scroll 0 0;
	border:1px solid #D1D1D1;
	color:#D0011B;
	width: 432px;
	padding: 7px 5px;
	font-size: 1.6em;
	font-weight:bold;
	margin: 10px 0 0 45px;
	text-align:center;
	clear:both;
}