body {
  margin:0px;/*px 10px 0px 10px; */
  padding:0px;
  font-family: verdana, sans-serif; 
  font-size: 12pt; 
  background-color: #ffffff;
  color: black;
/*
  background-image: url(/fileadmin/css/vcbg.jpg);
  background-position: 0% 100%;
  background-attachment: fixed;
  background-repeat: repeat-x;
  
  color: #006666;
*/
  
  background-image: url(/fileadmin/grafik/snulle4-113-66.jpg);
  background-position: 10px 160px;
  background-attachment: scroll;
  background-repeat: no-repeat;
}

body,h1,h2,h3,h4,h5,h6,div,p,address,ul,ol,li,dd,dt,td,blockquote {
   font-family: arial, helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
   background-color: transparent;
   /*color: #993366;*/
   color: #d7731e;
  /* add padding here, 'cause Clara says so*/
  margin:0px 10px 10px 10px;
}

h1 {
  font-size:14px;
  padding-top:10px;
}

/*
h2,h3 {
  color: #dd1133;
  background-color: transparent
}
*/

p,h1,pre {
  margin:0px 10px 10px 10px;
}

p,ul,dl {
  font-size: 0.8em;
}

ul { 
  list-style: none;
}

dt {
  font-weight: bold;
  margin-top: 0.5em;
  margin-left: 10px;
}

/********************************
* Links
********************************/

a:link {
  color: #2266bb;
  background-color: transparent;
}

a:visited {
  /*#color: #bb9966;*/
  color: #2266bb;
  background-color: transparent;
}

a:hover {
  color: #ff3322;
  background-color: transparent;
}

a:active {
  color: #ffeedd;
  background-color: transparent;
}

/********************************
** Styling the page parts      **
********************************/

#header {
  margin: 0px;
  height:84px;
  width: 100%;
  overflow: hidden;
  background:#fff;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 100% 100%;
}

#horizontal_menu {
  left:200px;
  margin-left: 200px;
  /*margin: 0px;*/
  height:20px;
  /*width: 100%;*/
  overflow: hidden;
  background:#fff;
  color: #d7731e;
  font-size:10px;
}

#horizontal_menu a:link, 
#horizontal_menu a:visited {
  color: #d7731e;
}

#horizontal_menu a:hover {
  color: #000;
}

#horizontal_menu ul {
  /*margin:0;*/
  border-top: 1px solid green;
  border-bottom: 1px solid green;
}

#horizontal_menu ul li {
  list-style: none;
  display: inline;
  /*margin-right: 200px;*/
}

/*

#banner {
/*
  margin:0px;
  height:85px;
  width:100%;
  overflow: hidden;
  background: #bbddff;
  border:0px solid #000;
  voice-family: "\"}\"";
  voice-family: inherit;
}

#banner h1 {
	font-size:14px;
	padding:15px 0px 0px 20px;
	margin:0px;
}
*/

/********************************
* Left column styling
********************************/

#left_col {
  position: absolute;
  left:0px;
  top: 105px;
  bottom: 20px;
  width:191px;
  overflow: hidden;
  border:0px solid #000;
/*  border-right: 1px solid black;*/
/*  #height:100%;
#  height: 800px;
  #bottom: 16px; # = scrollbar i bunden!!!
#  display:block;
#  background: #f5f9ff;
#  background: #bbddff;
#  text-align: center;
*/
  background-color: transparent;
  voice-family: "\"}\"";
  voice-family:inherit;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

#left_col hr {
  width: 80%;
  background-color: green;
}

#left_col a {
  color: #006666;
}

#left_col a.hover {
  color: #00ff00;
}

/********************************
* Main area styling
********************************/

#main_col {
  position: absolute;
  left:192px;
  right:192px;
  top: 105px;
  bottom:20px;
  overflow: auto;
  margin-bottom: 2px;
}

#main_col tr.tr-even {
 background : green;
}

tr.tr-even {
  background: #006666;
  color: white;
}

/********************************
* Right column styling
********************************/

#right_col {
  position: absolute;
  right:0px;
  top: 105px;
  bottom: 20px;
  /*bottom: 0px; */
  width:191px;
  overflow: hidden;
  border:0px solid #000;
  /*border-left:1px solid #006666;*/
  background-color: transparent;

  background-image:url(/fileadmin/grafik/snulle2.jpg);
  background-position: 30px 110%;
  /* background-position: 30px 95%; */
  background-attachment: scroll;
  background-repeat: no-repeat;

}

/********************************
* Footer styling
********************************/

#footer {
  position: absolute;
  bottom: 0px;
  height:20px;
  width:100%;
  /*background: #d7731e;
  background: #fcd089;*/
  background: transparent;
  border-top: 1px solid #d7731e;
}

#footer ul {
  margin: 1px;
/*  #border-top: 1px solid green;
  #border-bottom: 1px solid green;
*/
}

#footer ul li {
  list-style: none;
  margin-right: 20px;
  display: inline;
}

/********************************
* Miscellaneous
********************************/

div#stamdata {
  float: right;
  margin: 5px;
  /*background: green;
  background: #FF9933;*/
  width: 200px;
  top: 0px;
/*  #right: 5px;
  #left:5px;
  #font-size: 4px;
  rules = rows;
 */
}

div#stamdata table {
  border-style: inset;
  border-color: #d7731e;
  
}

div#stamdata table tr {
  /*background: #006666;*/
  background: #FFCC66;
  background: #FFFFFF;
  color: white;
  color: #000000;
  font-size: 10px;
  /*padding-left: 5px;*/
  vertical-align: top;
  /*border: 1px;*/
}

#css-select{
  width:500px;
  position: absolute;
  height:20px;
  left:0px;
}
  
#copyright{
  position: absolute;
  height:20px;
  width:200px;
  right:0px;
}
  
#randomInfo {
  position: absolute;
}

div#leftcontent a {
  display: block;
  padding: 5px;
  letter-spacing: 1px;
/*#  margin: 0;
#  text-align: right;
#  border-bottom: 1px solid #88B;*/
  font-weight: bold;
  color: #337;
  background: transparent none center left no-repeat;
  text-decoration: none;
}

div#leftcontent a:link {
  color: #226;
  background-color: transparent;
}

div#leftcontent a:visited {
  color: #557;
  background-color: transparent;
}

div#leftcontent a:hover {
  background: #AAD;
  color: #338;
}

#centercontent {
  position: absolute;
  top: 104px;
  left: 192px;
  bottom: 0px;
  right: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  border:0px solid #000;
  voice-family: "\"}\"";
  voice-family: inherit;
/*#  margin-left: 191px;
#  overflow: auto;
#  padding: 5px;*/
}

#rightcontent {
  position: absolute;
  right:10px;  
  top: 65px;
  /*width:695px;*/
  background: #f5f9ff;
  padding:30px 0px 0px 0px;
  border:1px solid #000;
  voice-family: "\"}\"";
  voice-family:inherit;
}

#rightcontent p {
  font-size:10px
}
	
#bottom {
/*#  position: absolute;*/
  overflow: auto;
  border: 0px solid #000;
  background: #fff5f9;
  height: 150px; 
/*#  top: 715px;
#  left: 215px;
#  right: 10px;
#  bottom: 50px;*/
  padding: 5px;
}

div#csc-mailform-field input {
  float: right;
  /*#padding-left: 200px;*/
}

form#mailform fieldset {
 margin-bottom: 10px;
 color: #0000FF;
}

form#mailform legend {
 padding: 0 2px;
 font-weight: bold;
}

/*
form#mailform label {
 color: #d7731e;
 line-height: 1.8;
 vertical-align: top;
}

form#mailform input,
form#mailform textarea {
  display: block;
  border: 1px #000000 solid;
}

form#mailform input[type=checkbox]{
  display: inline;
}
*/

form#mailform label {
  display: block;
  float: left;
  color: #d7731e;
  line-height: 1.8;
  vertical-align: top;
  width: 230px;
  clear: left;
}

form#mailform input {
  display: block;
  float: left;
  border: 1px #000000 solid;
}

input.csc-mailform-submit,
form#mailform textarea {
  display: block;
  border: 1px #000000 solid;
  clear: both;
}


.error {
  color: red;
}