/*
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 {
}
#onecol table td {
	border-bottom: 1px dotted red;
	border-left: none;
	border-right: none;
	border-top: none;
	font-size:1.15em;
	margin:1em 0 1em 0;
	padding:0;
	line-height:18px;
	vertical-align: top;
}
#onecol table {
	border: none;
	/*border-top: 1px dotted red;*/
}
/* 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;
}

