/* 		
			Regio144.ch
			All Copyrights (c) reserved
			Autor: Marc Vontobel MV
			Contact: info@mvdm.org
			
*/


HTML {
	height: 100%;
}
BODY {
	height: 100%;
	margin: 0;
	background: #fff url(../img/144background.jpg) repeat-x;
}





/* BLAUER STREIFEN AM OBEREN RAND DES FENSTERS */
.blueStripe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: #0060a9;
	overflow: hidden;
}
.blueStripe H1 {
	display: block;
	width: 460px;
	height: 30px;
	overflow: hidden;
	color: #b2cfe5;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 30px;
	margin: 0 auto;
	font-weight: lighter;
}

/* CONTAINER FÜR DEN GESAMTEN AUSGEFÜLLTEN BEREICH */
.container {
	width: 800px;
	min-height: 100%;
	margin: 0 auto;
	background: url(../img/144contentBackground.gif) repeat-y;
	overflow-x: hidden;
}
* html .container {
	height: 100%;
}

/* ABSTAND FÜR INHALT (WEGEN BLUESTRIPE) */
.container .space30 {
	height: 30px;
	overflow: hidden;
}

/* LINKE SPALTE DES AUSGEFÜLLTEN BEREICHES */
.container .leftColumn {
	float: left;
	width: 150px;
	margin: 0;
}
.container .leftColumn .logo {
	margin: 14px 0 49px 16px;
	border: 0;
	behavior: url(iepngfix.htc);
}
.container .leftColumn .menu,
.container .leftColumn .menu UL,
.container .leftColumn .menu LI,
.container .leftColumn .menu UL LI {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}
.container .leftColumn .menu {
	padding-bottom: 215px;
}
.container .leftColumn .menu A {
	display: block;
	height: 20px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
}
.container .leftColumn .menu A:hover,
.container .leftColumn .menu A.selected {
	background: #b2cfe5;
}

/* LOGOUT BUTTON */
.container .leftColumn .menu A.logout {
	margin: 15px;
	border: 1px solid #edb4b4;
	background: #f4dada;
}
.container .leftColumn .menu A.logout:hover {
	background: #edb4b4;
}

/* UNTERMENU DARSTELLUNG 
.container .leftColumn .menu UL {
	background: #d3e2ee;
	border-right: 1px solid #b2cfe5;
	border-bottom: 1px solid #b2cfe5;
	border-left: 1px solid #b2cfe5;
}
*/

/* EINRÜCKEN DER SUBMENUPUNKTE */
.container .leftColumn .menu A { text-indent: 15px; }
.container .leftColumn .menu UL LI A { text-indent: 30px; }
.container .leftColumn .menu UL LI UL LI A { text-indent: 45px; }
.container .leftColumn .menu UL LI UL LI UL LI A { text-indent: 60px; }
.container .leftColumn .menu UL LI UL LI UL LI UL LI A { text-indent: 75px; }
.container .leftColumn .menu UL LI UL LI UL LI UL LI UL LI A { text-indent: 90px; }



/* MITTLERE SPALTE DES AUSGEFÜLLTEN BEREICHES */
.container .centeredColumn {
	float: left;
	width: 500px;
	margin: 0;
}
.container .centeredColumn .headerImage {
	height: 266px;
	overflow: hidden;
	position: relative;
}
.container .centeredColumn .headerImage IMG {
	behavior: url(iepngfix.htc);
}
.container .centeredColumn .content {
	margin: 20px 40px 70px 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*text-align: justify;*/
}
.container .centeredColumn .content A {
	text-decoration: underline;
	color: #0060a9;
}
.container .centeredColumn .content A:hover {
	text-decoration: none;
}
.container .centeredColumn .content H1 {
	color: #0060a9;
	font-size: 18px;
	font-weight: lighter;
}
.container .centeredColumn .content HR {
	background: #fff;
	margin: 15px 0;
	height: 1px;
	border-bottom: 1px solid #0060a9;
	border-left: none;
	border-right: none;
	border-top: none;
	overflow: hidden;
}
.container .centeredColumn .content P {
	margin-top: 0;
	padding-top: 0;
}


/* RECHTE SPALTE DES AUSGEFÜLLTEN BEREICHES */
.container .rightColumn {
	float: right;
	width: 150px;
	margin: 0;
}
.container .rightColumn .menu {
	display: block;
	list-style: none;
	margin: 0;
	padding: 200px 0 42px 0;
}
.container .rightColumn .menu LI {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.container .rightColumn .menu LI A {
	display: block;
	height: 20px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	overflow: hidden;
}
.container .rightColumn .menu LI A IMG {
	float: left;
	margin: 1px 5px 1px 10px;
	border: 0;
}
.container .rightColumn .menu LI A:hover IMG {
	margin: 0px 4px 0px 9px;
	border: 1px solid #0060a9;
	background: #eee;
}
.container .rightColumn .address {
	padding: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
}
.container .rightColumn .address A {
	color: #999;
	text-decoration: underline;
}
.container .rightColumn .address A:hover {
	text-decoration: none;
}


/* CONTAINER FÜR ELEMENTE WELCHE AM UNTEREN RAND DER SEITE PLATZIERT WERDEN */
.footerContainer {
	position: relative;
	width: 800px;
	height: 1px;
	margin: -1px auto 0 auto;
	padding: 0;
}
.footerContainer .courseBox {
	position: relative;
	width: 130px;
	height: 130px;
	padding: 10px;
	background: #0060a9;
	border-right: 20px solid #79acd2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	margin: -150px 0 0 0;
}
.footerContainer .courseBox .helpLink {
	display: block;
	position: relative;
	margin: -85px 0 10px -10px;
	border: none;
}
* html .footerContainer .courseBox .helpLink {
	margin-left: -20px;
}
.footerContainer .courseBox A {
	color: #fff;
	text-decoration: underline;
}
.footerContainer .courseBox A:hover {
	text-decoration: none;
}
.footerContainer .quickCall {
	width: 150px;
	height: 150px;
	margin: -150px 0 0 631px;
	border-left: 19px solid #79acd2;
	position: relative;
}
.footerContainer .footerLine {
	position: relative;
	margin: -51px 0 0 169px;
	border-top: 1px solid #eee;
	width: 460px;
	height: 40px;
	padding-top: 10px;
	text-align: center;
	overflow: hidden;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
.footerContainer .footerLine A {
	color: #666;
	text-decoration: underline;
}
.footerContainer .footerLine A:hover {
	text-decoration: none;
}
.footerContainer a.pageUp {
	display: block; 
	position: relative; 
	margin: -30px 0 0 598px; 
	width: 14px; 
	height: 14px;
}


/* HILFSBOX UM IM INTERNET EXPLORER DIE SPALTEN HÖHE RICHTIG ANZUZEIGEN */
.clearBoth {
	height: 1px;
	clear: both;
	overflow: hidden
}




/* FORMULARMODUL */
.form {
	
}
.form .textField {
	border-top: 1px solid #0060a9;
	border-left: 1px solid #0060a9;
	border-right: 1px solid #79acd2;
	border-bottom: 1px solid#79acd2;
}
.form .description {
	padding: 2px 10px;
}
.form .field {
	padding: 2px 10px;
}
.form .statcont {
	padding: 10px 0;
}
.form .optin {
	padding: 2px 10px;
}
.form .even {
	background: #fff;
}
.form .odd {
	background: #d6e8f6;
}
.form .errorTD {
	background: #edb4b4!important;
}