/* CSS Document 
xiting.ch
Autor: m-worx.net
07.10.09
Only Index Page
*/

html, body {
	height: 100%;
}
body {
	font: 0.9em Arial, Helvetica, sans-serif;
	background: #bdbdbd url(../images/content_bg.gif) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.start #container {
	width: 980px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.start #cont {
	width: 980px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height: 677px;
}

.start #header { 
	background: url(../images/logo.png) top left no-repeat; 
	height: 205px;
	 /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.start #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.start #header #topnav {float: right; width: 250px; height: 50px;}
.start #header #topnav ul {list-style:none; margin:0; padding:0;}
.start #header #topnav li {float: left; padding: 20px 0 0 20px; color: #fff;font-size: 0.8em;}

.start #header #topnav li a:link, .start #header #topnav li a:visited{color: #fff; text-decoration: none;}
.start #header #topnav li a:hover {color: #c10418; text-decoration: none;}

.start #header #maps {float: left; width: 100px;height: 50px;margin:0;padding: 20px 10px 0 380px;}

#partner {
	position: absolute;
	width:357px;
	height:89px;
	z-index:1;
	padding: 24px 0 0 365px;
}

.start #header #nav {padding: 85px 31px 0 0px; float:right;width: 681px; }
.start #header #nav ul {list-style:none;background: url(../images/bg_nav.gif) no-repeat; width: 681px; height: 40px; margin:0; padding:0 10px 0 17px;white-space: nowrap;}
.start #header #nav li {float: left;padding: 10px 3px;font-size: 0.9em; }
.start #header #nav li a:link, .start #header #nav li a:visited{color: #585858; text-decoration: none; font-weight:bold;}
.start #header #nav li a:hover {color: #c10418; text-decoration: none;}

#nav li .border {border-right: 1px dotted #fff;padding-right: 8px; border-right: 1px dotted #999;}
#nav li .noborder {border-right: 0px dotted #fff;padding-right: 8px;}

.start #teaser {clear: both; width: 938px; height: 257px;margin: 0 0 0 10px;}

.start #mainContent {
	padding: 0 13px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
		color: #464646;
}
.start #mainContent #box-left {float:left; width: 360px; height: 200px; margin: 20px 0px 30px -3px; padding:20px;background: #FFFFFF; border: 1px solid #959595;}
.start #mainContent #box-right {float:right; width: 460px; height: 200px;margin: 20px 20px 30px 0px; padding: 20px;background: #FFFFFF; border: 1px solid #959595;}

#box-left p {
	color: #444444;
	font-size: 12px;
}
#box-left a:link,
#box-left a:visited {
	color: #404140;
	text-decoration:none;
	font-weight:bold;
	line-height: 18px;
}
#box-left a:hover {
	color: #c10418; text-decoration: none;
}

.start #mainContent #box-right h1, .start #mainContent #box-left h1{font-size: 1.0em; color: #404140; border-bottom: 1px solid #9c000d; width: 100%; } 

.footer, .push {
	height: 140px; /* .push must be the same height as .footer */
}
.start #footer {
	padding: 0 10px;
	position: relative;
	margin-top: -140px; /* negative value of footer height */
	height: 140px;
	clear:both;
	background: #404040;
} 
.start #footer ul {list-style:none; padding:0;width: 1004px;margin: 0 auto;}
.start #footer li {float: left; color: #fff; font-size: 0.7em;text-align: left;}
.start #footer p {
	padding: 20px 35px;
	line-height: 15px;
}
.clear {clear: both;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#NewsVertical {
	width: 460px;
	height: 230px;
	display: block;
	overflow: hidden;
	position: relative;
	}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
	width: 460px;
	height: 140px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#TickerVertical li {
	width: 430px;
	color: #444444;
	text-align: left;
	font-size: 12px;
	margin: 0;
	padding: 6px 10px;
	float: left;
	display: inline;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			margin-bottom:6px;
			font-size: 13px; color: #af0917; 
			font-family: Arial, Helvetica, sans-serif;
		}
		#TickerVertical a:link,
		#TickerVertical a:Visited {
			display: block;
			color: #404140;
			margin-bottom:6px;
			text-decoration:none;
			
		}
		#TickerVertical a:hover {
			text-decoration:underline;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
			
		}
		#TickerVertical li .NewsFooter{
			display: block;
			font-size: 10px;
			margin:6px 0 14px 0;
			color:#000000
		}
/* Form */
#form_box {
	width: 420px;
	font-size:0.8em;
	padding: 0.5em;
	margin-top: 5px;
	margin-bottom: 2px;
}
#form_box .inputs {background:#fff url(../images/inputbg.gif) repeat-x; padding: 3px; border: 1px solid #d4d4d4;}
#form_box textarea {background:#fff url(../images/inputareabg.gif) repeat-x; padding: 3px; width: 180px; border: 1px solid #d4d4d4;font-family:Arial, Helvetica, sans-serif;font-size: 1.2em;}
#form_box .right {width: 195px;float: left;}
#form_box .left {width: 195px;float: left;}
#form_box div {
	padding: 0.2em 0.5em;
}
 
#form_box div.hr {
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}
 
#form_box p {
	float: left;
	margin: 4px 0pt;
	width: 120px;
}
 
 
#log {
	width: 400px;
	margin-top: 5px;
	font-size: 11px;
	color: red;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}