@import url("menu.css");
@import url("table.css");
@import url("form.css");

body { padding: 20px 0 0 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: center;
background-color: #EBEEE8;
background-image: url(../img/havet.jpg);
} 

h1 {font-size: 3em;  padding: 0 10px 0 0; margin: 0 ; color: blue; font-weight: bold;}
h2 {font-size: 2em;  padding: 0 10px 0 0px; margin: 0; color: blue ; font-weight: bold;}
h3 {font-size: 1.2em;  padding: 0 10px 0 0px; margin: 0 ; color: black;}
p {font-size: 2em;  padding: 0 0 0 5px; margin: 0; color: black;}

/* LAYOUT */
#layout {margin-right: auto; margin-left: auto; padding: 0; width: 90%; border-style: solid; border-color: black; background-color: silver; }

/* HEADER */
#header {padding: 0; margin: 0; height: 130px; border-bottom: solid; border-color: black;   background-image: url(../header/header_bg2.png);background-repeat: repeat-x;}
#header h1 { font-size: 3.5em;  padding: 40px 10px 0 150px; margin: 0 ; color: white; font-weight: bold; text-shadow: 5px 2px 0px black,5px 0px 10px black;}
#header img { margin: 0; padding:  5px 0 0 10px; float: left ; border: none;}
#header img.g { margin: 0;  float: right ;  border: none;}

#header_admin {padding: 0; margin: 0; height: 130px; border-bottom: solid; border-color: black;   background-image: url(../header/header_admin_bg.png);background-repeat: repeat-x;}
#header_admin h1 { font-size: 3.5em;  padding: 32px 10px 0 150px; margin: 0 ; color: white; font-weight: bold; text-shadow: 5px 2px 0px black,5px 0px 10px black;}
#header_admin img { margin: 0; padding:  5px 0 10px 10px; float: left ; }
#header img.g { margin: 0;  float: right ;  border: none; }

/* FOOTER */
#footer_index {clear: both; padding: 0; margin: 0; height: 100px;  border-top: solid; border-color: black; background-image: url(../footer/footer_bg2.png);background-repeat: repeat-x;}
#footer_index h1 { font-size: 1.5em;  padding: 5px 0 0 50px; margin: 0 ; color:#3D3939; font-weight: bold;  }
#footer_index img{ margin: 0 5px 0 0; border: none; float: right}

#footer {clear: both; padding: 0; margin: 0; height: 35px;  border-top: solid; border-color: black; background-image: url(../footer/footer_bg22.png);background-repeat: repeat-x;}
#footer h1 { font-size: 1.5em;  padding: 5px 0 0 50px; margin: 0 ; color:#3D3939; font-weight: bold;  }

#footer_admin {clear: both; padding: 0; margin: 0; height: 35px;  border-top: solid; border-color: black; background-image: url(../footer/footer_admin_bg.png);background-repeat: repeat-x;}
#footer_admin h1 { font-size: 1.5em;  padding: 5px 0 0 50px; margin: 0 ; color:#3D3939; font-weight: bold; }


/* COLUMNCONTAINER */
#columncontainer{ margin: 0 ; padding:  0 ; float: left; width: 100%;background-color: white;   }
#columncontainer img{ border: none;}

/* COLUMN 1 */
#column1 {float: left; min-height: 550px; width: 15%; margin: 0; padding: 2% 10px 2% 25px; background-color: white;}

/* COLUMN 2 */
#column2 {float: left; min-height: 550px; width: 75%; margin: 0; padding: 2% 10px; background-color: white;}

/* COLUMN 3 */
#column3 {float: left; min-height: 550px; width: 10%; margin: 0; padding: 2% 25px; margin: 0; background-color: white;}

/* COLUMN 4 */
#column4 {float: left; min-height: 550px; width: 72%; padding: 2% 10px; margin: 0; border: 0; background-color: white;}

/* COLUMN 5 */
#column5 {min-height: 550px; width: 100%; padding: 0 0; margin: auto; border: 0; 
          background-image: url(../img/bild1.jpg); background-clip: border-box; background-repeat: no-repeat; background-position: center;
          background-color: white;}
#column5 img { margin: 20px; padding:10px 40px 10px 40px; float: left ; border: none;}

#column6 {min-height: 550px; width: 75%; padding: 0 0; margin: auto; border: 0; 
          background-clip: border-box; background-repeat: no-repeat; background-position: center;
          background-color: white;}
#column6 img { margin: 20px; padding:10px 40px 10px 40px; float: left ; border: none;}


#column5.img.go18 {padding:50px;}

/* BOX 1 - content */
.columnbox1 { margin: auto; padding: 10px 10px 10px 10px; border: 0.5em outset silver; text-align: center;}
.columnbox1 h1{ margin: auto 0 5px 0; font-size: 3em; font-weight: bold; color:blue;}
.columnbox1 p { font-size: ;  padding: 0; margin: auto; color: black;}
.columnbox1 img { margin: auto; border: 0;}
.columnbox1 table { margin: auto;}


/* SCROLLBOX 1 - content */
#scrollbox1 {padding: 5px;
			 max-height: 600px;
			 width: 90%;
			 border: 0.5em outset silver;
			 overflow: auto;
			 background: #ffffff;
			 }
#scrollbox1 h1{ margin: auto 0 5px 0; font-size: 1.2em; font-weight: bold; color:green;}


.error {
  color: red;
  background: white;
}
.attention {
  font-weight: bold;
  color: black;
  background: white;
}
.confirm {
  font-weight: bold;
  color: green;
}
.messageheader {
  font-size: 1.8em;
  color: white;
}

.messageheadline {
  font-size:1.5em;
  color: red;
}

.message {
  font-size:1.5em;
  color: white;  
  
}

.