/* camping-europe Styles
   erstellt: 02.05.2009
   geändert: 17.05.2009
------------------------------------ */

html { font-size: 62.5%; height: 101%;}
* { margin: 0; padding: 0; }

body {
background-color: #FF7F00;
color:#000;
font: normal 1.2em/1.2 Verdana, Helvetica, sans-serif;
margin: 3px;
height: 100%;
}

h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif; color: #006; }
h1 {
font-size: 1.4em; line-height: 1.8em;
border-bottom: 1px dashed #006;
margin-bottom: 20px;
margin-left: -1px; /* workaround wg. dem gestrichelten unterstrich */
}
h2 { font-size: 1.3em; line-height: 1.6em; }
h3 { font-size: 1.1em; line-height: 1.4em; }
h4 { font-size: 1em; line-height: 1.2em; }

p { margin-bottom: .4em;  }

a { }
a:hover { color: red; }

hr { clear: both; height: 1px; color: #ccc; margin-top: 10px; }
img { border: 0; }
.links img { float: left; padding-right: 8px; }
.rechts img { float: right; padding-left: 8px; }



/* Logo und Navigation
------------------------------------ */
#top { text-align: center; }
ul#nav-top { background: #fff; margin-bottom: 20px; }
ul#nav-top li { display: inline; }
ul#nav-top li a {
color: #fff;
background: #FF7F00;
font-weight: bold;
font-size: .9em;
padding: 1px 6px 3px;
}
body#home #nav-top #home a,
body#kontakt #nav-top #kon a,
body#impressum #nav-top #imp a { text-decoration: none; }

/* Navigation oben rechts
------------------------------------ */
#nav2 {
padding-bottom: 15px;
border-bottom: 1px dashed #006;
margin-bottom: 8px;
}
#nav2 li  { display: inline;  }
#nav2 li a { padding-right: 6px; color: #006; font-weight: bold; line-height: 1.5em; text-decoration: none; }

#nav2 li a:hover {  text-decoration: underline; }

#nav2 li, #nav3 li { display: inline;  font-size: .9em; }

/* Navigation im Block
------------------------------------ */
#nav1 ul {
padding-bottom: 15px;
border-bottom: 1px dashed #006;
margin-bottom: 10px;
}
#nav1 li { display: inline; padding-right: 6px; }

/* Navigation breadcrumbs
------------------------------------ */
#bc { background: #fff; color: #888; margin: 10px 1px; font-size: .9em; line-height: 3em;  border-bottom: 1px dashed #888; }
#bc li  { display: inline; }
#bc li a, #bc strong { padding-right: 6px;}

/* Regionen-Liste
------------------------------------ */
#reg { margin-top: 20px; }
#reg ul { float: left; margin: 6px 9px 15px 0px; }
#reg li { list-style-type: none;  }

#reg h1, #reg h2 { color: #1F1F1F; font-family: verdana; }
#reg h1 { border: none; font-weight: normal; font-size: 1.5em; line-height: 1.8em; }
#reg h2 { font-size: 1.3em; line-height: 1.8; padding-bottom: 5px;}
#reg p { font-size: 1.1em; line-height: 1.3; }
#reg hr { margin-bottom: 20px; }

.var2 li { list-style-type: none; line-height: 1.5em; }

/* Artikel Variante 1
------------------------------------ */
.var1 h2 { font: bold 1.1em/1.5em Verdana, sans-serif; }
.var1 li { list-style-type: none; border-bottom: 1px solid #888; overflow: hidden; margin: 1.3em 0; line-height: 1.2; }
.var1 li h2 a, .var1 li h3 a { color: #006; }
.var1 img { float: left; padding: 0 8px 8px 0; }
.var1 li ul li { display: inline; border: none; padding-right: 6px; }

#artikel { margin-top: 15px; line-height: 1.5; }
#artikel img { padding-bottom: 10px;  }
#artikel h2 { margin: 10px 0 8px;  color: #1F1F1F; }
#artikel p strong { color: #006; }

.hinweis { margin: 5px 0; padding: 5px 10px; border-bottom: 1px solid #FF7F00; background: #ffc;}
.hinweis strong { color: #FF7F00; }

/* Angebots-Katalog
------------------------------------ */
#katalog h1, #katalog h2, #katalog h3 {font-family: verdana;}
#katalog h1 { border: none;  font-weight: normal; color: #1F1F1F; }
#katalog h2 { font-size: 1.2em; color: #1F1F1F; }
#katalog h3 { font-size: 1em;  }
p.preis { margin-bottom: 2px; };
.rabatt { color: #ff3900; }

dl { width: 470px;  margin: 20px 0; }
dt { width: 282px; float: right; font-weight: bold; color: #000066; } /* 470-180-8 */
dd { margin-bottom: 14px; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
dd img { float: left; padding-right: 8px; }
dd strong { color: #000066; }

/* Fußzeile
------------------------------------ */
#footer { clear: both; margin-top: 50px; }
#footer p { text-align: center; border: 1px solid #ccc; border-style: solid none;}


.info { font-size: .9em;  line-height: 1.2; }
.clear { clear: both; }

/* MSIE 6 Workaround für overflow
------------------------------------ */
* html .var1 li { height: 1%; }


.disclaimer {
border: 1px dashed #006; border-width: 1px 0;
margin: 20px 0;
padding: 15px 0;
}

body#kontakt form {
width: 380px;
background: #eee;
margin: 30px;
padding: 10px;
}
#kontaktform fieldset { border: 1px dashed #006; padding: 20px; }
#kontaktform fieldset legend {
background: #fff;
color: #006;
padding: 10px;
font-variant: small-caps;
font-weight: bold;
padding: 5px;
}
#kontaktform label { display: block; margin-bottom: 2px; cursor: pointer; }
#kontaktform input, textarea { margin-bottom: 10px; width: 300px; }
#kontaktform input#senden { width: 150px; }
.feedback {  padding-top: 20px; text-align: center; }
.formfehler { color: #F00;   }

/* Tabelle aussen
------------------------------------ */
table#aussen { border: 0; height: 100%; }
table#aussen td  {
background-color: #fff;
width: 480px;
padding: 10px 15px 15px 15px;
vertical-align: top;
text-align: left;
}