/************************/
/*   css for formzone   */
/*                      */
/* written and composed */
/*  by markus erdmann   */
/*   2008 esense gmbh   */
/*                      */
/************************/

/****** main Wrap ******/

body
{
margin:0px;
padding:0px;
background:transparent url(../pics/bg-body.gif) 0px 120px repeat;
line-height:0;
font-family: Verdana, Arial, Sun Regular, sans-serif;
font-size:small;
line-height:100%;
color:#5d5b5b;
cursor:default;
}

a
{
color:#5d5b5b;
text-decoration:none;
outline:none;
outline-style:none;
outline-width:0;
}

ul, ol, li
{
list-style-type:none;
}

/***** header *****/

#header
{
position:relative;
left:0px;
top:0px;
margin:0px;
padding:0px;
width:100%;
height:120px;
background:transparent url(../pics/bg-header.gif) 0 0 repeat-x;
float:left;
z-index:300;
}

#logoFz
{
position:absolute;
top:56px;
left:93px;
margin:0px;
padding:0px;
height:28px;
width:133px;
float:left;
}

#logoFzFoto
{
position:absolute;
top:56px;
left:89px;
margin:0px;
padding:0px;
height:28px;
width:137px;
float:left;
}

#logoFzPrint
{
position:absolute;
top:-1000px;
left:-1000px;
}

/***** main container *****/

#pageWrapper {
position:relative;
top:0px;
left:0px;
margin:0px;
padding:0px;
width:100%;
height:auto;
float:left;
background:transparent url(../pics/bg-wrapper-big.gif) 442px 0px no-repeat;
}

#mainNavWrapper {
position:relative;
top:0px;
left:0px;
width:230px;
height:460px;
background-color:transparent;
float:left;
}

.contentWrapper {
position:relative;
top:0px;
left:0px;
width:100%;
min-width:1013px;
max-width:1072px;
background-color:transparent;
height:auto;
float:left;
margin:0px;
}

.contentContainer {
position:relative;
top:0px;
width:630px;
background-color:white;
height:auto;
float:right;
margin:0px 0px 0px 0px;
}

.subNavWrapper {
position:absolute;
top:0px;
left:-198px;
width:170px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px;
background-color:white;
z-index:6000;
float:left;
}

.subNavFrame {
position:relative;
width:170px;
height:auto;
background-color:transparent;
float:left;
}

/***** content styles *****/

.content,
.content315,
.content529,
.content560,
.content604,
.content630,
.content333,
.content340,
.text560
{
position:relative;
top:0px;
left:0px;
height:auto;
min-height:640px;
width:100%;
padding:0px;
margin:0px 0px 20px 0px;
font-size:11px;
font-weight:normal;
line-height:20px;
clear:both;
z-index:3000;
}

.content
{
width:758px;
}

.content315
{
width:315px;
background:transparent url(../pics/315.gif) 0 40px no-repeat;
}

.content529
{
width:529px;
background:transparent url(../pics/529.gif) 0 0 no-repeat;
}

.content333
{
width:333px;
background:transparent url(../pics/333.gif) 0 0 no-repeat;
}

.content340
{
width:340px;
background:transparent url(../pics/340.gif) 0 0 no-repeat;
}

.content560
{
width:560px;
background:transparent url(../pics/560.gif) 0 0 no-repeat;
}

.content604
{
width:604px;
background:transparent url(../pics/604.gif) 0 0 no-repeat;
}

.content630
{
width:630px;
background:transparent url(../pics/630.gif) 0 0 no-repeat;
}

.text560
{
width:560px;
background-color:transparent;
}

.content p,
.content315 p,
.content529 p,
.content333 p,
.content340 p,
.content560 p,
.content604 p,
.content630 p,
.text560 p
{
margin:0px;
padding:0px 0px 0px 0px;
width:auto;
font-size:11px;
font-weight:normal;
line-height:20px;
float:left;
display:block;
}

.content h2,
.content315 h2,
.content529 h2,
.content333 h2,
.content340 h2,
.content560 h2,
.content604 h2,
.content630 h2,
.text560 h2
{
margin:0px;
padding:0px 10px 0px 0px;
width:auto;
font-size:11px;
font-weight:normal;
line-height:20px;
float:left;
}

.content2Column
{
position:relative;
top:0px;
left:0px;
margin:-10px 0px 0px 0px;
padding:0px;
width:100%;
}

.content3Column
{
width:630px;
z-index:3500;
}

.column2box
{
width:50%;
height:auto;
position:relative;
top:0px;
left:0px;
margin:0px;
padding:0px;
float:left;
}

.column3box
{
width:33.3%;
height:auto;
position:relative;
left:0px;
margin:0px;
padding:0px;
float:left;
}

.content2box,
.content3box
{
padding-left:20px;
}

.textDownload
{
position:relative;
top:0px;
margin:0px;
width:auto;
float:right;
line-height:20px;
padding:0px 20px 0px 0px;
background:transparent url(../pics/bg-pdf-text-hover.gif) 0px 2px no-repeat;
cursor:pointer;
font-size:11px;
font-weight:normal;
line-height:20px;
}

.textDownload:hover
{
background:transparent url(../pics/bg-pdf-text-hover.gif) 0px -19px no-repeat;
}

.arrowTitle,
h2.arrowTitle
{
position:relative;
left:0px;
margin:0px;
padding:0px 0px 0px 20px;
background:transparent url(../pics/bg-arrowOne.gif) 1px 50% no-repeat;
font-weight:normal;
display:block;
width:100%;
float:none;
font-size:11px;
font-weight:normal;
line-height:20px;
}

.arrowMover
{
padding:0px 0px 0px 20px;
background:transparent url(../pics/bg-mover-hover.gif) 0px 2px no-repeat;
float:left;
font-size:11px;
font-weight:normal;
line-height:20px;
}

.arrowMover:hover
{
background:transparent url(../pics/bg-mover-hover.gif) 0px -19px no-repeat;
}

.arrowWeb
{
padding:0px 0px 0px 20px;
background:transparent url(../pics/bg-web.gif) 0px 2px no-repeat;
float:left;
font-size:11px;
font-weight:normal;
line-height:20px;
}

.arrowWeb:hover
{
background:transparent url(../pics/bg-web-active.gif) 0px 1px no-repeat;
}

.arrowPdf
{
padding:0px 0px 0px 20px;
background:transparent url(../pics/bg-pdf-text-hover.gif) 2px 2px no-repeat;
float:left;
font-size:11px;
font-weight:normal;
line-height:20px;
}

.arrowPdf:hover
{
background:transparent url(../pics/bg-pdf-text-hover.gif) 2px -19px no-repeat;
}

.vcard
{
padding:0px 0px 0px 20px;
background:transparent url(../pics/vcf_inaktiv.gif) 2px 3px no-repeat;
float:left;
font-size:11px;
font-weight:normal;
line-height:20px;
}

.vcard:hover
{
background:transparent url(../pics/vcf_aktiv.gif) 2px 3px no-repeat;
}

/***** image gallery *****/

.galleryNav {
position:relative;
left:0px;
top:0px;
width:50px;
height:20px;
margin:-25px 0px 0px 0px;
}

.galleryPrev a {
position:relative;
left:0px;
top:0px;
width:25px;
height:20px;
float:left;
background: transparent url(../pics/pfeil_navi_100.gif) 0 0 no-repeat;
filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
}

.galleryPrev a:hover {
width:25px;
height:20px;
background: transparent url(../pics/pfeil_navi_100.gif) 0 0 no-repeat;
filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;
}

.galleryNext a {
position:relative;
left:0px;
top:0px;
width:25px;
height:20px;
float:right;
background: transparent url(../pics/pfeil_navi_100.gif) -25px 0px no-repeat;
filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
}

.galleryNext a:hover {
width:25px;
height:20px;
background: transparent url(../pics/pfeil_navi_100.gif) -25px 0px no-repeat;
filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;
}

/***** footer *****/

#footerWrapper
{
position:relative;
bottom:0px;
left:0px;
margin:0px;
padding:0px;
width:100%;
min-width:1013px;
height:100px;
background:transparent url(../pics/bg-footer.gif) 442px 80px no-repeat;
float:left;
}

#footerContainer
{
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px;
height:100%;
width:100%;
min-width:1013px;
max-width:1072px;
float:left;
background-color:transparent;
}

.footer
{
position:relative;
top:80px;
left:0px;
width:630px;
height:20px;
background-color:#f7f7f7;
float:right;
}

.footer p
{
margin:0px;
padding:0px;
font-size:9px;
line-height:20px;
font-weight:normal;
}

.footer p,
.footer a
{
color:#939393;
}

/***** special styles *****/

.clear
{
width:100%;
display:block;
clear:both;
height:0px;
line-height:0.0;
}

.line
{
position:relative;
top:0px;
left:0px;
margin:0px;
padding:0px;
width:100%;
height:1px;
background:transparent url(../pics/point-line.gif) 1px 0px no-repeat;
float:left;
line-height:1px;
font-size:1px;
}

/***** end of css *****/