* { 
margin: 0; 
padding: 0; 
}

body {
	background-image:url('img/wuh-wald-bg.jpg');
	background-repeat:none;
	background-size:cover;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}

a {
	color:#008000;
}

h2 {
	color:#008000;
}

h3 {
	color:#008000;
}

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

header {
	width:840px;
	margin:0 auto;
	background:white;
	padding:30px;
}

#logo {
	float:left;
}

#logo img {
	width:200px;
}

input {
	width:200px;
	margin:0 0 10px 0;
	border:1px solid #778899;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	outline:none;
	padding:5px;
}

select {
	width:212px;
	margin: 0 0 10px 0;
	border:1px solid #778899;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	outline:none;
	padding:5px;
}

#kontaktformular textarea {
	width:200px;
	height:100px;
	border:1px solid #778899;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	outline:none;
	margin:0 0 20px 0;
	padding:5px;
}

button[type="submit"] {
	width:212px;
	padding:5px;
	border:1px solid #778899;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#008000;
	color:white;
	font-weight:700;
	font-size:15px;
	cursor:pointer;
}

button[type="submit"]:hover {
	background-color:#005000;
}

textarea {
    resize: none;
}

/* Navigation Styles */

#navi {
	width:600px;
	float:left;
	margin: 48px 0 0 40px;
}

nav {    
  display: block;
  text-align: center;
}
nav ul {
  margin: 0;
  padding:0;
  list-style: none;
}
.nav a {
  display:block; 
  background: #008000; 
  color: #fff; 
  text-decoration: none;
  padding: 10px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  text-shadow: 0 -1px 0 #000;
  position: relative;
}
.nav{  
  vertical-align: top; 
  display: inline-block;
  box-shadow: 
    1px -1px -1px 1px #000, 
    -1px 1px -1px 1px #fff, 
    0 0 6px 3px #fff;
  border-radius:6px;
}
.nav li {
  position: relative;
}
.nav > li { 
  float: left; 
  margin-right: 1px; 
} 
.nav > li > a { 
  margin-bottom: 1px;
  box-shadow: inset 0 2em .33em -0.5em #008000; 
}
.nav > li:hover, 
.nav > li:hover > a { 
  border-bottom-color: orange;
}
.nav li:hover > a { 
  color:orange; 
}
.nav > li:first-child { 
  border-radius: 4px 0 0 4px;
} 
.nav > li:first-child > a { 
  border-radius: 4px 0 0 0;
}
.nav > li:last-child { 
  border-radius: 0 0 4px 0; 
  margin-right: 0;
} 
.nav > li:last-child > a { 
  border-radius: 0 4px 0 0;
}
.nav li li a { 
  margin-top: 1px;
  font-size:11px;
}

 /* submenu positioning*/
.nav ul {
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  left: -99999em;
  top:33px;
}
.nav > li:hover > ul {
  left: auto;
  margin-top: 5px;
  min-width: 100%;
}
.nav > li li:hover > ul { 
  left: 100%;
  margin-left: 1px;
  top: -1px;
}

/* Navigation Styles */

.active {
	background-color:#005000!important;
	box-shadow:none!important;
}

main {
	width:840px;
	margin:0 auto;
	background:white;
	padding:0 30px 30px;
}

#slideshow {
	margin:0 auto 30px auto;
	text-align:center;
}

#content-left {
	float:left;
	width:580px;
	padding:0 29.5px 0 0;
	border-right:1px solid #333;
	font-size:15px;
}

.content-half-left {
	float:left;
	width:50%;
}

.content-half-right {
	float:left;
	width:50%;
}

#content-right {
	float:left;
	width:200px;
	padding:0 0 0 29.5px;
	font-size:13px;
}

.title-headline {
	font-size:17px;
	color:#008000;
	font-weight:700;
	margin:0 0 10px 0;
	
}

.sidebar-termine-von {
	float:left;
	width:100px;
}

.sidebar-termine-bis {
	float:left;
	width:100px;
}

table{
	width:578px;
	border:1px solid #e1e1e1;
	margin:10px 0 0 0;
	font-size:13px;
	border-collapse: collapse;
}

thead {
	text-align:left;
}

thead tr th {
	padding:5px;
}

.odd {
	background-color: #f9f9f9;
}

.even {
	background-color: #f1f1f1;
}

tbody tr:hover {
	background-color: #e1e1e1;
}

tbody td {
	vertical-align:text-top;
	padding:5px;
}

.terminPreis {
	width:70px;
}

.intPreis {
	width:70px;
}

.leftSmall {
	width:100px;
	float:left;
	font-weight:bold;
	margin:0 0 10px 0;
}

.leftBig {
	width:186px;
	float:left;
	padding: 0 4px 0 0;
}

.label {
	float:left;
	margin: 0 30px 0 0;
	width: 150px;
	font-size:13px;
}

.input {
	float:left;
	width: 350px;
}

footer {
	width:840px;
	margin:0 auto;
	background:white;
	padding:30px;
	text-align:center;
	color:#7c7c76;
	font-weight:300;
	font-size:14px;
}

#footer-navi {
	font-weight:700;
	margin: 20px 0 0 0;
}

#footer-navi a {
	text-decoration:none;
	color:#333;
	font-size:15px;
}

#errorMessage {
	background: #E12623;
	border-bottom: 2px solid #B51C19;
	color: #fff;
	cursor: pointer;
	height: 4em;
	line-height: 4em;
	padding-top: 30px;
	position: fixed;
	top: -230px;
	left: 0;
	right: 0;
	text-align: center;
}
#errorMessage .container {
	background: inherit;
	position: relative;
}
#errorMessage .container:after {
	background: url(/img/icon-close.png) no-repeat center center;
	background-size: 50%;
	content: "";
	display: block;
	height: 2em;
	width: 2em;
	position: absolute;
	right: 0;
	bottom: 1em;
}


#successMessage {
	background: #7AC943;
	border-bottom: 2px solid #7AC943;
	color: #fff;
	cursor: pointer;
	height: 4em;
	line-height: 4em;
	padding-top: 30px;
	position: fixed;
	top: -230px;
	left: 0;
	right: 0;
	text-align:center;
}
#successMessage .container {
	background: inherit;
	position: relative;
}
#successMessage .container:after {
	background: url(/img/icon-close.png) no-repeat center center;
	background-size: 50%;
	content: "";
	display: block;
	height: 2em;
	width: 2em;
	position: absolute;
	right: 0;
	bottom: 1em;
}