/* --------------------------------------------------------
   Stylesheets Mio
   Version 1.1
   12.01.09
   Dr. Jörg Naumann, www.medicalweb.de
   -------------------------------------------------------- */

/* Zero down margin and padding on all elements */
* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border:none;
}

body {
	background-color:#CDD579;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.6;	
}

h1 {
  font-size: 1.2em;
  font-weight: bold;
}

h2 {
  font-size: 1.2em;
  font-weight: bold;
}

p, li {
  font-size: 1.2em;
}

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

a:visited {
  color: #333;
 
}
a:hover {
  color: #9B0517;
}

a:active {
  color: #000;
 
 }
a:focus {
  color: #000;
}

#secondaryContent h2  {
  margin: 0.5em 0 0 0;
}

#content h1, #content p {
  margin: 0 0 1em 0;
}

#content h2 {
  margin: 0 0 0.3em 0;
}

#content p {
  margin: 0 0 1.5em 0;
}

#mainContent h1, #secondaryContent h2 {
  color: #9B0517;
}

#secondaryContent p {
  margin: 0 0 1.3em 0;
}

#secondaryContent img {
  margin: 0.5em 0 1em 0;
}

#wrapper {
  background-color:#CDD579;
}

#branding {
  height: 93px;
}

#branding h1 {
	height: 93px;
	clear: both;
	background-image: url(../images/header_1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-indent: -5000px;
}

#mainNav {
  list-style: none;
}

#secondaryContent h2 {
  font-size: 1.2em;
  margin: 0;
}

#secondaryContent p {
  font-size: 1.2em;
}

#footer {
  padding: 20px;
}

#footer p {
  font-size: 1.1em;
}

/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 830px;
}

#wrapper {
  width: 830px; 
  margin: 30px auto 0 auto; 
  text-align: left; 
}

#sidebar { 
  width: 180px; 
  float: left; 
}

#content { 
  width: 646px; 
  float: right; 
}

#mainContent { 
  width: 450px; 
  margin: 0; 
  float: left; 
}

#secondaryContent { 
  width: 180px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right; 
} 

#footer { 
  clear: both; 
} 

/* Add some padding
================================== */

#sidebar, #secondaryContent, #mainContent {
  padding-top: 40px;
  padding-bottom: 40px;
}

#secondaryContent * {
  padding-left: 20px;
  padding-right: 0;
}

#secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}

/* Breadcrumb Trail
================================== */

abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #666;
}

/* External links
================================== */

#content a[href^="http:"] {
  background: url(../images/externallink_normal.gif) no-repeat right top;
  padding-right: 0px;
}

a[href^="http://www.mio-minicamping.de"], a[href^="http://mio-minicamping.de"]  {
  background-image: none;
  padding-right: 0;
}

/* MainNavigation
================================= */

#navigation {
width: 165px;
}

#navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#navigation li a:link, #navigation li a:visited {
	font-size: 100%;
	display: block;
	background-color: #CDD579;
	color: #1F202B;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #9B0517;
	padding: 0.3em 0 0.3em 36px;
    background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

#navigation li.reservieren a:link, #navigation li.reservieren a:visited, #navigation li.ausstattung a:link, #navigation li.ausstattung a:visited, #navigation li.tarife a:link, #navigation li.tarife a:visited {
	font-size: 100%;
	display: block;
	background-color: #CDD579;
	color: #1F202B;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #9B0517;
	padding: 0.3em 0 0.3em 52px;
    background-image: url(../images/bullet_2.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

#navigation li a:hover {
color: #9B0517;
}

#pressestimmen #navigation .pressestimmen a, #minicamping #navigation .minicamping a, #veranstaltungen #navigation .veranstaltungen a, #esswerkstatt #navigation .esswerkstatt a, #golf #navigation .golf a, #umgebung #navigation .umgebung a,  #ausstattung #navigation .ausstattung a, #tarife #navigation .tarife a, #reservieren #navigation .reservieren a {
	color: #9B0517;
	font-weight: bold;
	cursor: default;
		}
	
#start #services .start a, #impressum #services .impressum a, #anfahrt #services .anfahrt a, #agb #services .agb a { 
	color: #9B0517;
	font-weight: bold;
	cursor: default;
		}

/* -------------
   Lists 
   -------------*/

#content dl {
  padding-bottom: 1.0em;
}

#content dt {
	font-weight:bold;
	font-size: 1.2em;
	line-height: 1.6;
	}

#content dd {
	padding-left: 25px;
	color: #000;
	font-size: 1.2em;
}

#secondaryContent dd, #secondaryContent dt {
	padding: 0;
}

/* utilities */

#utilities {
	width: 100%;
	background-color:#CDD579;
	height: 3.0em;
}

#utilities a {
	text-decoration: none; 
	padding: 1px; 
	font-size: 1.0em;
}

#utilities a:link { 
	color: #000; 
}
#utilities a:visited { 
	color: #000; 
}
#utilities a:hover { 
	color: #9B0517; 
	text-decoration: none; 
}
#utilities a:focus { 
	color: #9B0517; 
}
#utilities a:active { 
	color: #9B0517; 
	font-weight: bold;
}

/* accessibility */
#accessibility {
  float: left;
  list-style:none;
  padding: .4em 0 .4em 0;
}
#accessibility li {
  float: left;
  padding: 0 .7em 0 .7em;
  border-color:#FFF;
}

#accessibility li a:link {
  color:#CDD579;;
}

#accessibility li a:focus, #accessibility li a:active {
  color:#666;
  border-bottom: 1px dotted #000;
}

/* services */
#services {
  float: right;
  list-style:none;
  padding: .4em 0 .4em 0;
}
#services li {
  float: left;
  padding: 0 .7em 0 .7em;
}

/* table */

.clear {
  clear: both;
}

table {
  border-collapse: collapse;
  width: 450px;
  border: 1px solid #666;
  font-size:1.2em;
  margin-bottom: 1.5em;
}

caption {
  font-size: 1.0em;
  font-weight: bold;
  margin: 1em 0;
}

col {
  border-right: 1px solid #ccc;
}

col#albumCol {
  border: none;
}

thead {
  background: #ccc;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

th {
  font-weight: normal;
  text-align: left;
}

th, td {
  padding: 0.1em .5em;
}

.odd {
  background-color:#edf5ff;
}

tr:hover {
  background-color:#639621;
  color: #fff;
}

thead tr:hover {
  background-color: transparent;
  color: inherit;
}

/* form */

form {

	width: 450px;
}

.clear {
  clear: both;
}
/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #9B0517;
}

/* legend styling */
legend {
	font-weight: bold;
}

form p {
  position: relative;
	width: 100%;
}

/* style for  labels */
label {
	float: left;
	width: 10em;
}

#remember-me label {
  width: 4em;
}

#agb label {
  width: 4em;
}

/* :KLUDGE: Explicitly set the width for IE6- */
* html .feedback{
  width: 10em;
}

input {
  width: 200px;
}

input[type="text"], textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

input.radio, input.checkbox, input.submit {
  width: auto;
}

/* style form elements on focus */
input:focus, textarea:focus {
	background: #ffc;
}

input.radio, input.checkbox {
  float: left;
	margin-right: 1em;
}

textarea {
	width: 340px;
	height: 100px;
}

/* datum form styling */

#monatanreiseLabel, #jahranreiseLabel, #monatabreiseLabel, #jahrabreiseLabel {
  text-indent: -1000em;
	width: 0;
}

#datumanreise, #datumabreise {
  width: 3em;
	margin-right: 0.5em;
}

#monatanreise, #monatabreise {
  width: 10em;
	margin-right: 0.5em;
}

#jahranreise, #jahrabreise {
  width: 5em;
}

#unterkunft {
  width: 3em;
  margin-right: 0.5em;
}

#subject {
  margin-left: 0.5em;
}

#mietcaravan, #personen, #kinder, #hund, #plz {
  width: 5em;
}