/* CSS werken . ch */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* werken
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

pre,table,p{
	margin:0;
	padding:0;
	border:none;
}

iframe {
	background-color: #EEE;
}

.line_top {
	border-top:1px solid #CCC;
}
.line_bot {
	border-bottom:1px solid #CCC;
}

.line_top_b {
	border-top:1px solid #000;
}
.line_bot_b {
	border-bottom:1px solid #000;
}

/* struktur
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#playground{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0 0 30px 0;
}
#kopf{
	position:relative;
	top:15px;
	left:33px;
	width:77px;
	height:32px;
	margin:0 0 30px 0;
	padding:0;
	color:#000000;
}
#titel{
	position:absolute;
	top:0;
	left:0;
	width:77px;
	height:32px;
	margin:0;
	padding:0;
	color:#000000;
}
#adresse{
	position:absolute;
	top:8px;
	left:92px;
	width:750px;
	height:32px;
	margin:0;
	padding:0;
	color:#000000;
	text-transform:lowercase;
}
#adresse a{
	color:#000000;
	text-decoration:none;
}
/* menu swv + wsp
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#swvm,#werkspurenm{
	position:relative;
	top:0;
	left:0;
	margin:0 0 2px 34px;
	padding:0;
	white-space:nowrap;
	overflow:visible;
}
#swvm_sub,#werkspuren_m{
	position:relative;
	top:0;
	left:0;
	margin:0 0 2px 34px;
	padding:0;
	white-space:nowrap;
	overflow:visible;
}
/*
> DEFAULT.CSS --> CLASS .menu
.swv,.swv_cur,.swv_sub,.swv_sub_cur,.werkspuren,.werkspuren_cur,.werkspuren_sub,.werkspuren_sub_cur{
	letter-spacing:1px;
*/
.swv a{
	display:block;
	margin:0;
	padding:1px 9px;
	color:#fff;
	background-color:#676767;
	text-decoration:none;
}
.swv a:hover,.swv_sub a:hover{
	color:#fff;
	background-color:#afd1e1;
}
.swv_cur a,.werkspuren_cur a,.swv_sub_cur a,.werkspuren_sub_cur a{
	display:block;
	margin:0;
	padding:1px 9px;
	color:#fff;
	background-color:#000;
	text-decoration:none;
	text-transform:uppercase;
}
.swv_cur a:hover, .swv_sub_cur a:hover, .werkspuren_cur a:hover {
	color:#fff;
	background-color:#000;
}
.werkspuren a{
	display:block;
	margin:0;
	padding:1px 9px;
	color:#fff;
	background-color:#676767;
	text-decoration:none;
}
.werkspuren a:hover,.werkspuren_sub a:hover{
	color:#fff;
	background-color:#bc8cab;
}
.swv_sub a,.werkspuren_sub a{
	display:block;
	margin:0;
	padding:1px 9px;
	color:#fff;
	background-color:#b7b7b7;
	text-decoration:none;
}
/* inhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#inhalt{
	position:absolute; /* relative */
	top:111px;
	left:0;
	margin:30px 0 0 10px;
	padding:0;
	color:#000;
	z-index:0;
}
/* links
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#inhalt a{
	color:#666666;
	text-decoration:none;
}
#inhalt a:hover{
	text-decoration:underline;
}
/* swv
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#inhalt #a{
	position:absolute;
	top:0;
	left:-9px;
	margin:0;
	z-index:1;
}
#inhalt #b{
	position:absolute;
	top:59px;
	left:112px;
	margin:0;
	z-index:0;
}
/* bild + text
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#inhalt .bildnav{
	position:absolute;
	top:6px; /* 3px; */
	left:0px;
	margin:0;
	padding:0;
	width:300px;
	text-align:right;
}
/*
#inhalt .bildnav a{
	font-size:14px;
	font-weight:bold;
}
*/
#inhalt .bild{
	position:absolute;
	top:36px; /* 22px; */
	left:0;
	margin:0;
	padding:0;
	width:300px;
}
#inhalt .bild .legende{
	margin:7px 0 0 0;
	padding:0;
	width:300px;
	text-align:left;
}
#inhalt .text{
	position:absolute;
	top:0;
	left:310px;
	width:620px;
	margin:0;
	padding:0 0 30px 0;
}
/* */
.wsp_img {
	background-color:#FFF;
	vertical-align:top !important;
	height:73px !important;
}
/* wps bestell
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#wsp_jump {
	position:absolute;
	top:0px;
	left:0;
	margin:3px 0 0 0;
	padding:0;
	width:250px;
}
#slideshow {
	position:absolute;
	top:47px;
	left:0;
	margin:0;
	padding:0;
	width:620px;
	height:350px;
	text-align:right;
}
#thumbnails {
	position:absolute;
	top:407px;
	left:-10px;
	margin:0;
	padding:0;
	width:630px;
	height:71px;
	text-align:right;
}
/* wsp uebersicht
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.hefttitel div {
	float:left;
	width:62px;
}
a img.wsp_thumb { 
	border:1px solid white;
}
a:hover img.wsp_thumb {
	border:1px solid #666;
}
/* wsp einzelheft
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.loading {
	background: url(../pix/loading.gif) no-repeat 365px 187px;
}
.slideshowThumbnail {
	outline: none;
}
.slideshowThumbnail img {
	border: 1px solid #fff;
	padding:0;
	margin:0 0 0 10px;
}
a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 0;
	margin:0 0 0 10px;
}
.current img {
	padding: 0;
	margin:0 0 0 10px;
}
.outline {
	border: 1px solid #666;
	z-index: 0;
	position: absolute;
}
/*
#wsp_klein img {
	float:right;
	margin:0 0 0 10px;
	padding:0;
}
*/
/* wsp pdf
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#pdfliste {
	position:absolute;
	top:500px;
	left:0;
	margin:0;
	padding:0 0 15px 0;
	width:620px;
/*	min-height:100px; */
	background-color:#EEE;
}
#pdfliste h4 {
/*	font-family: courier; */
	font-weight: bold;
	border-bottom: #000 solid 1px;
	margin: 4px 0 8px 0;
}
#pdfliste h4 a {
	font-weight: normal;
}
/*
#swv_pdf {
	position: absolute;
	top: 490px;
	left: 8px;
	width: 612px;
	background-color: #eee;
}
*/
#pdfliste ul.liste {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: inside;
}
a.pdf, a .pdf, li.pdf {
	margin: 0;
	padding: 0 0 0 14px;
	background: url(../pix/pdf.gif) no-repeat 0 0;
	border-bottom: none !important;
}
li a.pdf, li a .pdf, li.pdf {
	padding: 0 0 0 20px !important;
}
a.pdf, a .pdf {
	text-decoration: underline !important;
}
a.pdf:hover, a:hover .pdf {
	text-decoration: none !important;
}
/* wsp bestell
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#inhalt .bildgross{
	position:absolute;
	top:36px;
	left:0;
	margin:0;
	padding:0;
	width:610px;
	height:352px;
}
#inhalt .bildgross .thumb{
	position:absolute;
	top:374px;
	left:0px;
	width:610px;
	margin:0;
	padding:0;
	text-align:left;
}
#inhalt .bildgross .thumb_a{
	position:absolute;
	top:374px;
	left:105px;
	width:41px;
	margin:0;
	padding:0;
	width:41px;
	text-align:left;
}
#inhalt .bildgross .thumb_b{
	position:absolute;
	top:374px;
	left:155px;
	width:83px;
	margin:0;
	padding:0;
	width:41px;
	text-align:left;
}
#inhalt .bildgross .thumb_c{
	position:absolute;
	top:374px;
	left:247px;
	width:83px;
	margin:0;
	padding:0;
	width:41px;
	text-align:left;
}
#inhalt .bildgross .thumb_d{
	position:absolute;
	top:374px;
	left:339px;
	width:83px;
	margin:0;
	padding:0;
	width:41px;
	text-align:left;
}
#inhalt .bildgross .thumb_e{
	position:absolute;
	top:374px;
	left:431px;
	width:83px;
	margin:0;
	padding:0;
	width:41px;
	text-align:left;
}
#inhalt .bildgross .thumb_f{
	position:absolute;
	top:374px;
	left:523px;
	width:83px;
	margin:0;
	padding:0;
	width:41px;
	text-align:left;
}
#inhalt .textschmall{
	position:absolute;
	top:0;
	left:620px;
	width:310px;
	margin:0;
	padding:0 0 30px 0;
}
#inhalt .textschmal .form_schmal{
	position:relative;
	top:0;
	left:620px;
	width:310px;
	margin:0;
	padding:0;
}
#inhalt .textschmal .form_schmal .inputtext{
	position:relative;
	top:-14px;
	left:110px;
	width:300px;
}
/* bild schatten
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.alpha-shadow {
	float: right; /* left; */
	text-align:right;
	background: url(../pix/shadow1.gif) no-repeat bottom right;
	margin:0 0 0 0;
/*	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
*/
}

.alpha-shadow div {
	background: url(../pix/shadow2.png) no-repeat left top !important;
	background: url(../pix/shadow2.gif) no-repeat left top;
	margin:0;
	padding:0px 4px 4px 0px;
}

.alpha-shadow img {
	background-color: #fff;
/*	border: 1px solid #a9a9a9;
*/	padding:0px;
}
/* listen
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*
> STYLE + WIN
#inhalt ul.square{
	margin:0 0 0 14px;
	padding:0;
	list-style-type:square;
}
#inhalt ul.img{
	margin:0 0 0 14px;
	padding:0;
	list-style-type:square;
	list-style-image:url(../inc/hellip.gif)
}
*/
#inhalt .zeileoutput{
	float:left;
	top:0;
	left:0;
	width:620px;
	margin:0;
	padding:0 0 42px 0;
}
#inhalt .zeileoutput .subdoppio{
	float:left;
	top:0;
	left:0;
	width:620px;
	margin:0;
	padding:7px 0 7px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
#inhalt .zeileoutput .sub{
	float:left;
	top:0;
	left:0;
	width:620px;
	margin:0;
	padding:7px 0 7px 0;
	border-bottom:1px dashed #000;
}
#inhalt .zeileoutput .subend{
	float:left;
	top:0;
	left:0;
	width:620px;
	margin:0;
	padding:7px 0 7px 0;
}
#inhalt .zeileoutput ul.label li{
	float:left;
	top:0;
	left:0;
	width:100px;
	margin:0;
	padding:0;
}
#inhalt .zeileoutput ul.output li{
	float:right;
	top:0;
	left:0;
	width:500px;
	margin:0;
	padding:0 10px 0 0;
}
#inhalt .zeile{
	float:left;
	top:0;
	left:0;
	width:930px;
	margin:0;
	padding:0 0 14px 0;
}
#inhalt .zeile ul,#inhalt .zeileoutput ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#inhalt .zeile ul li img{
/*	margin-top:1px;
	margin-right:1px;
	margin-bottom:1px;
*/
}
#inhalt .zeile ul.bildeins li{
	float:left;
	width:300px;
	min-height:0;
	margin:0;
	text-align:right;
	border-top:1px dashed gray;
}
#inhalt .zeile ul.bildeinstext li{
	float:left;
	width:275px;
	min-height:0;
	margin:0 0 0 25px;
	text-align:left;
}
#inhalt .zeile ul.textzwei li{
	float:right;
	width:620px;
	margin:0;
	padding:5px 0 0  0;
	text-align:left;
}
#inhalt .zeile ul.textzweiohne li{
	float:right;
	width:620px;
	margin:0;
	padding:0;
	text-align:left;
}
/*	VORMALS
#text .zeile ul.textzwei li{
	float:right;
	width:620px;
	margin:0;
	text-align:left;
}
*/
#inhalt .zeile ul.bildzwei{
	float:left;
	width:610px;
	margin:0;
	text-align:right;
}
#inhalt .zeile ul.texteins{
	float:right;
	width:310px;
	margin:0 10px 0 0;
	text-align:left;
}
/* aktuell
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#inhalt .aktuell{
	float:right;
	width:620px;
	margin:7px 0;
	padding:7px 0;
	text-align:left;
	border-top:1px dashed #000;
	border-bottom:1px dashed #000;
}
#inhalt .aktuell div{
	height:1px;
	margin:7px 0 7px;
	border-bottom:1px dotted #000;
}
/* bulletin tabelle
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#inhalt table.bulletin{
	margin:4px 0 0 0;
	padding:4px 0;
	border-top:1px dashed #000;
	border-bottom:1px dashed #000;
}
/* formular
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#inhalt form#Formular{
	width:620px;
}
#inhalt form#Formular .formular_zeile{
	width:610px;
}
#inhalt form#Formular .formular_zeile .labels{
	width:100px;
	height:14px;
	vertical-align:middle;
	margin-right:10px;
}
#inhalt form#Formular .formular_zeile .inputtext{
	position:relative;
	top:-14px;
	left:110px;
	width:300px;

}
#inhalt form#Formular .formular_zeile .inputtexts{
	position:relative;
	top:-14px;
	left:110px;
	width:300px;
	white-space:nowrap;

}
#inhalt form#Formular .formular_zeile .inputstrong{
	position:relative;
	top:-14px;
	left:110px;
	width:300px;
	font-weight:bold;
}
/* text
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
strong, b{
	font-weight:bold;
}

.tab_left{
	margin:0;
	padding:16px 8px 12px 10px;
	width:174px;
	color:gray;
	background-color:#fff;
	white-space:nowrap;
}
.tab{
	margin:0;
	padding:16px 8px 12px 10px;
	width:174px;
	color:gray;
	background-color:#fff;
	white-space:nowrap;
}

/* wsp aktion
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
img#aktion5
{
	position:	absolute;
	top:		-60px;
	left:		860px;
	width:		78px;
	height:		77px;
}
/* mp
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.swved a,
a.swved
{
	color: red !important;
	text-decoration: none !important;
	border-bottom: none !important;
}
.swved a:hover,
a.swved:hover
{
	color: #000 !important;
}
.swved a img,
a.swved img
{
	border: none !important;
}