@import url(content.css);
/* CSS */
html  {
	height:100%;
	overflow-y: scroll;
}
body {
margin : 0;
padding : 0;
height : 100%;
text-align : center;
background : url(../img/hg-muster.gif) repeat #f0f0f0 fixed;
}
body, table {
font-family : arial, sans-serif;
font-size : 12px;
line-height : 1.4em;
}
fieldset {
border : none;
margin : 0;
padding : 0;
}
table {
border-collapse : collapse;
}
td {
text-align : left;
vertical-align : top;
}
../img {
border : none;
}
#HeadBorder {
	position : relative;
	width : 100%;
	height : 85px;
	background : url(../img/hg-body.png) repeat-x;
}
#MainHead {
	position : relative;
	margin : -85px auto 0 auto;
	padding : 0;
	width : 980px;
	height : 204px;
	background : url('../img/hg-head.png') 0 no-repeat;
	text-align : left;
	background-image: url(../img/hg-head.png);
}
#Flags {
	position: absolute;
	top: 16px;
	right: -10px;
	width: auto;
	height: 20px;
}
#Flags > a {
	display: block;
	width: 34px;
	height: 20px;
	margin: 0 10px 0 0;
	float: left;
}

#Main {
position : relative;
width : 980px;
margin : 0 auto 0 auto;
text-align : left;
background : url('../img/hg-main.png') 0 repeat-y;
}
#StyleSelect {
	position : absolute;
	left : 910px;
	top : 116px;
	width : 70px;
	text-align : right;
}
#btnS, #btnN, #btnL {
	float : left;
	width : 23px;
	height : 23px;
	margin : 0;
	padding : 0;
	cursor : pointer;
	border : none;
}
#btnS {background:url(../img/btn-sm.gif) 0 0 no-repeat;}
#btnN {background:url(../img/btn-nl.gif) 0 0 no-repeat;}
#btnL {background:url(../img/btn-la.gif) 0 0 no-repeat;}

#HeadPic {
position : relative;
display : block;
width : 980px;
height : 324px;
background : #ffffff;
margin-bottom : 9px;
}
#FadeDiv, #FadeHG {
	position : absolute;
	top : 9px;
	left : 9px;
	display : block;
	width : 962px;
	height : 306px;
}

#Slider {
	position: relative;
	display: block;
	overflow: hidden;
	width: 980px;
	height: 324px;
	background: #fff;
	margin: 0 0 9px 0;
}
#S1, #S2 {
	position: absolute;
	width: 962px;
	height: 306px;
	top: 9px;
	left: 9px;
}
.HL1, .HL2 {
	position: absolute;
	display: inline-block;
	padding: 0 20px 0 20px;
	margin: 0;
	text-align: left;
	font-family: arial, sans-serif;
	font-weight: bold;	
	line-height:46px;
	height:46px;
	background:url(http://www.s4vs.de/vs../imgDef/vsWithe80.png) 0 repeat;
}
.HL1 {
	top: 0;
	left: 0;
	color: #fd9d13;
	text-align: left;
	font-size: 23px;
}
.HL2 {
	color: #004c97;
	font-size: 19px;
	top: 260px;
	right: 0;
	text-align: right;
}


/* === Footer === */
#Footer {
position : relative;
width : 980px;
margin : 16px auto 16px auto;
text-align : left;
color : #083d73;
font-family : arial, sans-serif;
font-size : 110%;
line-height : 1.1em;
text-align : left;
z-index : 2;
}
#Footer p {
margin : 0 0 0 9px;
line-height : 1.8em;
}
#Footer a, #Footer a:active, #Footer a:visited {
	text-decoration : none;
	color : #083d73;
}
#Footer a:hover {
	text-decoration : underline;
	color : #083d73;
}
.smallCopy {
	float : right;
	font-size : 11px;
	color : rgb(30,30,30);
}
#NLAbo {
	position : absolute;
	top : -140px;
	left : 0;
	width : 260px;
	display : block;
	color : #005aa2;
}
#NewsletterAbo {
	position : absolute;
	width : 242px;
	height : 33px;
	top : 70px;
	left : 10px;
	background : url(../img/hg-form-nlabo.png) 0 bottom no-repeat;
}
#NLAbo p {
	margin : 0 12px 0 12px;
	font-size : 100%;
	line-height : 1.3em;	
}
#nlMail {
	float : left;
	border : none;
	width : 202px;
	height : 22px;
	line-height : 22px;
	background : #fff;
	margin : 7px 0 0 7px;
}
#BtnNLetter {
	display : block;
	width : 28px;
	height : 28px;
	border : none;
	cursor : pointer;
	background : url(../img/vsBlank.gif);	
}
#InpSearch {
	position : absolute;
	top : 154px;
	left : 738px;
	border : none;
	width : 202px;
	height : 22px;
	line-height : 22px;
	background : url(../img/inp-search.png) 0 0 no-repeat;
	margin : 0 0 0 7px;
}
#BtnSearch {
	position : absolute;
	top : 150px;
	left : 947px;	
	display : block;
	width : 28px;
	height : 28px;
	border : none;
	cursor : pointer;
	background : url(../img/vsBlank.gif);
}

/* Startseite */
#StartBild {
	position : relative;
	margin : 0 0 20px 0;
	background : #ffffff;
	padding : 9px 9px 7px 9px;
}
#Slogan {
	position : absolute;
	top : 9px;
	left : 9px;
	width : 962px;
	height : 57px;
	line-height : 57px;
	font-size : 22px;
	font-family : arial, sans-serif;
	font-weight : bold;
	text-align : center;
	color : #e58603;
}
.StartBox {
	position : relative;
	float : left;
	display : block;
	width : 226px;
	height : 208px;
	margin : 0;
	background : url('../img/hg-startbox.png') 0 bottom no-repeat #f0f0f0;
}
.StartBoxLink {
	position : absolute;
	display : block;
	width : 26px;
	height : 26px;
	top : 178px;
	left : 171px;
	text-decoration : none;
}
.StartBox h2 {
	color : #4098d4;
	font-size : 14px;
	font-weight : normal;
	margin : 17px 14px 6px 8px;
	height : 34px;
	line-height : 1.2em;
	text-align: center;
}
.StartBoxPic {
	height : 115px;
	width : 175px;
	text-align : center;
	background : #ffffff;
	margin : 0 22px 0 22px;
}
.StartBox ../img {
	margin : 0 auto 0 auto;
}
#TagCloud {
	float : left;
	display : block;
	width : 302px;
	height : 208px;
	margin : 0;
	background : #ffffff;	
}

/* === Hauptnavigation === */
#Navi {
position : absolute;
top: 58px;
width : 980px;
height : 43px;
line-height : 43px;
font-weight : normal;
font-size : 110%;
font-weight : bold;
}
#Navi ul {
	margin : 0;
	padding : 0;
	display : inline-block;
}
#Navi ul li {
	display : inline-block;
  float : left;
	margin : 0;
	height : 43px;
	line-height : 43px;
	list-style-type : none;
	padding : 0 1px 0 0;
	background : url('../img/N1-spacer.png') right 0 no-repeat;
	text-transform : uppercase;
}
#Navi a, #Navi a:active, #Navi a:visited {
 	position : relative;
  display : block;
	text-decoration : none;
  margin : 0;
  padding : 0 14px 0 14px;
  color : #333333;
}
#Navi a:hover {
	color : #005aa2;
}
#Navi a.On {
	background : url('../img/N1-On.png') 0 repeat-x;
	color : #005aa2;
}
/* === Seitenhauptaufteilung === */
#SpaceL {
	position : relative;
	float : left;
	width : 260px;
	margin : 0 8px 0 0;
	padding : 25px 0 25px 0;
	background : #ffffff;
}
.NHead {
	margin : 0 0 12px 18px;
	border-bottom : 1px solid #cac7c4;
	font-size : 100%;
	font-weight : normal;
	text-transform : uppercase;
}
/* === Unternavigation === */
#SpaceL ul {
margin : 0 0 140px 18px;
padding : 0;
}
#SpaceL ul li {
margin : 0;
padding : 0;
line-height : 22px;
height : 22px;
list-style-type : none;
font-size : 100%;
}
a.SndOff, a.SndOff:active, a.SndOff:visited {
	text-decoration : none;
	display : block;
	line-height : 22px;
	color : #3a92d3;
	padding : 0 0 0 12px;
}
a.SndOff:hover, a.SndOn {
	text-decoration : none;
	display : block;
	line-height : 22px;
	color : #3a92d3;
	padding : 0 0 0 12px;
	background : url('../img/N2On.png') 0 50% no-repeat;
}
a.TrdOff, a.TrdOff:active, a.TrdOff:visited {
	text-decoration : none;
	display : block;
	line-height : 20px;
	color : #3a92d3;
	padding : 0 0 0 24px;
	font-size : 90%;
}
a.TrdOff:hover, a.TrdOn {
	text-decoration : none;
	display : block;
	line-height : 20px;
	color : #153b7b;
	padding : 0 0 0 24px;
	font-size : 90%;
}

/* == Contentbereich === */
#ContentHeadPic {
position : relative;
padding : 10px;
background : #ffffff;
border-bottom : 8px solid #f0f0f0;
}
#ContentHeadPic > h3 {
	letter-spacing: 0.02em;
}
#SH10 {
	position:absolute;
	display: inline-block;
	text-align: left;
	z-index: 2;
	top: 10px;
	left: 0;
	font-family: arial, sans-serif;
	font-size:20px;
	font-weight: bold;
	color: #fd9d13;
	padding: 0 30px 0 30px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	background:url(http://www.s4vs.de/vs../imgDef/vsWithe80.png) 0 repeat;
}
#SH11 {
	position:absolute;
	text-align:right;
	z-index:2;
	bottom:0;
	right:0;
	font-family: arial, sans-serif;
	font-size:16px;
	font-weight: bold;
	color:#004c97;
	padding:0 30px 0 30px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	background:url(http://www.s4vs.de/vs../imgDef/vsWithe80.png) 0 repeat;
}
#ContentInner {
background : #ffffff;
margin : 0;
padding : 28px 0 8px 0;
text-align : left;
}
.Content {
position : relative;
float : left;
width : 712px;
min-height : 300px;
display : block;
margin: 0;
padding : 0 0 20px 0;
background : transparent;
text-align : left;
}
#Text {
position : relative;
margin : 0 18px 0 18px;
width : 525px;
float : left;
}
#TextStatic {
position : relative;
margin : 0 0 0 18px;
width : 676px;
float : left;
}
#ContentR {
position : relative;
display : block;
float : left;
width : 130px;
margin : 34px 0 0 0;
padding : 0;
border-left : 1px solid #cac7c4;
color : #3a92d3;
font-size : 100%;
text-align : center;
}
.RBox {
position : relative;
width : 98px;
border : 2px solid #cccccc;
padding : 10px 0 10px 0;
text-align : center;
margin : 0 auto 20px auto;
}
p {
margin : 0 0 6px 0;
}
p.bez1 {
float : left;
margin : 0;
width : 60px;
}
p.bezf {
float : left;
margin : 0;
width : 138px;
font-family : arial, sans-sans-serif;
}
p.bez2 {
margin : 0;
}
p.nscr {
margin : 0;
padding : 0;
}
p.nobr {
	margin : 0;
}
.tab {
float : left;
width : 96px;
}
.tab2 {
float : left;
width : 44px;
}
/* Formular */
.inp {
	font-size : 100%;
	line-height : 1.6em;
	height : 1.6em;
	width : 220px;
	font-family : arial, sans-sans-serif;
	border:1px solid #bfbfbf;
}
.Backlink, .BacklinkGlossar {
	float : right;
	display : inline-block;
	padding : 0 0 0 20px;
	background : url(../img/backlink.gif) 0 50% no-repeat;
}
.BacklinkGlossar {
	font-family : arial, sans-sans-serif;
}
.but {
	margin:0 10px 0 0;padding:0;
	width:112px;
	height:25px;
	line-height:25px;
	text-align:center;
	border:none;
	color:rgb(40,40,40);
	background : url(../img/btn-frm.gif) 0 0 no-repeat;
	cursor:pointer;
	font-weight:normal;
}
.but:hover {
	color : #d27f1a;
	background-position : 0 -37px;
}
label.Frm {
	float:left;
	display:block;
	width:80px;
	font-size : 100%;
}
a.../imgClose {
	display : block;
	width : 20px;
	height : 20px;
	text-decoration : none;
	background : url(../img/vsClose.gif) 0 0 no-repeat;
}
/* === News === */
.NewsStatus {
	position : relative;
	display : block;
	font-size : 100%;
	font-family : 'Courier New', arial, sans-serif;
	line-height : 2em;
	margin : 0 0 12px 0;
	border-top : 1px dotted #cac7c4;
	border-bottom : 1px dotted #cac7c4;
}
#NewsMenue {
	position : relative;
	display : block;
	font-size : 105%;
	height : 24px;
	line-height : 24px;
	margin : 0 0 12px 0;
	border-bottom : 1px solid #cac7c4;
}
.NewsOn {
	position : relative;
	float : left;
	height : 23px;
	line-height : 23px;
	margin : 0;
	padding : 0 16px 0 16px;
	border-left : 1px solid #cac7c4;
	border-top : 1px solid #cac7c4;
	border-right : 1px solid #cac7c4;
	border-bottom : 1px solid #ffffff;
}
.NewsOff {
	position : relative;
	float : left;
	height : 23px;
	line-height : 23px;
	margin : 0;
	padding : 0 16px 0 16px;
	border-left : 1px solid #ffffff;
	border-top : 1px solid #ffffff;
	border-right : 1px solid #ffffff;
	border-bottom : 1px solid #cac7c4;
}
#NewsMenue a, #NewsMenue a:active, #NewsMenue a:visited, .NewsList a, .NewsList a:visited, .NewsList a:active {
	text-decoration : none;
	color : #444444;
}
#NewsMenue a:hover, .NewsList a:hover {
	text-decoration : none;
	color : #0eabfc;
}
ul.NewsList {
	margin-bottom : 60px;	
}
ul.NewsList li.News1 {
	font-size : 102%;
	list-style-image : url(../img/NewsList.gif);
}
ul.NewsList li.News2 {
	font-size : 102%;
	list-style-image : none;
	list-style-type : none;
}
/* === Glossar === */
.Hyperbox {
	position : absolute;
	display : none;
	z-index : 5;
	width : 204px;
	height : auto;
}
.HyperTop {
	width : 204px;
	height : 10px;
	background : url(../img/hyperbox-top.png) 0 0 no-repeat;
	font-size : 2px;
}
.HyperBody {
	width : 204px;
	height : auto;
	background : url(../img/hyperbox-hg.png) 0 0 repeat-y;
}
.HyperFoot {
	width : 204px;
	height : 22px;
	background : url(../img/hyperbox-bottom.png) 0 0 no-repeat;
}
.HyperBody p {
	margin : 0;
	padding : 0 10px 0 8px;
	font-size : 95%;
	color : #444444;
	text-align : left;
	line-height : 1.4em;
}
.HyperBody a, .HyperBody a:active, .HyperBody a:visited {
	color : #0095d5;
}
.HyperBody a:hover {
	color : #083d73;
}
.HyperBody  h2 {
	text-align: left;
	font-size: 14px;
	margin: 0;
	padding : 0 10px 8px 8px;
	color: #555;
}
.HyperBody .StFlag {
	position: absolute;
	top: 10px;
	right: 10px;
}
.HyperBody ul {
	text-align: left;
	font-size: 12px;
	margin: 0;
	padding : 0 10px 8px 28px;
	color: #555;
}
.HyperBody ul li {
	list-style-image : url(http://2013.comcoplast.com/de/vsImages/list.gif);
}

p.Hypertext a {background:rgb(230,230,230)}
a.Glossar, a.Glossar:visited, a.Glossar:active, a.GlossarOn {
	float : left;
	display : block;
	width : 165px;
	height : 1.6em;
	line-height : 1.6em;
	color : #222222;
	background-color : #f0f0f0;	
	text-decoration : none;
	margin : 0 1px 1px 0;
	padding : 0 0 0 2px;
	font-size : 95%;
	overflow : hidden;
}
a.Glossar:hover, a.GlossarOn:hover  {
	color : #083d73;
	background-color : #cecece;
	text-decoration : none;
}
a.AlphaOff, a.AlphaOff:active, a.AlphaOff:visited {
	display:block;
	width:19px;
	height:19px;
	line-height:19px;
	text-align:center;
	color : #083d73;
	border:1px solid #083d73;
	background : #f0f0f0;
	margin:0 5px 22px 0;
	float:left;
}
a.AlphaOff:hover, a.AlphaOn, a.AlphaOn:hover, a.AlphaOn:visited, a.AlphaOn:active  {
	display:block;
	width:19px;
	height:19px;
	line-height:19px;
	text-align:center;
	color : #ffffff;
	border:1px solid #000000;
	background : #083d73;
	margin : 0 5px 22px 0;
	float : left;
}
.AlphaLeer {
	display:block;
	width:19px;
	height:19px;
	line-height:19px;
	text-align:center;
	color : #bebebe;
	border:1px solid #bebebe;
	background-color : #f4f4f4;
	margin:0 5px 22px 0;
	float : left;
	cursor : default;
}
.GlHyper {
	display : inline-block;
	background : url(../img/glossar-hyper.png) 0 bottom repeat-x;
	cursor: default;
}

/* === Routenplaner === */
#directions {
width:280px;
height:410px;
overflow : auto;
font-size : 11px;
margin : 0;
line-height : 1.2em;
color : #222222;
}
#directions table td {
font-size : 12px;
line-height : 1.2em;
color : #222222;	
}
#directions table td a, #directions table td a:visited, #directions table td a:active, #directions table td a:hover {
	color : #0eabfc !important;
}
#MapClose {
	position : relative;
	display : block;
	height : 24px;
	width : 24px;
	float : right;
	background : url(../img/btn-mapclose.png) 0 0 no-repeat;
	cursor : pointer;
	border : none;
}
#fromAddress {
	background : url(../img/inp-route.png) 0 0 no-repeat;
	height : 20px;
	line-height : 20px;
	border : 1px solid #797979;
	float : left;
	margin-right : 5px;
}
#btnRoute {
	background : url(../img/btn-route.png) 0 0 no-repeat;
	width : 110px;
	height : 24px;
	line-height : 24px;
	border : none;
	color : #ffffff;
	text-align : center;
	font-weight : normal;
	margin-top : 1px;
	float : left;
	margin : 0;
	cursor : pointer;
}

/* Default Styles */
#map_canvas {
	font-size: 12px;
	line-height: 1.3em;
}
/* ------------------------------------------------------------------------- */
#PWZugang {
	position: relative;
	background: #efefef;
	border: 1px solid #a2acae;
	margin: 60px 0 0 20px;
	width: 360px;
	padding: 20px;
}

a#TopArrow {
	position: fixed;
	display: block;
	right: 20px;
	bottom: 20px;
	width: 45px;
	height: 45px;
	background: url('../img/btn-top.png') 0 0 no-repeat;
}
a#TopArrow > span {
	display: none;
}
/* ------------------------------------------------------------------------- */
#ToolTipp {
	position: absolute;
	display: block;
	height: auto;
	width: 154px;
	font-size:11px;
	line-height: 1.2em;
	text-align: left;
	color: #5c5c5c;
	z-index: 100;
	display: none;
}
#ToolTippH {
	width: 158px;
	height: 8px;
	background: url('http://www.s4vs.de/vs../imgDef/bg-tipp-h.png') 0 0 no-repeat;
}
#ToolTippB {
	width: 140px;
	padding: 0 10px 2px 8px;
	height: auto;
	background: url('http://www.s4vs.de/vs../imgDef/bg-tipp-b.png') 0 0 repeat-y;
}
#ToolTippF {
	width: 158px;
	height: 21px;
	background: url('http://www.s4vs.de/vs../imgDef/bg-tipp-f.png') 0 0 no-repeat;
}
/* ------------------------------------------------------------------------- */

#venussystems {
	margin-top: 12px;
	padding-top : 1.2em;
	border-top : 1px solid rgb(150, 150, 150);
	width : 100%;
	font-family : verdana, arial, sans-serif;
	font-size : 11px;
	text-align : left;
	line-height : 1.2em;
}
#logow3org {
	display : inline-block;
	margin : 0;
	float : right;
	clear : right;
}
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, font, ../img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {
	line-height:1;
	color:black;
	/*background:white;*/
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===============      ====*/
/*=== Stili principali ===*/
/*===============    ====*/
body {
	font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#2d3536;
}

a, a:visited {
	color:#2d3536;
	text-decoration:none;
	border-bottom:1px dotted #826a4d;
}
a:hover, a:active {
	color:#9e805c;
	text-decoration:none;
}


/*============================*/
/*=== Stili per lo slider ===*/
/*============================*/
#slider {
	border: 2px solid #333;
	width:962px;
	height:306px;
	margin:0px auto;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider ../img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	display:none;
	position:absolute;
	left:435px;
	bottom:0px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}