html {
	xoverflow: auto;
}

body {
	margin:			0px;
	background-color:		#F2FAFC;
	background-image:		url(../images/page_bg_top.jpg);
	background-position:	top;
	background-repeat:	repeat-x;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			center;
}

html,body {
	height:			100%;
}

#pageContainer {
	min-height:			100%;
	position:			relative;
	margin:			auto;
	width:			790px;
	background-position:	top;
	background-repeat:	repeat-y;
	background-image:		url(../images/bg_middle.jpg);
}

* html #pageContainer {		/* for IE only */
	height:100%;
}

#headerContainer {
	height:			370px;
	background-position:	top;
	background-repeat:	no-repeat;
	background-image:		url(../images/bg_top.jpg);
	padding:			27px 22px 0px 20px;
	text-align:			left;
}



/* --- Header elements --- */
#logo {
	height:			100px;
	width:			100px;
	padding:			2px 0px 0px 23px;
	float:			left;
}

#menuHeader {
	height:			20px;
	font-size:              9px;
	color:			#73C6E1;
	padding-left:		12px;
	float:			right;
}

#menuHeader a {
	color:			#73C6E1;
	text-decoration:		none;
}

#menuHeader .act {
	color:			#0099CC;
}

#headerText {
	position:			relative;
	top:				6px;
	left:				30px;
	height:			70px;
	width:			477px;
	background-image:		url(../images/header_txt.gif);
	float:			left;
}

/* --- Header elements teaser --- */
#teaser {
	height:			250px;
	overflow:		hidden;
	position:		relative;
	top:			-6px;
}

#teaserLeft {
	background-image:		url(../images/bg_menu_top.jpg);
	position:		relative;
	top:			10px;
	height:			245px;
	width:			173px;
	font-size:              12px;
	color:			#005C7E;
	float:			left;
	overflow:			hidden;
}

#teaserMiddle {
	background-image:		url(../images/bg_teaser_text.jpg);
	height:			250px;
	width:			190px;
	float:			left;
	overflow:			hidden;
}

#teaserText {
	position:			relative;
	top:				145px;
	left:				18px;
}


#teaserRight {
	background-image:		url(../images/bg_teaser_image.jpg);
	height:			250px;
	width:			385px;
	float:			left;
	overflow:			hidden;
}



/* --- Menu Teaser --- */
#menuTeaser {
	position:			relative;
	top:				109px;
	left:				25px;
	width:			145px;
	overflow:			hidden;
}

#menuTeaser ul {
	list-style-type:		none;
	padding:			0px;
	margin:			0px;
}

#menuTeaser ul li {
	margin-bottom:		17px;
}

#menuTeaser ul a {
	color:			#73C6E1;
	text-decoration:		none;
	font-size:			12px;
}

#menuTeaser ul .act {
	color:			#0099CC;
}


/* --- ContentContainer --- */

#contentContainer {
	position:			relative;
	text-align:			left;
	top:				-23px;
	left:				20px;
}

* html #contentContainer {		/* for IE only (Not IE7) */
	top:				-3px; 
	padding-bottom:		25px;
}




/* --- contentContainer elements --- */
#left {
	padding-top:		15px;
	padding-left:		25px;
	width:			167px;
	min-height:		10px;
 	float:			left;
}

* html #left {			/* for IE only (Not IE7) */
	padding-left:		45px;
	width:			215px;
}


/* --- Menu Left --- */


#menuLeftBorder {
	width:			10px;
	float:			left;
}

#menuLeft {
	width: 140px;
	
}

#menuLeft ul {
	list-style-type:		none;
	padding:			0px;
	margin:			0px;
}

#menuLeft ul li {
	margin-bottom:		20px;
	line-height:		15px;
}

#menuLeft ul a {
	color:			#73C6E1;
	text-decoration:		none;
	font-size:			12px;
}

#menuLeft ul .act {
	color:			#0099CC;
}



/* content elements --- */
#contentLeft {
	padding-top:			55px;
	margin-left:		-10px;
}


#content {
	padding-top:		4px;
	width: 			510px;
	float:			left;
}



/* --- footer --- */
#footer {
	position: absolute;
	bottom:			0px;
	left:				0px;
	width:			790px;
	height:			20px;
	background-repeat:	no-repeat;
	background-image:		url(../images/bg_bottom.jpg);
}

* html #footer {				/* for IE only */
	b_ottom: -1px;
}



/* --- all content styles --- */

#contentLeft .csc-textpic-border img {
	border:			1px solid #999999;
}

#contentLeft .csc-textpic {
	padding-top:		10px;	
}

.csc-header h1, .csc-header h2, .textHeader {
	color:			#0099CC;
	font-size:			15px;
	line-height:		18px;
	font-weight:		normal;
	margin:			10px 0px 19px 0px;
}

.csc-header h2 {
	font-size:		12px;
	line-height:		18px;
	margin:			10px 0px 11px 0px;
}

.bodytext, #content ul, .textSmall {
	color:			#444444;
	font-size:		12px;
	line-height:		18px;
	padding-bottom:		5px;
}

#content ul{
	margin-left:		2px;
}

.textSmall {
	font-size:			10px;
	line-height:		13px;
}

.bodytext a, .textSmall a {
	color:			#0099CC;
	text-decoration:		none;
}

#content ul {
	padding-left:		12px;
}

.csc-textpic-intext-left img {
	padding-top:		4px;
}

.csc-textpic-image {
	padding-right:		10px;
}


/*  --- hide all elements for printing --- */
#printHeader {
	display:			none;
}

/* Mailform Plus */
.mailform_plus .caption, .mailform_plus .error, .mailform_plus input, .mailform_plus select, .mailform_plus textarea, .mailform_plus submit {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	color:			#444444;
	font-size:		12px;
}

.mailform_plus .error, .mailform_plus .required {
    color:		#0099CC;
    font-size:		10px;
}

.mailform_plus .row {
}

.mailform_plus .caption {
    float:		left;
    width:		115px;
    margin-top: 2px;
}

.mailform_plus .field {
    float:		left;
    width:		285px;
    padding:	0px 0px 3px 0px;
}

.mailform_plus input, .mailform_plus .field select, .mailform_plus textarea {
    border:		1px solid #999999;
    width:		285px;
    color:		#999999;
    font-size:		10px;
}

.mailform_plus .field select {
    width:		287px;
}

.mailform_plus textarea {
    width:		400px;
}


.mailform_plus .submit input {
    height:		17px;
    width:		150px;
}

.mailform_plus .submit input {
    background-color:	#EEEEEE;
    border:		1px solid ;
}