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


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

html{
	font-size:62.5%;
	}

body.page{
	font:normal 1em verdana,helvetica;
	margin:6px 0 20px 0;
	padding:0;
	height:100%;
	text-align:left;
	line-height:18px;
	}



.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 */
	


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

p{
	font-size:1.2em;
	margin:1em 0 1em 0;
	padding:0;
	line-height:18px;
	}
	
	
ul,ol{
	margin:1em 0;
	padding:0 0 0 35px;
	
}

ol{
	margin:1em 0;
	padding:0 0 0 35px;

}
ol li,ul li{
	font-size:12px!important;
}

.bold{
	font-weight:bold;
}



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


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

a:hover{
	color:#a00;
	}

h2 a,
h2 a:visited{
	color:#000 ;	
}
h2 a:hover{
	color:#a00;
}



a.weiterlink,
a.weiterlink:visited{
	display:block;
	font-size:1.2em;
	padding:0 16px 4px 0;
	color:#d00;
	background:transparent url('../img/icon_link.gif') right 4px no-repeat;
	}


a.prevlink,
a.prevlink:visited{
	padding: 0 5px 0 18px;
	background:transparent url('../img/arrow_left.gif') left 2px no-repeat;
	}
a.prevlink:hover{background:transparent url('../img/arrow_left.gif') left 2px no-repeat;}

a.nextlink,
a.nextlink:visited{
	padding:0 18px 0 5px;
	background:transparent url('../img/arrow_right.gif') right 2px no-repeat;
	}
a.nextlink:hover{background:transparent url('../img/arrow_right.gif') right 2px no-repeat;}


a.toplink,
a.toplink:visited{
	float:right;
	padding:0 15px 0 5px;
	margin:0 0 20px 0;
	background:transparent url('../img/arrow_up.gif') right 4px no-repeat;
}




a.link_pdf,
a.link_pdf:visited{
	padding:2px 0 2px 20px;
	margin:0 0 0 0;
	background:transparent url('../img/icon_pdf.png') left center no-repeat;
}

a.link_doc,
a.link_doc:visited{
	padding:2px 0 2px 20px;
	margin:0 0 0 0;
	background:transparent url('../img/icon_word.png') left center no-repeat;
}

a.link_xls,
a.link_xls:visited{
	padding:2px 0 2px 20px;
	margin:0 0 0 0;
	background:transparent url('../img/icon_excel.png') left center no-repeat;
}

a.link_ppt,
a.link_ppt:visited{
	padding:2px 0 2px 20px;
	margin:0 0 0 0;
	background:transparent url('../img/icon_powerpoint.png') left center no-repeat;
}

a.link_arrow,
a.link_arrow:visited{
	padding:0 0 0 20px;
	margin:0 0 0 0;
	background:transparent url('../img/icon_link.gif') 4px 3px no-repeat;
}




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


img.imgleft{
	float:left;
	margin:7px 10px 0 0;
}
img.imgright{
	float:right;
	margin:7px 0 0 10px;
}


.leftfloat{
	float:left;	
}

.rightfloat{
	float:right;	
}


.textright{
	text-align:right;	
}
.textleft{
	text-align:left;	
}


#header{
	width:989px;
	height:65px;
	padding:0;
	background:transparent url(../img/header_bg2.jpg) 0 0 no-repeat;
}

#logo_sev{
	position:absolute;
	top:6px;
	left:750px;
	width:237px;
	height:58px;
}

#dividerbar{
	width:100%;
	height:25px;
	margin-top:0;
	background-color:#000;
	position:relative;
}

#wrapper{
	position:relative;
	width:989px;
	padding:0 0 0 0;
	text-align:left;
	background:transparent url(../img/content_vline.gif) 0 0 repeat-y;	
	
}
	
#content{
	float:left;
	display:inline;
	width:514px;
	padding:8px 0 0 25px;
	min-height:500px;
	margin:0 0 20px 188px;
	position:relative;
}

#sidebar{
	position:relative;
	float:left;
	display:inline;
	width:237px;
	background-color:#f1eff0;
	margin:8px 0 0 25px;
	font-size:0.9em;
	line-height:15px;
}



#navigation{
	float:left;
	position:relative;
	display:inline;
	width:188px;
	margin:0 0 0 -989px;
	background-color:transparent;
}

	
#footer{
	width:100%;
	height:25px;
	background-color:#000;
	position:relative;
}

#navigation .address{
	position:relative;
	text-align:right;
	padding: 10px;
	font-style:normal;
	font-size:1.1em;
	width:120px;
	float:right;
	margin:0;
}





	
/* CONTENT TYPES STYLES */


#onecol{
	margin:0 0 40px 0;	
	position:relative;
}

#onecol span.date{
	display:block;
	padding: 0 0 10px 0;
	font-size:1.2em;
	color:#777;
}

#content span.content_title{
	font-weight:normal;
	font-size:1.3em;	
	color:#777;
	text-transform:uppercase;
	margin:0 0 1.384em 0;
	padding:0;	
	display:block;
	width:350px;
}

#content h1{
	font-size:1.6em;	
	margin:.6em 0 .6em 0;
}

#content p.leadtext{
	font-size:1.2em;	
	margin:1em 0;
	font-weight:bold;
}

#onecol h2{
	font-size:1.2em;	
	margin:1em 0 1em 0;
}

#onecol h3{
	
}

#onecol h4{

}


/* SPEZIAL CONTENT */
	
	
	
.employee_3col{
	border:1px solid #aaa;
	margin:10px 10px 0 0;
	width:159px;
	height:315px;
	text-align:center;
}

.employee_3col img{
	margin: 13px auto 5px auto;
}

.employee_3col p.name{
	text-align:left;
	font-size:1.1em;
	line-height:1.3em;
	margin:0 13px 5px 13px;
	text-align:left;
	font-weight:bold;
}

.employee_3col p.function{
	font-size:1.1em;
	line-height:1.2em;
	font-weight:normal;
	text-align:left;
	margin:0 13px 5px 13px;
}

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

	
/* TEASER COLS  ----------------------------------------------- */

#teaser_area{
	margin:20px 0 0 0;	
	padding:20px 0 0 0;
	border-top:1px dotted #aaa;
}

#leftcol{
	float:left;
	width:247px;
	margin:0 0 0 0;
	padding:0 0 20px 0;
}

#rightcol{
	float:left;
	width:247px;
	margin:0 0 0 20px;
	padding:0 0 20px 0;
}	

.singleteaser{
	margin:0 0 20px 0;	
	border-bottom:1px dotted #aaa;
}

.singleteaser h2{
	font-size:1.3em !important;
	margin:.2em 0 .6em 0  !important;
}

.singleteaser .date{
	font-size:1.2em;
	color:#777;
}
.singleteaser .category{
	font-size:1.2em;
	color:#777;
}






/* INLINE BOXES AND IMAGES STYLES -------------------------- */

.left{
	float:left;
	margin:0 2em .5em 0 ;
}

.right{
	float:right;
	margin:0 0 .5em 2em;
}



.artikelimagebox{
	padding:0;
	/*border:1px solid #777;*/
	width:247px;
}
.artikelimagebox img{
	padding:0;
	margin:0 0 .5em 0;
	/*border:1px solid #777;*/
	width:247px;
}

.relatedlinksbox h3{
	font-size:1.2em;	
	margin:1em 0 .5em 0;
	color:#777;
	border-bottom:1px dotted #777;
}


.relatedlinksbox ul{
	margin:1em 0 1em 0 !important;
}


.relatedlinksbox ul.linkliste{
	margin:1em 0 1em 0 !important;
	padding:0;
	list-style-type:none;
}

.relatedlinksbox ul.linkliste li{
	margin:0 0 8px 0;
	padding:0;
 }

.relatedlinksbox ul.linkliste a,
.relatedlinksbox ul.linkliste a:visited
{
	font-size:.9em;
	display:block;
	background:transparent url(/img/icon_doc.gif) 0 0 no-repeat;
	padding:0 0 0 20px!important;
	line-height:1.3em;
}






.inlinebox{
	padding:10px;
	margin-top:.4em;
	/*border:1px solid #777;*/
	width:227px;
}


.inlinebox h2{
	font-size:1.2em !important;	
	margin:0 0 0 0 !important;
}

.inlinebox p{
	font-size:1.1em !important;
}

.redbox{
	border:1px solid #d00;
	background-color:#f2e4e5;
}


.inlinebox ul, .inlinebox ol{
	
	margin:0 0 0 0!important;	
	padding:0 0 0 15px;
}
.inlinebox ul li, .inlinebox ol li{
	font-size:1.1em!important;
}


.inlineimage{
	margin-top:.4em;
}
.inlineimage img{
	margin:0 0 .5em 0;
}
.inlineimage p.legende,
#content p.legende{
	font-size:1em;
	margin:0 0 0 0;
	padding:0;
	color:#777;
}

.inlineimage p.legende{
	font-size:1em;
	margin:0;
	padding:0;
}






/* Artikel Übersicht Teaser ---------------------------- */

div.artikel_teaser{
	position:relative;
	border-bottom:1px dotted #777;
	padding:10px 0;
}
.artikel_teaser span.date{
	width:420px;
	padding:0 !important;
	margin:0;
}
.artikel_teaser h2{
	width:420px;
	padding:0;
	margin:0 !important;	
	font-size:1.4em !important;
}
.artikel_teaser p{
	width:420px;
	margin:.2em 0;
	padding:0;
}
.artikel_teaser a{
	
}
.artikel_teaser img{
	position:absolute;
	top:18px;
	right:0;
}









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


	
	#sidebar .sidebarbox{
		margin:0 6px 10px 6px;
		padding:0;
		border-bottom:1px dotted #777;
	}
	
	
	#sidebar .sidebarbox h4{
		color:#777;
		font-size:1.3em;
		margin:.3em 0 .6em 0;
		padding:0 0 0 0;
	}
	#sidebar .sidebarbox p{
		color:#00;
	}	
	
	#sidebar .sidebarbox ul{
		margin:1em 0 1em 0 !important;
		padding:0 0 0 15px !important;
	}	
	
	#sidebar .sidebarbox ul li{
		font-size:11px !important;
	}	




/* SERVICE BAR STYLES ------------------------------ */


#servicebar {
	position:absolute;
	top:10px;
	left:390px;
	width:200px;
	font-size:.9em;
}

a#btn_print{
	background:transparent url(../img/icon_print.gif) 0 0 no-repeat;
	padding:2px 0 4px 22px;
	margin:0 10px 0 0;
	
}
a#btn_recommend{
	background:transparent url(../img/icon_recommend.gif) 0 0 no-repeat;
	padding:2px 0 4px 23px;
	margin:0 10px 0 0;
}




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


	#footer .copyright{
		position:absolute;
		margin:0 0 0 0;
		left:45px;
		top:4px;
		font-size:1em;
		color:#fff;
	}

	#footer .update{
		position:absolute;
		margin:0 0 0 0;
		top:4px;
		left:860px;
		font-size:1em;
		color:#fff;
	}
	#footer a,
	#footer a:visited{
		color:#d00;	
	}



	

/* Suchergebnis Liste ------------------------------------------------------ */

ul.listitem{
	border-bottom:1px dotted #777;
	padding:10px 0;
}


ul.listitem p{
	margin:.2em 0;
	padding:0;
}

ul.listitem a,
ul.listitem a:visited{
	display:block;
	margin:.2em 0 !important;
	padding:0;
	font-size:1.2em !important;
	font-weight:bold;
}

ul.listitem span.date{
	color:#777;
	font-size:1em !important;
	display:inline!important;
}


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



/* VOTING STYLES -------------------------------------------------- */


#voting{
		
}


#voting ul.answers{
	margin:0;
	padding:0;
	list-style-type:none;
	
}


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

#voting form#votingform{
	margin:0;
	padding:0;
	
}


#voting form#votingform input{
	margin:3px 0;
	padding:3px 0;
	vertical-align:bottom;
}

#voting em{
		font-size:1.2em;
		color:#777;
}

#voting dl.voting_result{
		font-size:1.2em;
		margin:10px 0 10px 10px;
}

#voting dl.voting_result dt{
		
}

#voting dl.voting_result dd{
		margin:0 0 5px 0;
		padding:0;
		font-size:.8em;
		width:90%;
}
#voting dl .border{
		background-color:#ccc;
		height:8px;
		width:90%;
}

#voting dl .balken{
		background-color:#CC6;
		height:8px;
}


/* VOTING RESULTATSEITE ------------------------------------------ */

#content .voting_result_box{
		border-top:1px dotted #aaa;
		background-color:#fff;
		padding:0 10px 10px 10px;
}

#content .voting_result_box em{
		font-size:1.2em;
		color:#777;
}

#content dl.voting_result{
		font-size:1.2em;
		margin:10px 0 10px 10px;
}

#content dl.voting_result dt{
		
}

#content dl.voting_result dd{
		margin:0 0 5px 0;
		padding:0;
		font-size:.8em;
		width:90%;
}

#content dl .border{
		background-color:#ddd;
		height:8px;
		width:100%;
}


#content dl .balken{
		background-color:#CC6;
		height:8px;
}


/* EPAPER ARCHIV LISTING ---------------------- */


ul.epaper{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}

ul.epaper li{
	margin:0 4px 5px 0;
	padding:5px;
	float:left;
	list-style-type:none;
	background-color:#f1eff0;
}

.sidebar_epaper{
	text-align:center;
	background-color:#E2E2E2;
	padding:10px;
	font-size:12px;
	margin:0 0 5px 0;
}

/*  Thumbnails Bildergalerien Unterverband SBV    */

div.galerie img {
float: left;
margin-right: 14px;
margin-bottom: 14px;
}