/* - - - - - - - - - - - - - - - - - - - - -

 Title : femprintstyles.css
 Author : doris schneider, grafik nach mass
 URL : http://www.grafik-nach-mass.de

 Last Updated : October 17, 2008

- - - - - - - - - - - - - - - - - - - - - */



* {margin:0;padding: 0;border:0;}

html {height:100%;}

body {
min-height:101%;
position:relative;
font-family: arial;
font-weight:normal;
color:#000;
font-size:12px;
text-align:center;
margin: 0;
}

alt {color:#000}

a:link {text-decoration:underline;}

#topmenu, #submenu {display:none;}

p {
font-family: arial;
font-weight:normal;
color:#000;
text-align: left;
line-height: 16px;
margin-top: 18px;
padding: 0px 18px;
}

p a:link {
text-decoration: none;
color:#000;
font-weight:bold;
display: inline;
width: 100%;
}


.nomargin {margin-top: -18px !important;}
.semimargin {margin-top: -9px !important;}

em {font-weight:bold; font-style:normal;}

h1, h2, h3, h4, h5 {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 16px;
text-align:left;
margin: 18px;
}

h1, h3, h4, h5 {color: #000;}
h2 {color: #000;}

h1 .erf {color:#000;}

h1 a:link {
text-decoration: underline;
color:#000;
font-weight:bold;
display: inline;
width: 100%;
}


h2 a:link {
text-decoration: underline;
color: #000;
font-weight:bold;
display: inline;
width: 100%;
}

h3 a:link {text-decoration: underline;color:#000;}
h4 a:link {text-decoration: underline;color:#000;}
h5 a:link {text-decoration: underline;color:#000;}



form {padding:30px;}
form p {color: #000;padding-left:0}

fieldset {border:none;}

legend {
font-family: arial;
font-size: 11px;
font-weight:bold;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #000;
}

label {
display:block;
font-family: arial;
font-size: 12px;
font-weight:bold;
color: #000;
line-height:2em;
width:250px;
margin-top:10px;
}

.hidden {display:none;}

input, textarea {
display:block;
font-family: arial;
font-size: 12px;
font-weight:normal;
color: #000;
line-height:1.4em;
width:320px;
border:1px solid #000;
padding:3px;
}


.checkbox_label, .checkbox, .button {display:inline;}
.checkbox {width:1.4em; height:1.4em;line-height:2.4em;margin-right:10px;margin-bottom:-1px;border:1px solid #000;}
.checkbox_label {line-height:2.4em;padding-bottom:5px;}
.button {width:100px;font-weight:bold;color: #ffffff; background-color:#000;margin-top: 15px;}
.button:hover {background-color:#cccccc;}

.required {color:#cc0000;}

input:focus, textarea:focus {border:2px solid #000;background-color:#eeeeee;}


#col01 ul,
#col02 ul,
#col03 ul,
#col0203 ul{
list-style-type:none;
font-family: arial;
font-weight:normal;
font-size: 12px;
text-align: left;
margin:18px
}

#col01 li,
#col02 li,
#col03 li,
#col0203 li {
color:#000;
line-height: 18px;
white-space:pre;
}


#col01 li a:link {
text-decoration: none;
color:#000;
font-weight:bold;
display: inline;
width: 100%;
}

#col02 li a:link,
#col03 li a:link,
#col0203 li a:link {
text-decoration: none;
color:#000;
font-weight:bold;
display: inline;
width: 100%;
}

.referenzen a:link {font-weight:normal !important;text-decoration:underline !important;}
.referenzen a:visited {font-weight:normal !important;text-decoration:none !important;}
.referenzen a:hover {font-weight:normal !important;text-decoration:underline !important;}
.referenzen a:active {font-weight:normal !important;text-decoration:none !important;}

#col01 li a:visited,
#col02 li a:visited,
#col03 li a:visited,
#col0203 li a:visited {text-decoration: none;font-weight:bold;color:#000;}

#col01 li a:hover,
#col02 li a:hover,
#col03 li a:hover,
#col0203 li a:hover {text-decoration: none;color:#ccc;}

#col01 li a:active,
#col02 li a:active,
#col03 li a:active,
#col0203 li a:active {text-decoration: none;color:#ccc;}




.erf .title {
text-transform: uppercase;
letter-spacing: 0.1em;
color:#cc0000 !important;
font-weight: bold !important;
font-size: 11px;
line-height: 16px;
margin: 6px 0;
}

.erf .title a:link {
display:none
}

.erf .title a:visited {display:none}
.erf .title a:hover {display:none}
.erf .title a:active  {display:none}

.erf ul {clear:both;}

.erf li {margin: 12px 0;}

.erf li a:link {display:none}

.erf li a:visited {display:none}
.erf li a:hover {display:none}
.erf li a:active  {display:none}

.hg_img {position:relative;}
.overlay_text {position:absolute; top:0; left:0}
.overlay_img {position:absolute;bottom:0; left:0}



.news li {
font-size: 11px !important;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight:bold;
color: #cc0000 !important;
margin-top:20px;
}

.news li a:link {
text-decoration: none;
color: #cc0000 !important;
font-weight:bold;
display: inline;
width: 100%;
}

.news li a:visited {text-decoration: none;color: #cc0000 !important;}
.news li a:hover {text-decoration: none;color:#ccc;}
.news li a:active  {text-decoration: none;color:#ccc;}


.press li {
margin:18px 0;
white-space:pre;
}

.press li a:link {
text-decoration: none;
font-weight:bold !important;
display: inline;
width: 100%;
}

.press li a:visited {text-decoration: none;font-weight:bold !important;color: #000;}
.press li a:hover {text-decoration: none;color:#ccc;}
.press li a:active  {text-decoration: none;color:#ccc;}


.columns3 {float:left;display:block;width:25%;padding-left:10px}
.columns3 li {white-space:pre;margin: 10px 0;}


.to_top {
display:none
}

.to_top:hover {background-image:url(../gif/pfeil2.gif);}


.filmstrip li {
background-image:url(../gif/filmstrip.gif);
background-position:left center;
background-repeat:no-repeat;
text-transform: uppercase;
letter-spacing: 0.1em;
color:#cc0000 !important;
font-weight:bold !important;
font-size: 11px;
line-height: 20px !important;
padding-left: 20px;
}

.filmstrip li a:link {color:#cc0000 !important;font-weight:bold !important;}
.filmstrip li a:visited {text-decoration: none;color:#ccc;}
.filmstrip li a:hover {text-decoration: none;color:#ccc;}
.filmstrip li a:active  {text-decoration: none;color:#ccc;}

#filmstrip {text-align:center;width:100%; height:100%;margin: 2em auto;}


#col01 img,
#col02 img,
#col03 img,
#col0203 img {border:0;}

#col03 img {margin:0;}

.img_float {float:left;display:inline;}


dl {}
dt {}
dd {float:right;text-align:left;margin-top:10px;padding-right:60px;}

.download li {margin-bottom:10px}
.download img {float:left;margin-left:18px; margin-right:18px;}



/*Floats clearen*/
.clearfix:after {content:".";display: block;height: 0;clear:both;visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* Layout */


#header {
background-image:url(../gif/hg_header.gif);
background-position:top center;
background-repeat:no-repeat;
width: 966px;
height: 90px;
background-color:#fff;
text-align:center;
margin:auto;
margin-top:20px;
padding-top:10px;
}


#contactform #header {
width: 400px;
height: 90px;
background-color:#fff;
text-align:center;
margin:auto;
padding-top:10px;
}


#content {
width: 966px;
height: auto;
background-color:#fff;
margin: auto;
padding-bottom:20px;
}

#content_erf {
background-image:url(../jpeg/hg_erfahrungen.jpg);
background-position:top center;
background-repeat:no-repeat;
width: 966px;
height: auto;
background-color:#fff;
margin: auto;
padding-top:73px;
padding-bottom:20px;
}


#content_xmas {
background-image:url(../jpeg/head_xmas.jpg);
background-position:top center;
background-repeat:no-repeat;
width: 966px;
height: auto;
background-color:#fff;
margin: auto;
padding-top:73px;
padding-bottom:20px;
}

#xmas {
background-color:#660000;
padding:24px 0;
width:322px;
height:152px;
margin:0;
}


#contactform #content {
width: 400px;
height: auto;
background-color:#fff;
margin: auto;
padding-bottom:20px;
text-align:left;
}

.special {padding-bottom: 0 !important;}


#col01 {
float:left;
width: 322px;
height: auto;
background-color:#fff;
margin: 0;
padding: 0;
}


#col01 img {
}

#col02 {
float:left;
width: 322px;
height: auto;
background-color:#fff;
margin: 0;
padding: 0;
}



#col0203 {
float:left;
width: 614px;
height: auto;
background-color:#fff;
margin: 0;
padding: 0 30px 0 0;
}




#col03 {
float:left;
width: 322px;
height: auto;
background-color:#fff;
margin: 0;
padding: 0;
}





#footer {
width: 966px;
background-color: #003080;
margin: auto;
}


#contactform #footer {
width: 400px;
background-color: #003080;
margin: auto;
}


#see{
background-image:url(../jpeg/sehen.jpg);
width:322px;
height:88px;
background-position:center;
background-repeat:no-repeat;
margin:0;
padding:0;
text-indent:-5000px}

#hear{
background-image:url(../jpeg/hoeren.jpg);
width:322px;
height:88px;
background-position:center;
background-repeat:no-repeat;
margin:0;
padding:0;
text-indent:-5000px}

#taste{
background-image:url(../jpeg/schmecken.jpg);
width:322px;
height:88px;
background-position:center;
background-repeat:no-repeat;
margin:0;
padding:0;
text-indent:-5000px}


#feel{
background-image:url(../jpeg/tasten.jpg);
width:322px;
height:88px;
background-position:center;
background-repeat:no-repeat;
margin:0;
padding:0;
text-indent:-5000px}

#see:hover {background-image:url(../jpeg/sehen2.jpg);width:322px;}
#hear:hover {background-image:url(../jpeg/hoeren2.jpg);width:322px;}
#taste:hover {background-image:url(../jpeg/schmecken2.jpg);width:322px;}
#feel:hover {background-image:url(../jpeg/tasten2.jpg);width:322px;}