/**
* Stylesheet for http://www.zentrumau.ch/
*
* Standard Stylesheet
*
* @author Beat Schenkel
* @link http://www.webcenter.ch/
* @copyright Copyright 2010, Webcenter
* @license CC-A 3.0 / http://creativecommons.org/licenses/by/3.0/
* @date 12.03.2010
**/

/********************************************************* _Global Styles */

* {
	margin:0;
	padding:0;
}

body {
	background:#c3c4c5;
}

body, table, input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

a:link, a:visited {color:#038ccf; text-decoration:none; }
a:hover, a:active, a:focus {color: #038ccf; text-decoration: underline; }

p, ul, ol { margin-bottom: 10px; }
ul { list-style:none; }
img { border:none; }

hr {
	height:1px;
	border:none;
	border-bottom: 1px solid #DEDEDE;
	margin-bottom:15px;
}

.clearer {
	clear:both;
	height:1px;
	background-color:red;
	overflow:hidden;
	visibility:hidden;
}

/*
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
*/

.clearfix {display:inline-block;}
/*
/* Hide from IE Mac \*/
/*.clearfix {display:block;}*/
/* End hide from IE Mac */

.hidden {
	display: block;
	position: absolute;
	left: -1500px;
	top:  -1500px;
	overflow: hidden;
	width:0;
	height:0;
}

/********************************************************* _Structure */

#wrapper {
	width:908px;
	margin:0 auto;
	overflow:hidden;
}

	#wrapper_bg {
		padding:0 4px;
		background:url(../images/layout/wrapper_bg.gif) repeat-y;	
	}

#header {
	position:relative;
	height:140px;
	background:url(../images/layout/header_bg.jpg) repeat-x;
}

	#header_logo_1 {
		position:absolute;
		top:21px;
		left:21px;
		width:358px;
		height:99px;
	}
	
	#header_logo_2 {
		position:absolute;
		top:21px;
		left:612px;
		width:150px;
		height:41px;
	}
	
	#header_trennlinie {
		position:absolute;
		top:21px;
		left:774px;
		width:1px;
		height:28px;
		background:#7c630f;
		overflow:hidden;
	}
	
	#header_logo_3 {
		position:absolute;
		top:21px;
		left:787px;
		width:98px;
		height:28px;
	}
		
#menu {
	width:100%;
	height:26px;
	overflow:hidden;
	background:url(../images/layout/menu_bg.jpg) repeat-x;
}

	#menu ul {
		margin-left:11px;
	}
		
#content_main {
	width:900px;
	overflow:hidden;
	background:url(../images/layout/content_top_bg.jpg) top repeat-x #FFF;
}

	#content {
		background:url(../images/layout/content_bottom_bg.jpg) bottom repeat-x;
	}
	
		#content .adjustment {
			padding:40px;
		}

#footer {
	background:url(../images/layout/wrapper_bottom_bg.gif) top no-repeat #C3C4C5;
	height:50px;
}

	#footer p {
		padding-right:30px;
		text-align:right;
		line-height:50px;
		font-size:11px;
		color:#666;		
	}
	
		#footer p a#webcenter_link {
			position:relative;
			top:8px;
		}
	
		#footer p a:link,
		#footer p a:visited {
			color:#333;
		}
		#footer p a:hover {
			color:#000;
			text-decoration:underline;
		}



/********************************************************* _Content Styles */

#content ul li {
	list-style-type:none;
	background:url(../images/layout/content_li.gif) 0 7px no-repeat;

	padding-left: 13px;
	margin-left:15px;
	
	margin-bottom:7px;
}

#content {
	line-height:20px;
}

/********************************************************* _Container Styles */

#container .container {
	margin-bottom:15px;
	border-bottom:1px solid #0164A7;
	padding-bottom:10px;
}

#container .container_titel {
}

#container .container_padding {
	padding:0 0;
}

#container .container_padding p {
	margin-bottom:5px;
}

#container .container h3 {
	font-weight:bold;
	color:#000000;
	font-size:11px;
	margin-bottom:5px;
}

#container .container li {
	line-height:18px;
}

#container .container_padding ul {
	margin-bottom:5px;
}

#container .container_padding li {
	display:block;
	margin-bottom:2px;
	padding-left: 18px;
	margin-left:0;
}

#container .container_padding li.tel {
	background:url(../images/icons/icon_telefon.gif) no-repeat 0 5px;
}
#container .container_padding li.email {
	background:url(../images/icons/email.gif) no-repeat 0 5px;
}
#container .container_padding li.link {
	padding-left: 11px;
	background:url(../images/icons/link.gif) no-repeat 0 6px;
}
#container .container_padding li.download {
	padding-left: 11px;
	background:url(../images/icons/link.gif) no-repeat 0 6px;
}

#container .last_container {
	border:none;
	padding-bottom:0;
	margin:0;
}


/********************************************************* _Headings */

h3 {
	margin-bottom:15px;
   text-indent:-9999px;
   background:no-repeat;
}

h4 {
	font-size:12px;
	margin-bottom:10px;
	color:#000000;
}

/********************************************************* _Text Styles */

.msg_box {
	margin-bottom:15px;
	padding:10px;
	background:#EFEFEF;
}

.error_msg {
	color:red;
	border:1px solid red;
}

.success_msg {
	color:green;
	border:1px solid green;
}

/********************************************************* _Menu */

#menu * {
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	line-height:26px;
}

/* layout definitions */

#menu ul {
	position:relative;
}
#menu .menu_1,
#menu .menu_1_current {
  display:inline;
  float:left;
}

#menu .menu_1 a,
#menu .menu_1_current a {
	float:left;
	display:block;
	
}

#menu .menu_1 a span,
#menu .menu_1_current a span {
	display:block;
	padding:0 8px;
}

/* Start IE5-Mac hack
#menu .menu_1 a span {float:none;}
#menu .menu_1_current a span {float:none;}
End IE5-Mac hack */

/* background / font definition, inactive link */

#menu .menu_1 a:link,
#menu .menu_1 a:visited {
	background:url(../images/layout/menu_spacer.jpg) right no-repeat;
}
#menu .menu_1 a:hover {
}

#menu .menu_1 a:link span,
#menu .menu_1 a:visited span {
	color:#FFF;
}
#menu .menu_1 a:hover span,
#menu .menu_1 a:active span,
#menu .menu_1 a:focus span {
	color:#f8c300;	
}

/* layout / font definition, active link */
#menu .menu_1_current a:link,
#menu .menu_1_current a:visited {
	background:url(../images/layout/menu_current_bg.jpg) top repeat-x;
}

#menu .menu_1_current a:link span,
#menu .menu_1_current a:visited span {
	background:url(../images/layout/menu_spacer.jpg) right no-repeat;
	color:#f8c300;
	font-weight:bold;
}
#menu .menu_1_current a:hover span,
#menu .menu_1_current a:active span,
#menu .menu_1_current a:focus span {
}

/********************************************************* _Forms */

input,
select,
textarea {
	color:#000000;
	line-height:20px;
}

select,
textarea {
	border:1px solid #999999;
}

.input_text {
	cursor:text;
	height:17px;
	width:200px;
}

.input_radio {
	background:none;
	border:none;
}

.input_checkbox {
	background:none;
	border:none;
}

.input_captcha {
	width:77px;
}

.input_submit {
	padding:0 5px;
	border:1px solid #000000;
	background:#696969;
	cursor:default;
	color:#FFFFFF;
}


/********************************************************* _Extras */