@import url(nav.css);
@import url(popup.css);
@import url(sIFR-screen.css);
/*@import url(sIFR-print.css);*/
@import url(calendar.css);
body {
	margin: 0px;
	padding: 0px 0px 30px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font: 62.5%/1.2 Arial, Helvetica, Verdana, sans-serif; /* reset 1em to 10px, 1.2 is correct default for paras */
	font-size: 70%;
	color: #000000;
	line-height: 1.3em;
	text-align: center;
	background: #ffffff url(images/heffter_kachel.gif) top center;
	background-color: #f5f5f5;
}
/* IE6 hack (horizontal scrollbar)
----------------------------------*/
/*html {overflow-x: hidden;}*/
/*body {margin-right: 28px;}*/


.csc-mailform {
	border:0;
}

.csc-mailform-label {
	margin-top: 10px;
}

.csc-mailform-field {
	margin-top:2px;
}

.csc-mailform-submit {
	margin-top: 10px;
	padding: 5px;
}

.csc-mailform-check {
	float:left;
	margin: 8px 5px 0 0;
}


/* global
----------------------------------*/
div {
	float: none;
}
table, input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #333333;
	line-height: 1.2em;
}
form, input, select, textarea {
	margin: 0px;
	padding: 0px;
	display: inline;
}
input, select, textarea {
	border: 1px solid #d1d1d3;
	padding: 1px 0px 1px 0px;
	background-color: #ffffff;
}
input.fclear {border: none; background: none;}
input.hidden {visibility: hidden; height: auto; width: auto;}
input.error {border-color: #ff0000;}

.colsLeft form p {margin: 0px 0px 1px 0px; padding: 0px; width: 200px;}
.colsLeft form p input, form p select {width: 180px;}
.colsLeft form p.double {width: 380px; clear: both;}
.colsLeft form p input.fclear {width: auto;}
.colsLeft form p .submit {}
.colsLeft form p textarea {width: 380px;}

.error {color: #ff0000;}
/*.lineTop {clear: both;}*/
.right {float: right;}
.left {float: left; clear: none;}
.spacer {clear: both; font-size: 2px; line-height: 2px;}
/*.cleaner {clear:both;height:1px;font-size:1px;border:0px none;marin:0; padding:0;background:transparent;}*/
.clear {clear: both;}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	

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

h1, h2, h3, h4, h5 {
	margin-top: 0px;
	margin-bottom: 1.3em;
	font-size: 1.5em;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.3em;
}
h1, h2 {margin: 0px; width: 533px; text-transform: uppercase;}
#colRight h1, #colRight h2 {width: 250px;}
h3 {margin-bottom: 0em; font-size: 1.1em;}
h4 {margin-bottom: 0em; font-size: 1.0em;}
p, ul {
	font-size: 1.0em;
	margin-top: 0px;
	margin-bottom: 1.3em;
	line-height: 1.3em;
}

/* png support
----------------------------------*/
img {
	border: none;
	/*behavior: url(pngbehavior.htc);*/
}

/* page, top, main, content
----------------------------------*/
#page, #top, #main, #mainInner, #head, #content, #bottom {
	position: relative;
	clear: both;
	text-align: left;
	/*overflow: hidden;
	overflow-y: hidden;
	overflow-x: hidden;*/
}
#page {
	margin: auto;
	width: 815px;
}
#top {
	height: 34px;
	width: 815px;
}
#main {
	background-color: #FFFFFF;
	border: 1px solid #d1d1d3;
	/*width: 813px;*/
}
#mainInner {
	border: 3px solid #ffffff;
}
#head {
	height: 195px;
	background: #ffffff url(images/nav_shadow.gif) no-repeat 556px 147px;
	overflow: hidden;
}
#logo {
	position: absolute;
	left: 588px;
	top: 74px;
}
#content {
	border-top: 3px solid #ffffff;
	width: 807px;
}
/*#content div {width: auto;}*/
#colsLeft, #colsRight, #colRight, .colLeft, .colCenter {float: left;}

#colsLeft {width: 553px;}
#colsRight {width: 615px;}
#colRight {width: 254px; border-left: 0px solid #ffffff;}
.colRightInner {position: relative; width: 250px; left: 4px;}

.colsLeft {padding-top: 9px;}
/*.colsLeft {width: 535px;}*/
.colLeftInner {padding-left: 18px;}
/*.colLeftInner div {clear: both; width: 100%;}*/
.colLeftInner div.left, .colLeft, .colLeftInner .colLeft, .colLeft, .colLeftInner .colCenter {clear: none; width: auto;}

.colLeft, .colLeftInner .colLeft {width: 156px;}
.colCenter, .colLeftInner .colCenter {width: 361px;}
/*.colInner, .colLeftInner .colInner {padding-right: 4px;}*/

.colsLeft h3, .colsLeft h4, .colsLeft p {margin-right: 18px;}
.colsLeft p.imgs, .colLeft p {margin-right: 0px;}

/* content
----------------------------------*/
.h1 {
	position: relative;
	height: 58px;
	overflow-y: hidden;
}
.h1 div {
	position: absolute;
	left: 0px;
	bottom: 4px;
}
#colRight .h1 {width: 250px;}
#colRight .h1 div {bottom: 0px;}
#colRight p {margin-bottom: 1.1em;}

#colsLeft li {display: block;}

img.border {
	border: 3px solid #727272;
	/*margin-right: 15px;*/
	margin-bottom: 1.3em;
}
img.spaceRight {margin-right: 15px;}
.colLeftInner img.spacer-gif {border: none; margin: 0px;}

.lineTop {padding-top: 1.3em; clear: both;}
.lineBottom {padding-bottom: 1.3em;}

.csc-frame-rulerBefore, .csc-frame-rulerAfter {height: 1.3em; margin-right: 18px;}
.csc-frame-rulerBefore {clear: both;}


/* forms
----------------------------------*/
form .day {
	width: 63px;
	float: left;
}
form .day select, .colsLeft form p .day input {width: 55px;}
form .day select {
	padding: 0px;
	font-size: 10px;
	line-height: 10px;
}
/* banner
----------------------------------*/
.banner {
	/*float: left;*/
	margin-bottom: 1.1em;
}

/* recommend
----------------------------------*/
#recommend {
	text-align: right;
}

/* bottom
----------------------------------*/
#bottom {
	
}
#sbg {
	position: absolute;
	right: 5px;
	bottom: 15px;
	margin: 0;
}
#logosFooter {
	position: absolute;
	right: 5px;
	top: -7px;
	margin: 0;
	padding: 0;
	line-height: 0px;
	height: 31px;
	overflow: hidden;
}
#logosFooter img {
	padding-right: 6px;
}
#logosFooter a {
	background: none !important;
}