/*
Styles Layout az-medien.ch
Nov. 2008 by update.ch - Ph.Urlich
*/


/* Global Styles --------------------------------------------------*/

html{
	font-size:62.5%;
	}

body{
	font:normal 1em Arial,Helvetica;
	margin:0 0 20px 0;
	padding:0;
	background-color:#fff;
	color:#000;
	height:100%;
	text-align:center;
	overflow: -moz-scrollbars-vertical;/* adds default vertical scrollbar in mozilla . removes flickering in centered layouts */		
	}



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


a,img{
	border:none;
	outline:none;
	text-decoration:none;
	}

p{
	font-size:1.2em;
	margin:0 0 1em 0;
	padding:0;
	line-height:1.6em;
	}
	
h1{
	font-weight:bold;
	color:#000;
	padding:0;
	margin:0 0 1em 0;
	font-size:1.6em;
	}
	
h2{
	font-weight:bold;
	color:#000;
	padding:0;
	margin:0 0 .5em 0;
	font-size:1.4em;
	}	

.imgLeft{float:left;margin:0 10px 5px 0;}
.imgRight{float:right;margin:0 0 5px 10px}


/* Link Styles ------------------------------------------------------ */

a,a:visited{
	color:#333;
	}

a:hover{
	color:#a00;
	}



a.intLink{
	padding:0 18px 0 0;
	background:transparent url('/fileadmin/_img/arrows/arrow_r_grey.gif') right -1px no-repeat;
	}
a.intLink:hover{background:transparent url('/fileadmin/_img/arrows/arrow_r_magenta.gif') right -1px no-repeat;}

a.weiterLink{
	padding:0 18px 0 0;
	background:transparent url('/fileadmin/_img/arrows/arrow_r_grey.gif') right -1px no-repeat;
	}
a.weiterLink:hover{background:transparent url('/fileadmin/_img/arrows/arrow_r_magenta.gif') right -1px no-repeat;}

a.zurueckLink{
	padding:0 0 0 15px;
	background:transparent url('/fileadmin/_img/arrows/arrow_l_grey.gif') -3px -1px no-repeat;
	}
a.zurueckLink:hover{background:transparent url('/fileadmin/_img/arrows/arrow_l_magenta.gif') -3px -1px no-repeat;}



/* Basic Layout Box Styles ------------------------------------------- */



#wrapper{
	display:block;
	width:975px;
	/*min-height:600px;*/
	margin:15px auto;
	padding:203px 0 0 0;
	text-align:left;
	background:#E5E6E5 url(/_img/main_bg.gif) 0 0 repeat-y;
	position:relative;
	}


#header{
	position:absolute;
	top:0;
	left:0;
	width:975px;height:203px;
	padding:0;
	background:#E5E6E5 url(/_img/header_bg.gif) 0 0 no-repeat;
	text-align:left;
	}


	#logo{
		position:absolute;
		top:14px;
		left:14px;
		margin:0;
	}


	#moodbild{
		position:absolute;
		top:28px;
		left:262px;
		width:614px;
		margin:0;
		padding:0;
	}
	
	#metanav{
		position:absolute;
		top:8px;
		left:679px;
	}
	#metanav ul{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	#metanav ul li{
		margin:0;
		padding:0;
		float:left;
	}
	#metanav ul li a,
	#metanav ul li a:visited{
		margin:0;
		padding:0 10px 0 10px;
		float:left;
		color:#ddd;
		font-size:1.2em;
		font-weight:bold;
	}
	#metanav ul li a:hover{color:#fff;}	
	
	
	
#content_wrapper{
	width:975px;
	
	}

	#content_1col_home{
		float:left;
		width:675px;
		margin:55px 0 0 0;
		padding:0 0 20px 0;
	}
	
	#content_1col{
		float:left;
		width:675px;
		margin:35px 0 0 0;
		padding:0 0 20px 0;
	}	
	
	#breadcrumb{
		margin:5px 0 0 13px;
		padding:0 0 0 0;
		font-size:1.2em;
	}	
	#breadcrumb a{
	}
	
	.trenner{
		width:650px;
		height:23px;
		margin:0 0 5px 0;
		background:transparent url(/_img/content_trennlinie.gif) 0 0 no-repeat;
	}

	
/* TEXT ONLY 1 COLUMN HOMEPAGE ------------------------- */

	.text_box{
		/*width:638px;*/
		/*margin:0 24px 0 13px;*/
		margin:0 64px 0 64px;
	}
	.text_box a,
	.text_box a:visited
	{
		text-decoration:underline;
	}	
	.text_box p{
		font-size:1.2em;
		line-height:18px;
	}

	.text_box h2{
	border-bottom:1px solid #666;
	padding:0 0 .3em 0;
	margin:0 0 12px 0;
	}
	
	.text_box ul{
		 list-style-type:disc;
		 margin:0 0 0 20px;
		font-size:1.2em;
		padding:0;
	}
	.text_box ul li{

	margin:0 0 .5em 0;
	padding:0;
	
	}




	
/* BILD - TEXT 2 COLUMN CONTENT ------------------------- */	

	.bild-text_box{
		/*width:638px;*/
		margin:10px 24px 30px 64px;
	}	
	
	.bild-text_box .image{
		margin:0 20px 1px 0;
		
}
	}	
	.bild-text_box img{	margin:0 0 1px 0;	/*border-bottom:1px solid #aaa;*/}
	
	.bild-text_box .text {
		width:425px;
		margin:0;
	}	 		
	.bild-text_box p{
		font-size:1.2em;
		line-height:18px;
	}	

	
	
	#content_1col a.mehrLink,
	#content_1col a.mehrLink:visited{
		display:block;
		text-indent:22px;
		line-height:1.6em;
		margin:0 0 3px 0;
		font-weight:bold;
		background:transparent url(/_img/btn_weiter_content.gif) center left no-repeat;
		float:right;
		padding:0 0 0 0;
		font-size:1.2em;
	}		
	
	
/* LINKBOX -------------------------------------------- */


	.bild-text_box .linkbox{
		margin:10px 0 0 0;
		float:right;
		width:200px;
	}
	.bild-text_box .linkbox a,
	.bild-text_box .linkbox a:visited{
		display:block;
		text-indent:22px;
		font-size:1.2em;
		line-height:1.6em;
		margin:0 0 3px 0;
		font-weight:bold;
		background:transparent url(/_img/btn_weiter_content.gif) center left no-repeat;
	}	
	

	.text_box .linkbox{
		margin:10px 0 0 0;
		float:left;
		width:400px;
	}
	.text_box .linkbox a,
	.text_box .linkbox a:visited{
		display:block;
		text-indent:22px;
		font-size:1.2em;
		line-height:1.6em;
		margin:0 0 15px 0;
		font-weight:bold;
		text-decoration:none;
		background:transparent url(/_img/btn_weiter_content.gif) center left no-repeat;
	}		


.text_box .projektBox{
	margin:0 0 20px 0;

}

.text_box .projektBox .element{
	margin:1px 0 1px 0;
	padding:5px;
	background-color:#ccc;
}

.text_box .projektBox h2{
	border-bottom:1px solid #666;
}
.text_box .projektBox h2 a{
	text-decoration:none;
}
.text_box .projektBox h2 a span{
	display:block;
	width:12px;
	float:left;
}
.text_box .projektBox h3{
	font-size:1.4em;
	margin:0 0 10px 0;
}

.text_box .projektBox .media{
	width:200px;
	float:left;
	background-color:#fff;
	margin:0 15px 0 0;
}

.text_box .projektBox .descr{
	width:322px;
	float:left;

}


/* NEWS ARCHIV BOX ------------------- */

.text_box .archiv_box{
	margin:0 0 2px 0;
	background-color:#ddd;
	padding:15px;
	}
.text_box .archiv_box h2{
	border-bottom:1px solid #666;
	}


.text_box .archiv_box a{
	font-size:1.2em;
	display:block;
	background:transparent url(/_img/icon_pdf.gif) 0 0 no-repeat;
	padding:2px 0 2px 20px;
	}	
.text_box .archiv_box span.newsdate{ 
	font-size:1.1em;
	padding:1px 0 1px 0;
	}		
	
	
	
/* TEASER BOX 3 COLUMNS HOMEPAGE ------------------------- */	

	.teaser_box_3col{
		width:638px;
		margin:0 24px 0 13px;
	}



/* SIDEBAR STYLES -------------------------- */



#sidebar{
		float:left;
		width:300px;
	}
	
	#sidebar{
		float:left;
		width:300px;
	}
	
	#sidebar .sidebar_box{
		width:300px;
		background:#5D5D5F url(/_img/sidebar_box_top.gif) top left no-repeat;
		margin:0;
		padding:15px 0 0 0;
	}
	#sidebar .sidebar_box .inner{
		margin:0 14px 0 14px;
		padding:0;
	}	
	
	#sidebar .first{
		width:300px;
		background:transparent url(/_img/sidebar_box_top_first.gif) top left no-repeat;
	}
	
	#sidebar .bottom{
		width:300px;
		height:15px;
		background:transparent url(/_img/sidebar_box_bottom.gif) top left no-repeat;
		margin:0;
		padding:0;
	}
	
	#sidebar .sidebar_box h4{
		color:#fff;
		font-weight:normal;
		font-size:1.6em;
		margin:0 0 10px;
		padding:0 0 3px 0;
		border-bottom:1px solid #fff;
	}
	
	#sidebar .sidebar_box p{
		color:#fff;
		font-weight:normal;
		font-size:1.2em;
		line-height:1.3em;
		margin:0 0 1em 0;
		padding:0;
	}
	
	#sidebar a,
	#sidebar a:visited{
		color:#ddd;
	}
	#sidebar a:hover{
		color:#fff;
	}	
	
	
	#sidebar a.mehrLink,
	#sidebar a.mehrLink:visited{
		display:block;
		padding:2px 0 2px 20px;
		margin:0 0 0 0;
		float:right;
		color:#ddd;
		font-size:1.2em;
		background:transparent url(/_img/btn_weiter_sidebar.gif) 0 0 no-repeat;
	}
	#sidebar a.mehrLink:hover{
		color:#fff;
	}	

	.video_container{
		margin:0 0 10px 0;
	}

	p#keywords{
		text-align:justify;
		line-height:1.5em;
	}
	
	p#keywords a,
	p#keywords a:visited{
		color:#ddd;
	
	}
		p#keywords a:hover{
		color:#fff;
	}	



#sidebar .sidebar_box .inner ul{
	list-style-type:disc;
	margin:0 0 1em 15px;
	padding:0;
}
#sidebar .sidebar_box .inner ul li{
	margin:0 0 .5em 0;
	padding:0;
	color:#fff;
	font-size:1.2em;
}

#sidebar .sidebar_box .inner ul li a,
#sidebar .sidebar_box .inner ul li a:visited{
	color:#ddd;
}
#sidebar .sidebar_box .inner ul li a:hover{
	color:#fff;
}


/* FOOTER STYLES ------------------------------ */

#footer{
	width:975px;
	height:180px;
	background:#E5E6E5 url(/_img/footer_bg.gif) 0 0 no-repeat;
	position:relative;
}
	#footer .copyright{
		position:absolute;
		top:14px;
		left:25px;
		font-size:1.2em;
	}
	#footer .footerlinks{
		position:absolute;
		top:38px;
		left:25px;
		font-size:1.2em;
	}
	
	#footer .footerlinks h5{
		font-size:1em;
		width:109px;
		margin:0;
		text-align:right;
	}
	
	#footer .footerlinks .block{
		width:900px;
		margin:0;
		padding:0;
		font-size:.9em;
	}
	#footer .footerlinks .block .left{
		display:block;
		width:110px;
		text-align:right;
		margin:0 15px 0 0;
		padding:0;
		float:left;
	}
	#footer .footerlinks .block .right{
		display:block;
		width:690px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		float:left;
	}
	
	#footer .update{
		position:absolute;
		top:150px;
		left:785px;
		font-size:1.2em;
	}

/* GREY BOX ROUND CORNERS ----------------------------------------------------- */

.left{float:left;}
.right{float:right;}
	
	
.box_round{
	width:209px;
	height:136px;
	background-color:#C8C8C8;
	}
.box_round .inner{
	padding:10px;
	}

.box_round .tl{height:100%;background:transparent url(/_img/round/box_round_tl.gif) top left no-repeat;}
.box_round .bl{height:100%;background:transparent url(/_img/round/box_round_bl.gif) bottom left no-repeat;}
.box_round .tr{height:100%;background:transparent url(/_img/round/box_round_tr.gif) top right no-repeat;}
.box_round .br{height:100%;background:transparent url(/_img/round/box_round_br.gif) bottom right no-repeat;}		



/* TEASER BOX STYLES ----------------------------------------------------- */

.rmdist5{
	margin:0 5px 0 0;	
	}

.teaser_image{
	width:81px;
	height:115px;
	margin:0 10px 0 0;
	}
.teaser_text{
	width:98px;
	height:115px;
	position:relative;
	}
.teaser_text h4{
	margin:0 0 3px 0;
	padding:0;
	font-size:1.2em;
	}
.teaser_text p{
	margin:0;
	padding:0;
	font-size:1.1em;
	line-height:1.3em;
	}
	
.teaser_text a.mehr{
	display:block;
	background:transparent url(/_img/btn_weiter_teaser.gif) 0 1px no-repeat;
	width:50px;
	position:absolute;
	top:105px;
	left:60px;
	text-indent:15px;
	margin:0;
	padding:0;
	font-size:1.1em;
	}

.teaser_text a.ePaper{
	display:block;
	background:transparent url(/_img/btn_weiter_teaser.gif) 0 1px no-repeat;
	width:70px;
	position:absolute;
	top:105px;
	left:45px;
	text-indent:15px;
	margin:0;
	padding:0;
	font-size:1.1em;
	}
	
	
	

/* Moodbild Styles  ------------------------------------------------ */


	#moodbild img{
		position:absolute;
		top:0;
		left:0;
		margin:0;
		padding:0;
	}


/* Language Navigation --------------------------------------------*/

/* Table Styles Content */

/* NEWS SIDEBAR BOX HOME -----------------------------------------------------*/


ul.newslist{
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
}

ul.newslist li{
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;	
}

ul.newslist li a,
ul.newslist li a:visited{
	color:#ddd;	
}

ul.newslist li a:hover{
	color:#fff;	
}


span.newsdate{
	font-size:11px;
}

span.newstext{
	font-size:12px;
}

span.bold{
	font-weight:bold;
	}
	
	
/* PAGE ANVIGATION  ------------------------------------------------------- */



.pageNavigationTop	{
	text-align:right;
	font-size:1.2em;
	padding:2px 2px 5px 0;
}
.pageNavigationTop .newsarchiv{
	
	
	}
.pageNavigationBottom	{
	text-align:right;
	font-size:1.2em;
	padding:5px 2px 2px 0;
}



/* Gaestebuch Link Box ------------------------------------------------ */

/* Ergebnis Liste ------------------------------------------------------ */


.listitem{
	margin:10px 0 10px 0;
}




/* SITEMAP ---------------------------------------------------------------- */

ul.sitemap{
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.sitemap li{
	padding:0;
	margin:0 0 15px 0;	
}

ul.sitemap li a,
ul.sitemap li a:visited{
	padding:0 13px 0 0;
	background:transparent url('/fileadmin/_img/arrows/arrow_b_grey.gif') right 2px no-repeat;
}

ul.sitemap ul{
	list-style-type:none;
	margin:0 0 0 20px;
	padding:0;
}

ul.sitemap ul li{
	margin:0;
	padding:0;
}

ul.sitemap ul li a,
ul.sitemap ul li a:visited{
	background:none;
}


/* List Styles Content ----------------------------------------------------- */

/* TABLE STYLES GLOBAL ---------------------------------------------------------------------- */

.text_box table td{
	font-size:1.2em;
}

.text_box table.tabelle-Light{
	width:100%;
	border:0 !important;
	border-collapse:collapse;
}

.text_box table.tabelle-Light th{
	padding:10px 5px 5px 5px;
	border:0 !important;
	border-bottom:1px solid #5D5D5F !important;
	border-collapse:collapse;
	font-size:1.2em;
	text-align:left;
}
.text_box table.tabelle-Light td{
	padding:5px;
	border:0 !important;
	border-bottom:1px dotted #5D5D5F !important;
	font-size:1.2em;
	text-align:left;	
	border-collapse:collapse;	
}


.text_box table.adressen, table.adressen, table.adresstabelle{
	margin:0 0 20px 0;
	padding: 0;
}

.text_box table.adressen td, table.adressen td, table.adresstabelle td{
	padding:0 15px 20px 0;
}

/* FORMS ---------------------------------------------------------------------- */



	#suche{
		position:absolute;
		top:4px;
		left:800px;
	}
		#suche form{
			margin:0;
			padding:0;
		}
		#suche form fieldset{
		border:0;
			margin:0;
			padding:0;
		}		
		#suche form label{
			color:#fff;
			font-weight:bold;
			font-size:1.2em;
			vertical-align:bottom;
			margin:0 5px 0 0 ;
			padding:4px 0 0 0;
			display:block;
			float:left;
		}		
		#suche form input#suchfeld{
			width:90px;
			font-family:arial;
			font-size:1em;
			height:12px;
			margin:1px 0 0 0;
			padding:0;
			float:left;
		}
		#suche form input#suchbutton{
			width:18px;
			height:18px;
			margin:1px 0 0 3px;
			padding:0;
			float:left;
			background:transparent url(/_img/btn_suchen.gif) 0 0 no-repeat;
		}
		
	#contentsuche{
		margin:0 0 20px 0;
	}
		#contentsuche form{
			margin:0;
			padding:0;
		}
		#contentsuche form label{
			color:#000;
			font-weight:bold;
			font-size:1.2em;
			vertical-align:bottom;
			margin:0 5px 0 0 ;
			padding:4px 0 0 0;
			display:block;
			float:left;
		}		
		#contentsuche form input.suchfeld{
			width:90px;
			font-family:arial;
			font-size:1.2em;
			margin:1px 10px 0 0;
			padding:0;
			float:left;
		}	
		

.formular{
	margin:15px 0 15px 0;
	padding:0;
	}

.formular fieldset{
	margin:0;
	padding:5px 0 20px 0;
	border:1px solid #aaa;
	}

.formular fieldset p.small{
	font-size:1.1em;
	}



.formular fieldset p{
	display:block;
	margin:5px 0 0 150px !important;
	font-size:1em;
	}
	* html .formular fieldset p{
	margin:5px 0 0 163px !important;
	}

.formular fieldset legend{
	font-size:1.3em;
	font-weight:bold;
	padding: 0 10px 0 10px;
	margin:0 10px 0 10px;
	color:#000;
	}

.formular fieldset label{
	margin:12px 10px 0 10px;
	padding:0;
	display:block;
	float:left;
	text-align:right;
	width:130px;
	font-size:1.2em;
	vertical-align:middle;
	}


.formular fieldset label.inline{
	margin:12px 10px 0 10px;
	padding:0;
	display:inline;
	float:none;
	text-align:left;
	width:auto;
	font-size:1.2em;
	vertical-align:baseline;
	}


.formular fieldset .captcha{
	margin:12px 10px 0 150px;
	padding:0;
	vertical-align:middle;
	border:1px solid #666;
	}
	
* html .formular fieldset .captcha{
	margin:12px 10px 0 163px;
	}	

.formular input, .formular  textarea{
	font-family:arial;
	font-size:1.4em;
	margin:7px 0 0 0;
	padding:3px;
	color:#555;
	border-width:1px;
	border-color:#aaa;
	background-color:#fff;
	}
	
.formular input.inline{
	margin:7px 0 0 0;
	padding:3px;
	color:#555;
	}	

.formular input:focus, .formular  textarea:focus{
	color:#2A2724;

	}
	
	.errorMessage{
		color:red;
	}