html {
height: 100%;
}

* {
margin: 0;
padding: 0;
}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section {
display:block;
}

body {
font: normal .85em calibri, sans-serif;
background: #F7F4E3;
color: #444;
padding-bottom: 10px;
}

p {
padding: 0 0 20px 0;
line-height: 1.6em;
font: normal 120% calibri, sans-serif;
}

impressum {
font: normal 120% calibri, sans-serif;
}

table
{
border-collapse:collapse;
font: normal 100% calibri, sans-serif;
}

td{
border: solid #ccc 1px;
vertical-align: top;
padding: 4px;
}

img {
border: 0;
}

h1, h2, h3, h4, h5, h6 {
font: normal 150% calibri, sans-serif;
color: #222;
margin: 0 0 0 0;
padding: 5px 0 5px 0;
}

h1 {
text-shadow: 1px 1px #FFF;
}

h2 {
font: normal 170% 'News Cycle', arial, sans-serif;
color: #666;
margin: 0;
padding: 0 0 8px 0;
}

h3 {
font: normal 140% 'trebuchet ms', arial, sans-serif;
}

h4, h5, h6 {
margin: 0;
padding: 0 0 0 0;
font: normal 110% arial, sans-serif;
color: #999;
line-height: 1.5em;
}

a, a:hover {
outline: none;
text-decoration: none;
color: #0000FF;
}

a:hover {
text-decoration: underline;
color: #FF0000;
}

ul {
margin: 2px 0 22px 17px;
}

ul li {
list-style-type: circle;
margin: 0 0 0 0;
padding: 0 0 4px 5px;
}

ol {
margin: 8px 0 22px 20px;
}

ol li {
margin: 0 0 11px 0;
}

#main, header, #logo, nav, #site_content, footer {
margin-left: auto;
margin-right: auto;
}

#main {
width: 950px;
margin: 40px auto 0 auto;
border: solid #ccc 1px;
-webkit-box-shadow: 2px 2px 3px #CFCFCF;
-moz-box-shadow: 2px 2px 3px #CFCFCF;
box-shadow: 2px 2px 3px #CFCFCF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F5EFD5;
}

header {
width: 950px;
height: 70px;
background: #F5EFD5;
}

#logo {
float: left;
height: 80px;
background: transparent;
padding: 0 0 10px 10px;
background: #F5EFD5;
}

#logo h1 {
font: normal 400% calibri, sans-serif;
padding: 15px 0 0 40px;
color: #8D962D;
text-shadow: 2px 2px 3px #AFAFAF;
}

nav {
height: 26px;
margin: 1px auto 0 auto;
float: right;
padding: 15px 0 0 0;
}

#site_content {
width: 950px;
overflow: hidden;
margin: 4px auto 0 auto;
padding: 0;
background: #F8F8E7;
border-top: 0;
border-bottom: 0;
}

div.picture {
margin-left: 5px;
}

div.picture1 {
margin-left: 57px;
}

#sidebar_container {
float: left;
width: 440px;
padding: 10px;
height: 440px;
background: #F8F8E7;
vertical-align: top;
}

#content {
text-align: justify;
width: 444px;
padding: 20px 0 5px 10px;
margin: 0;
float: left;
}


#content_imp {
width: 444px;
padding: 20px 0 35px 10px;
margin: 0;
float: left;
}

#content ul {
margin: 2px 0 5px 0px;
}

#content ul li {
list-style-type: none;
background: transparent url(../images/bullet.png) no-repeat left center;
margin: 0 0 0 0;
padding: 2px 0 2px 28px;
line-height: 1.5em;
}

footer {
width: 950px;
font: normal 130% calibri, sans-serif;
text-shadow: 2px 2px 3px #AFAFAF;
height: 75px;
padding: 2px 0 6px 0;
text-align: center;
color: #222;
background: #F5EFD5;
}

footer p {
font: normal 270% calibri, sans-serif;
color: #8D962D;
padding: 0 0 0 0;
}

#copyright {
font: normal 70% calibri, sans-serif;
color: #7F7F7F;
padding: 20px 0 0 0;
text-decoration: none;
}

footer a:hover {
color: #FFF;
text-decoration: underline;
}

ul.images {
text-align: center;
width:450px;
height:450px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
}

ul.images li {
position:absolute;
margin:0;
padding:0;
left:0;
right:0;
list-style:none;
}

ul.images li.show {
z-index:500;
}

ul img {
border:none;
}

hr {
border:solid #CFCFCF 1px;
}

/* from here: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers */
.lavaLampWithImage {
position: relative;
height: 25px;
padding: 15px 15px 15px 0;
margin: 10px 0 0 0;
overflow: hidden;
float: right;
}

.lavaLampWithImage li {
float: left;
list-style: none;
}

.lavaLampWithImage li.back {
background: #F8F8E7;
border: solid #ccc 1px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border: 10px 10px 10px 10px;
height: 26px;
z-index: 8;
position: absolute;
}

.lavaLampWithImage li a {
font: normal 140% calibri, sans-serif;
text-shadow: 1px 1px #FFF;
text-decoration: none;
color: #222;
outline: none;
text-align: left;
letter-spacing: 0;
z-index: 10;
display: block;
float: right;
height: 30px;
padding: 3px 0px 0 0px;
position: relative;
overflow: hidden;
margin: auto 10px;
}

.lavaLampWithImage li a:hover {
border: none;
color: #8D962D;
text-shadow: 1px 1px #FFF;
font: normal 140% calibri, sans-serif;
}

.lavaLampWithImage li a:active {
border: none;
color: #FF0000;
text-shadow: 1px 1px #FFF;
}

/* Kontaktformular www.dw-formmailer.de */
a.dwflink:link{text-decoration: underline; color: #0000FF}
a.dwflink:visited{text-decoration: underline; color: #0000FF}
a.dwflink:hover{text-decoration: underline; color: #0000FF}

.font-big {
font-family: calibri, sans-serif;
font-size:16px; font-weight:bold;
color:#FFFFFF;
}
.font-small {
font-family: calibri, sans-serif;
font-size:12px; font-weight:normal;
color:#000000;
}
.col2 {
width:30%;
}
.col25 {
width:25%;
}
.col50 {
width:50%;
}
.table {
border-spacing:1px;
background-color:#FFFFFF;
width:400px;
}
.table2 {
background-color:#FFFFFF;
width:100%;
border-collapse:collapse;
}
.head {
padding:3px;
background-color:#83ADDD;
}
.main {
padding:3px;
background-color:#F7F4E3;
font-family: calibri, sans-serif;
font-size:14px; font-weight:normal;
color:#000000;
}
.foot {
padding:3px;
background-color:#F5EFD5;
}
.align {
text-align:left;
}
.textarea {
background-color:#FCFBF6;
color:#000000;
font-family : calibri, sans-serif;
font-size:14px;
font-weight: bold;
border : 1px solid #808080;
border-radius:3; -moz-border-radius:3; -webkit-border-radius:3;
padding: 0;
position:relative;
}
.textarea:hover, .textarea:focus {
border : 1px solid #0000FF;
}
.input {
background-color:#FCFBF6;
color:#000000;
font-family : calibri, sans-serif;
border : 1px solid #808080;
font-size:14px;
border-radius:3; -moz-border-radius:3; -webkit-border-radius:3;
padding: 1;
position:relative;
}
.input:hover, .input:focus {
border : 1px solid #0000FF;
}
.select {
background-color:#FFFFFF;
color:#000000;
font-family : calibri, sans-serif;
border : 1px solid #808080;
font-size:14px;
border-radius:3; -moz-border-radius:3; -webkit-border-radius:3;
padding: 0;
position:relative;
}
.select:hover, .select:focus {
border : 1px solid #0000FF;
}
.button {
min-width : 130px;
}
.button_send {
min-width : 130px;
}

#abstand2 {
padding-top: 2px;
background-color : transparent;
}

#abstand5 {
padding-top: 5px;
background-color : transparent;
}

#abstand43 {
padding-top: 43px;
background-color : transparent;
}

/* Modal Öffnungszeiten */

.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.6);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 800ms ease-in;
-moz-transition: opacity 800ms ease-in;
-ms-transition: opacity 800ms ease-in;
-o-transition: opacity 800ms ease-in;
transition: opacity 800ms ease-in;
pointer-events: none;
}

.modalDialog:target {
opacity:1;
pointer-events: auto;
}

.modalDialog > div {
width: 330px;
position: relative;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border: 1px solid #000;
border-collapse: collapse;
border-radius: 10px;
background: #fff;
background: linear-gradient(#fff, #999);
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
}

.close {
background: #606061;
color: #FFFFFF;
line-height: 20px;
position: absolute;
right: -10px;
text-align: center;
top: -10px;
width: 20px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #FFF; }