/*******************************************************************************
********************************************************************************
	Project		: Polaczek
	Company		: Fit Fuer Den Markt
	CSS 		: Danish Adeel
	Start date	: 17-04-09
********************************************************************************
*******************************************************************************/

/*-- General Items --*/

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

/*-- Structure --*/

#main {
	width:753px;
	margin:10px auto 0;
	position:relative;
	background:url(bg.gif) repeat-y left;
	overflow:hidden;
}
#logo a:link,
#logo a:visited{
	position:absolute;
	width:120px;
	height:135px;
	top:15px;
	left:35px;
	clear:left;
}
#hdr{
	width: 753px;
	height: 160px;
	background: url(head.gif);
	text-align:center;
	position:absolute;
	top:0;
	left:0;
}

/*-- Content Items --*/

#cnt{
	width:545px;
	float:right;
	padding:10px;
	position:relative;
	background:#fff;
	min-height: 400px;
	margin:204px 0 0; /*-- The margin top should be the sum of #hdr and #nav heights --*/
}
* html #cnt{
	height: 400px;
}
#cnt a:link,
#cnt a:visited {
	color:#000;
}
#cnt a:active,
#cnt a:hover,
#cnt a:focus {
	color:#1A75BC;
	text-decoration:none;
}
#cnt ul{
	padding:3px 0;
	list-style:none;
	color:#1A75BC;
}
#cnt ul li{
	padding:2px 5px 2px 18px;
	font-size:1.1em;
	font-weight:bold;
	background:url(bullet.gif) 0 8px no-repeat;
	width:auto;
}
#cnt ul li a:link,
#cnt ul li a:visited{
	font-size:1em;
}

/*-- Navigation --*/

#nav {
	/*background:#b6b7a9 url(bg-nav.gif) no-repeat 62px 0;*/
	list-style:none;
	position:absolute;
	top:160px;
	right:0px;
	width:565px;
	height:34px;
	padding:10px 0 0 0;
	background:url(bg-nav.jpg) no-repeat;
	text-align:center;
}
* html #nav {
	right:-1px;
}
#nav li {
	display:inline;
}
#nav li.last {
}
#nav li a:link,
#nav li a:visited,
#nav li span{
	color:#fff;
	display:inline;
	font:normal bold 1.1em Trebuchet MS;
	height:25px;
	padding:10px 10px 0 10px;
}
#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{
	color:#fff;
	text-decoration:underline;
}

/*-- 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 Trebuchet MS;
	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:186px;
	margin:160px 0 0; /*-- The margin top should be the sum of #hdr and #nav heights --*/
	background:url(sep.gif) repeat-y -2px 0;
	float:left;
}
#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 Trebuchet MS;
	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;
	width:100%;
}
.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: solid 1px #888;
	background:#fff repeat-x 0 -2px;
	padding:2px 2px 2px 5px;
	float:left;
	margin:10px 0 0;
	color:#1A75BC;
	font-size:1em;
	font-family:Trebuchet MS;
	width:60%;
}
.frm textarea {
	height:120px;
	background:#fff url(bg.gif) repeat-x 0 -10px;
}
.frm label,
.frm p.radio span,
.frm p.checkbox span {
	width:30%;
	display:block;
	float:left;
	margin-top:13px;
	font-size: 1em;
	color:#1A75BC;
	padding:0 7px 0 0;
}
.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;
}
.frm p.fsbmt input {
	margin:10px 0 0 7px; /* the left margin is equal to the padding-right of label */
	width:auto;
	height:auto;
	border:none;
	background:none;
	padding:0 0 0 30%; /* the left padding is equal to the width of input/select */
}
.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.radio label {
	width:auto;
	margin:13px 5px 0 0;
}
.frm p.radio input,
.frm p.checkbox input {
	width:auto;
	height:auto;
	border:none;
	background:none;
	margin:10px 5px 0 0;
}
.frm p.checkbox input{
	margin-top:7px;
}
html>/**/body .frm p.radio input{
	margin:12px 5px 2px 0;
}
html>/**/body .frm p.checkbox input{
	margin-top:11px;
	padding:1px;
}
.colm3 input, /* less font size for 3 column form */
.colm3 textarea,
.colm3 select,
.colm3 label,
.colm3 p.radio span,
.colm3 p.checkbox span{
	font-size:.9em;
}

/*-- Footer --*/

#ftr{
	width:753px;
	text-align:center;
	margin:0 auto;
	border-top:2px solid #fff;
	/*background:#dbce20;*/
	background-image:url(footbg.gif);
	background-repeat:repeat-x;
	height:37px;
}
#ftr ul{
	list-style:none;
	padding:5px 0;
}
#ftr li{
	display:inline;
	padding:0 15px;
}
#ftr li a:link,
#ftr li a:visited{
	font-size:1.1em;
	color:#333;
	cursor:pointer;
}
#ftr li a:active,
#ftr li a:hover,
#ftr li a:focus,
#ftr li span{
	color:#000;
	cursor:pointer;
}
#copy{
	padding:5px 0 0;
	font-size:1.1em;
	color:#248ca9;
}
#copy a:link,
#copy a:visited{
	color:#248ca9;
}
#logos{
	background:none #d1d2ca;
	float:right;
	width:515px;
	border:1px solid #666222;
	border-width:0 15px;
	padding:10px;
}
#logos img{
	margin:0 25px 0 0;
}
.brdr{
	border:2px solid #fff;
	border-width:0 0 2px 0;
}

/*------ Tables ----- */

.events {
	width:545px;
	clear:left;
	background:#ccc;
	border:1px solid #1B75BC;
}
.events th {
	font-size:1.1em;
	background:#1B75BC;
	padding:8px 6px;
	color:#fff;
}
.events td {
	font-size:1.1em;
	padding:6px;
	text-align:center;
	vertical-align:top;
}
.events .shrt {
	width:90px;
}
#flag{
	position:absolute;
	top:10px;
	right:10px;
	clear:right;
}
#flag a img{
	margin:0;
	padding:0;
}
#flag a:link,
#flag a:visited,
#flag span{
	border:1px solid #ccc;
	margin:0 0 0 5px;
	padding:0;
	font-size:.01em;
	display:inline-block;
}
#flag a:active,
#flag a:hover,
#flag a:focus{
	border:1px solid #666;
}