/*Stylesheet für Natlan.ch*/
div#wrapper {background-color:white; color: black; width: 1024px;margin-top: 50px;margin-right: auto;margin-bottom: 10px;margin-left: auto; 
box-shadow:8px 8px 8px #666;
border-bottom: 0.5px solid grey; /* Linie unten */
border-left: 0.5px solid grey; /* Linie links */ 
border-right: 0.5px solid grey; /* Linie rechts */
border-top: 0.5px solid grey; /* Linie oben */}

body{background-image:url('../img/contentgruen.jpg');  color: black; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: small;}

address { text-align: center; font-size:80%; font-style: normal;line-height:1;}

a {text-decoration:none; color:black}
a:hover {color:green; }
a:active {color:green; }

li { list-style-type:none}

div#fussbereich { padding-bottom:10px; /* unterhalb Rahmenlinie */
  border-top: 3px solid greenyellow; /* Linie oben */
  padding-top:10px}
 
div#linie {border-bottom:3px solid greenyellow;}

div#Rahmen {width: 770px; height:500px;}

div#newskasten {width: 670px; height:auto; background-color: white; box-shadow:2px 2px 2px #666; padding-left:10px; padding-top:10px;
border-bottom: 0.1px solid silver; /* Linie unten */
border-left: 0.1px solid silver; /* Linie links */ 
border-right: 0.1px solid silver; /* Linie rechts */
border-top: 0.1px solid silver; /* Linie oben */}

div#partnerkasten {width: 670px; height:auto; background-color: white; box-shadow:2px 2px 2px #666; padding-left:10px; padding-top:10px;
border-bottom: 0.1px solid silver; /* Linie unten */
border-left: 0.1px solid silver; /* Linie links */ 
border-right: 0.1px solid silver; /* Linie rechts */
border-top: 0.1px solid silver; /* Linie oben */}


div#kopfbereich_logo {
  float: left;
  width: 150px;
  height:110px;
  padding-bottom: 10px;
  padding-left:30px;
  padding-top: 40px;}
  
div#natlanschrift {margin-left:150px;margin-right:300; width:320px; height:105px; padding-top:60px;padding-bottom: 5px;padding-left:40px}

div#itservices {
  float: right;
  width:470px;
  height:77px;
  padding-bottom: 20px;
  padding-top:73px;
  font-size:38pt;
  font-style:normal}


 div#navibereich {
  float: left;
  width: 150px;
  padding-left: 20px;
  padding-top: 20px;}
  
div#navibereich li { list-style-type: none;line-height:2}
div#kontakt { float: right;margin-right:70px;  width: 200px; height:300px}  
  
div#textbereich { font-family:Verdana, Geneva, Tahoma, sans-serif; font-style:normal;margin-left:170px; width: 770px; height:550px; padding-left:40px;
 padding-top:30px;border-left:0.5px solid yellowgreen }



/* Das Kontaktformular */ 
form {
  background-color: #eee;
  width: 370px; /* Breite des Formulars */
  padding: 20px;
  border: 1px solid #8c8c8c;
  box-shadow:2px 2px 2px #666
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}
input#absender,
textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;}
  
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;}