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

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

 Last Updated : february 12, 2010

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

@import url(navigation.css);
@import url(specials.css);


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

html {height:100%;}

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

alt {color:#000080}

a:link {
text-decoration: none;
color: #fff;
display: inline;
width: 100%;
padding: 0;
outline:none;
}

a:visited {text-decoration : none;color : #fff;outline:none;}
a:hover {text-decoration : none;color : #ff9999;outline:none;}
a:active {text-decoration : none;color : #ff9999;outline:none;}


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

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


p a:visited {text-decoration: none;color:#000080;font-weight:bold;display: inline;width: 100%;}
p a:hover {text-decoration: none;color:#ccc;display: inline;width: 100%;}
p a:active {text-decoration: none;color:#ccc;display: inline;width: 100%;}

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

em {font-weight:bold; font-style:normal;}
em strong {font-weight:bold !important; font-style:normal;}


hr {
	height:1px;
	border-bottom: 1px solid #000080;
}


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


h2, h3, h4, h5 {
margin-top: 36px;
}

h1 {color: #cc0000;}
h2 {color: #000080;}
h3 {color: #000080;}
h4 {color: #cc0000;}
h5 {color: #000080;}


h1 .erf {color:#cc0000;}

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

h1 a:visited, h2 a:visited {text-decoration: none;color:#ccc;}
h1 a:hover, h2 a:hover {text-decoration: none;color:#ccc;}
h1 a:active, h2 a:active  {text-decoration: none;color:#ccc;}


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

h2 a:visited {text-decoration: none;color:#cc0000;}
h2 a:hover {text-decoration: none;color:#ccc;}
h2 a:active  {text-decoration: none;color:#ccc;}


h3 a:link {text-decoration: underline;color:#000080;}
h3 a:visited {text-decoration: underline;color:#000080;}
h3 a:hover {text-decoration: none;color:#ccc;}
h3 a:active {text-decoration: none;color:#ccc;}

h4 a:link {text-decoration: underline;color:#000080;}
h4 a:visited {text-decoration: underline;color:#000080;}
h4 a:hover {text-decoration: none;color:#ccc;}
h4 a:active {text-decoration: none;color:#ccc;}

h5 a:link {text-decoration: underline;color:#000080;}
h5 a:visited {text-decoration: underline;color:#000080;}
h5 a:hover {text-decoration: none;color:#ccc;}
h5 a:active {text-decoration: none;color:#ccc;}


form {padding:18px;text-align: left;}
form p {padding-left:0; margin-bottom: 2em;}

fieldset {clear:both;border:none;}
fieldset div {float:left; display:block;width:auto;margin-top: 1em;margin-right: 2em;}

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

label {
display:block;
font-family: arial;
font-size: 12px;
font-weight:bold;
color: #000080;
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: #000080;
line-height:1.4em;
width:320px;
border:1px solid #000080;
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 #000080;}
.checkbox_label {line-height:2.4em;padding-bottom:5px;}
.button {width:100px;font-weight:bold;color: #ffffff; background-color:#000080;margin-top: 15px;}
.button:hover {background-color:#cccccc;}

.required {color:#cc0000;}

input:focus, textarea:focus {border:2px solid #000080;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:#000080;
line-height: 1.25em;
margin-bottom: 12px;
white-space:pre;
}


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

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

.bu {font-size: 8px;display:inline; margin: 0;}


.referenzen a:link {font-weight:normal !important;text-decoration:underline !important;}
.referenzen a:visited {font-weight:normal !important;text-decoration:underline !important;}
.referenzen a:hover {font-weight:normal !important;text-decoration:none !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:#000080;}

#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 h3 {font-weight:normal;}

.erf h1, .erf h3 {
font-family: arial;
color:#000080;
font-size:12px;
text-transform:none;
letter-spacing:normal;
text-align: left;
line-height: 16px;
margin-top: 18px;
padding: 0px;
cursor:default;
}

.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 {
text-decoration: none;
color: #cc0000 !important;
font-weight:bold !important;
display: inline;
width: 100%;
}

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

.erf ul {clear:both;}

.erf li {margin: 12px 0;}

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

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

.hg_img {position:relative; width:322px;}

.overlay_text {position:absolute; top:0; left:0; z-index:500}
.overlay_img {position:absolute;bottom:0; left:0}

.overlay_text .title {
font-size: 11px;
text-transform: uppercase;
color: #000080 !important;
letter-spacing: 0.1em;
line-height: 16px;
text-align:left;
margin: 18px 0;
}

.newshead {color: #cc0000 !important;}

.newshead a:link {text-decoration: none;color:#cc0000;}
.newshead a:visited {text-decoration: none;color:#cc0000;}
.newshead a:hover {text-decoration: none;color:#ccc;}
.newshead a:active {text-decoration: none;color:#ccc;}

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

.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: #000080;}
.press li a:hover {text-decoration: none;color:#ccc;}
.press li a:active  {text-decoration: none;color:#ccc;}


.sitemap {margin-top:-20px;margin-bottom:20px;}
.sitemap li {white-space:pre !important;margin-bottom: 10px;}

.sitemap a:link {font-weight:normal !important;text-decoration:none !important;white-space:normal;}
.sitemap a:visited {font-weight:normal !important;text-decoration:none !important;white-space:normal;}
.sitemap a:hover {font-weight:normal !important;text-decoration:none !important;white-space:normal;}
.sitemap a:active {font-weight:normal !important;text-decoration:none !important;white-space:normal;}

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


.to_top {
background-image:url(../gif/pfeil.gif);
background-position:left center;
background-repeat:no-repeat;
line-height: 20px !important;
font-weight:bold;
padding-left: 20px;
margin-left:18px;
}

.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: 18px;
}

.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 {
	position:absolute;
	top:50%;
	left:50%;
	width:320px;
	height:240px;
	border: thin solid #fff;
	text-align: center;
	padding: 5px;
	margin-top: -160px;
	margin-left: -160px;
	}
	
#filmstrip_16_9 {
	position:absolute;
	top:50%;
	left:50%;
	width:640px;
	height:351px;
	border: thin solid #fff;
	text-align: center;
	padding: 5px;
	margin-top: -160px;
	margin-left: -320px;
	}	
	
.teaser_filmstrip {
	clear:both;
	background: url(../jpeg/hg_teaser_film.jpg) no-repeat top center #0d84e1;
	width: 510px;
	height: 180px;
	padding: 10px;
	margin: 36px 0 0 18px;
	border-left: 10px solid #c00;
	}
	
.teaser_filmstrip div {
	float:left;
	width: 160px;
	}	
	
.teaser_filmstrip h4 {
	color: #fff;
	font-weight: bold !important;
	margin: 14px 0 20px 0;
	}
	
.teaser_filmstrip p {
	color: #fff;
	font-weight: bold;
	text-align:left !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.4em;
	}
	
.teaser_filmstrip p a:link {color:#fff !important;}
.teaser_filmstrip p a:visited {text-decoration: none;color:#fff;}
.teaser_filmstrip p a:hover {text-decoration: none;color:#ccc;}
.teaser_filmstrip p a:active  {text-decoration: none;color:#ccc;}


.teaser_filmstrip strong {
	font-weight: bold !important;	
}
	
.teaser_filmstrip img {
	float: right;
	background-color: #003080;
	width: 320px;
	height: 175px;
	padding: 2px;
	border: 1px solid #fff !important;
	}	

#videoPlayer p {text-align: center;color:#fff;}

#videoPlayer p a:link {color:#fff !important;font-weight:bold !important;}
#videoPlayer p a:visited {text-decoration: none;color:#fff!important;}
#videoPlayer p a:hover {text-decoration: none;color:#ccc!important;}
#videoPlayer p a:active  {text-decoration: none;color:#ccc!important;}

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

#col03 img {margin:0;}

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


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

.bold {font-weight:bold;}

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

.listing {
	float: left;
	display:block;
	width: auto;
	margin-top: 0 !important;
	padding-top:0 !important;
}

.listing li{
	list-style-type: disc;
	list-style-position: inside;
}

.bottom {
	position:absolute;
	bottom:10px;
	left:0;
	color: #fff;
	font-size:9px;
}

.soldout {font-style:italic;font-weight:bold;color: #999 !important;}
.soldout span {font-weight:bold;color: #cc0000 !important;}


.thanks {padding:30px 10px;}

.index p strong {font-weight:normal}


/*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 {
background: url(../jpeg/hg_col01.jpg) left top repeat-y #003080;
position:relative;
width: 966px;
height: auto;
background-color:#fff;
margin: auto;
padding-bottom:20px;
}

#content_erf {
position:relative;
background: url(../jpeg/hg_col01.jpg) left top repeat-y #003080;
width: 966px;
height: auto;
background-color:#fff;
margin: auto;
padding-top:73px;
padding-bottom:20px;
}


#content_erf_header {
position:absolute;
background-image:url(../jpeg/hg_erfahrungen.jpg);
background-position:top center;
background-repeat:no-repeat;
top: 0;
left: 0;
width: 966px;
height: 73px;
}

#content_erf_content {
position:relative;
background: none;
width: 966px;
height: auto;
background-color:#fff;
margin: auto;
padding-bottom:20px;
}



#content_xmas {
position:relative;
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 {
background:none;
width: 400px;
height: auto;
background-color:#fff;
margin: auto;
padding-bottom:20px;
text-align:left;
}

#contactform #submenu li {
float:left;
padding-left:30px;
}

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


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

.hg_col01 {}

#event_anim {
background: url(../anim/01.jpg) center no-repeat #003080;
color: #fff;
font-size:9px;
line-height:24pt;
width: 322px;
height: 145px;
}

#dim_anim {
background: url(../anim/hg_anim_dim.jpg) center no-repeat #003080;
color: #fff;
font-size:9px;
line-height:24pt;
width: 322px;
height: 145px;
}


#dim_anim_fuhrpark {
background: url(../anim/hg_anim_dim.jpg) center no-repeat #003080;
color: #fff;
font-size:9px;
line-height:24pt;
width: 322px;
height: 200px;
}


#gallery {
width: 322px;
height: 145px;
}

#gallery img {
float:left;
}

#content #col01 h1,
#content_erf #col01 h1 {
background: url(../jpeg/hg_subline.jpg) center no-repeat #003080;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-size: 11px;
line-height: 18px;
font-weight:bold;
text-align:left;
color:#fff;
margin: 0;
padding: 9px 18px;
}


#content_erf #col01 h1,
#content_erf #col01 h2,
#content_erf #col01 h3,
#content_erf #col01 h4,
#content_erf #col01 p {color:#fff}

#content_erf #col01 p a:link {color:#fff}
#content_erf #col01 p a:visited {color:#fff}
#content_erf #col01 p a:hover {color:#ccc}
#content_erf #col01 p a:active {color:#ccc}

/*#content_erf #col01 ul {margin-bottom:0;}*/

#content_erf #col01 li,
#content_erf #col01 .news {color:#fff !important;}

#content_erf #col01 li a:link,
#content_erf #col01 .news li a:link {color:#fff !important;}
#content_erf #col01 li a:visited,
#content_erf #col01 .news li a:visited {color:#fff !important;}
#content_erf #col01 li a:hover,
#content_erf #col01 .news li a:hover {color:#ccc !important;}
#content_erf #col01 li a:active,
#content_erf #col01 .news li a:active {color:#ccc !important;}

#content_erf #col01 dd,
#content_erf #col01 strong {color:#fff}


#content #col01 h1,
#content #col01 h2,
#content #col01 h3,
#content #col01 h4,
#content #col01 p {color:#fff}

#content #col01 p a:link {color:#fff}
#content #col01 p a:visited {color:#fff}
#content #col01 p a:hover {color:#ccc}
#content #col01 p a:active {color:#ccc}

#content #col01 h2,
#content #col01 h3,
#content #col01 h4,
#content #col01 h5 {margin: 18px;}


#content #col01 hr {border-bottom-color: #fff;}

/*#content #col01 ul {margin-bottom:0;}*/

#content #col01 li,
#content #col01 .news {color:#fff !important;}

#content #col01 li a:link,
#content #col01 .news li a:link {color:#fff !important;}
#content #col01 li a:visited,
#content #col01 .news li a:visited {color:#fff !important;}
#content #col01 li a:hover,
#content #col01 .news li a:hover {color:#ccc !important;}
#content #col01 li a:active,
#content #col01 .news li a:active {color:#ccc !important;}

#content #col01 dd,
#content #col01 strong {color:#fff}

#col01 img {}

/*#content.driveinmotion {
background-image: url(../jpeg/hg_driveinmotion.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}*/

#content.driveinmotion {}

#index_news {
width:322px;
height:auto;
color:#fff;
}

#index_news p {
background: url(../jpeg/hg_subline.jpg) center no-repeat #003080;
color:#fff; 
font-weight:bold;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height:18px;
font-size: 11px;
}

#index_news li {color:#fff;margin: 18px 0 18px -18px}
#index_news li a:link {text-decoration: none;color:#fff;}
#index_news li a:visited {text-decoration: none;color:#fff;}
#index_news li a:hover {text-decoration: none;color:#ccc;}
#index_news li a:active {text-decoration: none;color:#ccc;}

.teaser_gfm {background: url(../jpeg/teaser_gfm.jpg) left center no-repeat;padding-left:58px}
.teaser_gfm_ski {background: url(../jpeg/teaser_gfm_4sch.jpg) left center no-repeat;padding-left:58px}
.teaser_dim {background: url(../jpeg/teaser_dim.jpg) left center no-repeat;padding-left:58px}
.teaser_dim_fuhrpark {background: url(../jpeg/teaser_lamborghini.jpg) left center no-repeat;padding-left:58px}
.teaser_xmas {background: url(../gif/teaser_xmas.gif) left center no-repeat;padding-left:58px}
.teaser_image {background: url(../jpeg/teaser_image.jpg) left center no-repeat;padding-left:58px}





#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;
}

#col0203 p {text-align: justify;margin-right:50px;}


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


#footer {
width: 966px;
height:100px;
background: url(../jpeg/hg_footer.jpg) center no-repeat #003080;
margin:auto;
}

#contactform #footer {
width: 400px;
height:30px;
background-color: #fff;
margin: auto;
}

/* jquery specials */

.highlight {}

#dynacloud {
	background:url(../jpeg/hg_col01.jpg);
	font-size: 0.7em;
	font-weight: bold;
	padding: 18px 9px;
	margin-top:50px;
	margin-bottom: -20px;
	overflow:hidden;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
#dynacloud a:link {}
#dynacloud a:visited {}
#dynacloud a:hover{color:#c00;}
#dynacloud a:active{}

#dynacloud .small { font-size: 1.4em;padding: 0 0.5em; }
#dynacloud .medium { font-size: 2em;padding: 0 0.5em; }
#dynacloud .large { font-size: 2.6em;padding: 0 0.5em; }