/*-----------------------------------------------------------------------------
[seewetterbericht.info] Screen Stylesheet

version:   1.0
date:      23.09.2011
author:    Ulrich Kunz
email:     uk@btn.de
website:   www.seewetterbericht.info.de
version history: style.css
-----------------------------------------------------------------------------*/
body {
  border: 1px solid #000000;
  width: 1016px;
  /* min-width: 1020px;
  max-width: 1050px; */
  /* font: 100.01%/1.5 Georgia, "Times New Roman", Times, serif; */
  /* font-family: Arial,Tahoma,Helvetica,sans serif; */
  /* font-family: arial,"lucida grande",tahoma,verdana,sans-serif; */
  /* font-family: "lucida grande",tahoma,verdana,arial,sans-serif; */
  /* font-family: Georgia, "Times New Roman", Times, serif; */ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10pt;
  font-weight: normal;
  line-height:1.2em;
  /* Gegen das IE6 flackern im Menü */
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
  margin-left:auto;
  margin-right:auto;
  margin-top: 8px;
}

div {
  font-weight: normal;
}


div#logo
{
  height: 130px;
  width: 100%;
  background-image: url(../images/Banner-Template.jpg);
  background-position: left;
  background-repeat: no-repeat;
  background-color: #0165a0;
}

div#logo1
{
  height: 130px;
  width: 100%;
  background-image: url(../images/Banner.Seewetterberichte.jpg);
  background-position: left;
  background-repeat: no-repeat;
  background-color: #0165a0;
}

div#abstand
{
  height: 15px;
  width: 100%;
  background-color: #ffffff;
}

div#logoline
{
  height: 28px;
  width: 100%;
  background-image: url(../images/banner-line.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-color: #0165a0;
}

div#gelbe_linie {
  height:3px;
  width: 100%;
  background-image: url(../images/title_under_spacer.jpg);
  background-repeat:repeat-x;
}

div#menue {
  height:24px;
  width: 100%;

}

div#schatten {
  height:3px;
  width: 100%;
  background-image: url(../images/schatten.jpg);
  background-repeat:repeat-x;
}


input.text {
  color: #000000;
  background: #ffffff;
  border: 1px solid #887d48;
  padding: 2px 2px 2px 2px;
}

input.text_r {
  color: #000000;
  background: #ffffff;
  border: 1px solid #887d48;
  padding: 2px 2px 2px 2px;
  text-align:right;
}

input.text_c {
  color: #000000;
  background: #ffffff;
  border: 1px solid #887d48;
  padding: 2px 2px 2px 2px;
  text-align:center;
}

input {
  padding: 0px 3px 1px 3px;
  margin:  0px 0px 0px 0px;
}

input.submit {
  font-size:9pt;

}

textarea {
  resize: none;
}


/*  Keinen Rahmen um ein Bild bei einem Link   */
a img { border:0; }


.radio {
  border: none;
  background-color: #ffffff;
}

.listbox {
border-style:solid;
border-color:#887d48;
border-width:1px;
padding:2px;
overflow:auto;
}

.strich {
  border-bottom: 1px solid #887d48;
 }

.spezialTabelle {
border-bottom: 1px solid #887d48;
border-left: 1px solid #887d48;
font-size: 10pt;
line-height: 1.2em;
}

.rahmen {
border: 1px solid #887d48;
}

.strichrechts {
border-right: 2px solid #887d48;
}

.nowrap {
  white-space: nowrap;
}

.collmex {
  color: #E33338;
}


.ueberschrift { 
  line-height: 1.4em;
  font-size: 16pt;
  font-family: Georgia, "Times New Roman", Times, serif;   
}


.menuetext{
  color: #333333;
  background: #FFFF99;
}

.menubutton{
  color: #000000;
  background: #C8C8C8;
  vertical-align: middle;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-width: auto;
  border-right:  1px solid #000000;
  border-bottom: 1px solid #000000;
  font-family: Courier New, Verdana, Monospace;
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  line-height: 24px;
}

.menubutton:hover{
  color: #FFFFFF;
  background: #0165A0;
}

.menubutton span{
  color: #FFFFFF;
  background: #808080;
  display: block;
}

.menubuttonlast{
  color: #000000;
  background: #C8C8C8;
  vertical-align: middle;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-width: auto;
  border-bottom:  1px solid #000000;
  font-family: Courier New, Verdana, Monospace;
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  line-height: 24px;
}

.menubuttonlast:hover{
  vertical-align: middle;
  border-right:  1px solid #C8C8C8;
  border-bottom:  1px solid #000000;
  color: #FFFFFF;
  background: #0165A0;
}

.menubuttonlast span{
  color: #FFFFFF;
  background: #808080;
  display: block;
}


.submenu {
  border: 1px solid #887d48;
  border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  padding-left: 5px ;
  padding-right: 5px ;
  color: #000000;
  background: #ffffff;
  vertical-align: middle;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-width: auto;
  font-family: Courier New, Verdana, Monospace;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  line-height: 20px;
  min-width: 45px;
  cursor:pointer;

}

.submenu a:visited {
  color: #000000;
}

.submenu:hover {
  background: #0165A0;
  color: #ffffff;
  cursor:pointer;
}

.submenu a:link {
  color: #000000;
}



.submenu a:hover {
  color: #ffffff;
}


.submenu a {
  display:block;
  text-decoration:none;
}


.submenu a:active {
  color: #000000;
}



.submenu_space {
  border-bottom: 1px solid #887d48;
}

.menue:link {text-align: center; color:black; text-decoration:none;font-weight:bold;font-family:courier new;display:block;}
.menue:visited {text-align: center; color:black; text-decoration:none;font-weight:bold;font-family:courier new;display:block;}
.menue:active {text-align: center; color:black; text-decoration:none;font-weight:bold;font-family:courier new;display:block;}
.menue:hover {color:white;display:block;}
.menue{text-align: center;}