/*
Theme Name: meeresrauschen
Theme URI: http://albert-bildkunst.de/
Description: visuelles Meeresrauschen
Version: 1.2
Author: Michael Hocke
Author URI: http://michael-hocke.de/
*/
*{padding:0;margin:0;border:0px solid #F0F;}
.blind, #navi h2,#navi address{display:none;}
body{background:#164273 url(body_bg_meer.jpg) repeat 50% 50%;
color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1em;margin:0 0 60px 0;text-align:center;line-height: 1.37;
scrollbar-base-color:#E9ECF1;
  scrollbar-3d-light-color:#FDFCFA;
  scrollbar-arrow-color:#BBBCC1;
  scrollbar-darkshadow-color:#D6D6DA;
  scrollbar-face-color:#DFE2E8;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#164273;
  scrollbar-track-color: #E9ECF1;}

table{margin-bottom:30px;border-collapse:collapse;font-size:12px;}
td, th{text-align:left;padding:0.3em 0.8em;border:1px solid #999999;}
th{background: #E2E3E7;}
a{color: #124DC3;text-decoration:none;}
a:hover{color:#000000;}
h1,h2,h3,h4{margin-bottom:1em;font-family: "Times New Roman", Times, serif;}
h3{font-size:2.5em;font-weight:normal;}
h4{font-size:1.4em;}
h5{font-size:12px;}
p, hr{margin:0px 0px 10px 0px;}
q{font-style: italic;}
ul{list-style: circle outside;margin:10px 10px 20px 30px;}
ol{list-style: decimal outside;margin:10px 10px 20px 30px;}
li{margin:0px 0px 5px 0px;}
hr{color:#C0C0C0;background-color:#C0C0C0;height:1px;}

#pagehell{width:800px;height:600px;margin:4% auto 0 auto;text-align:left;
background: url(page_bg_meer.jpg) no-repeat 50% 50%;display:block;border-top:1px solid #FFF;}

#inhalt{display:block;width: 747px;height: 511px;margin: 40px 30px 35px 15px;}

#galerie, #viewcase{display:inline;float:left;width:420px;height:515px;padding:0px 42px 0px 10px;
margin:0 0 0 30px;font-size:0.7em;overflow:auto;background: transparent;}


#galerie a img {margin:0px 25px 32px 0px;}

.info{width:330px;background:#FDFEFF;padding:10px 15px 5px 15px;margin-bottom:25px;text-align:left;}

.info h3{margin-bottom:0.5em;}

address{display:block;font-style:normal;margin: 20px 10px 20px 10px;}

#navi{float:right;width:240px;height:515px;font-size:0.88em;}
#navi a{padding: 4px 10px 8px 14px;}
#navi ul{font-weight:bold;list-style: none;margin:0px 0px 20px 55px;}
#navi ul li{margin:0 0 0.8em 0; }
#navi ul ul{font-size:0.7em;font-weight:normal;margin:0.3em 0.5em 1em -0.8em;padding: 0.5em 0px 5px 1em;}
#navi ul ul li{margin:0px 0px 0.5em 0px;}
#navi li span{padding: 4px 10px 8px 14px;background: url(icon_navi_aktiv.gif) no-repeat 3px 40%;}

#kontaktform {margin:3em 0px 30px 0px;padding:30px;background:#FFF;}
#kontaktform #email, #kontaktform #name, #kontaktform #betreff, #kontaktform #nachricht, #kontaktform input#sender{
width:210px;font-size:1.3em;padding:0 5px;border:1px solid #7F9AAB;}
#kontaktform label{width:110px;float:left;margin:0.1em -3px 0 0;padding:0px 4px 1px 4px;}
textarea:focus, input:focus{border:1px solid #000;color:#000;}
#kontaktform input#sender{width:340px;border:2px outset #C0C0C0;margin-top:30px;}

.bildrechts{float:right;margin:0 0 1em 1.6em;}
.bildlinks{float:left;margin-right:10px;}
.fett{font-weight: bold;}
.block{border:0px solid #DDE5EE;background:#FFF;padding:15px;min-height:80px;display:block;clear:both;font-size:0.88em;margin-bottom:3em;}
.block h4{font-size:1.6em;margin-bottom:10px;}

.fixfloat{float:none;clear:both;margin:0;padding:0;border:none;width:1px;display:block;font-size:0;height:1px;}

.preis {font-size: 2em; color: #009900;}
.trenner20{clear:both;float:none;height:20px;margin-bottom:20px;}
.trenner10{clear:both;float:none;height:6px;}