/*
Design by Serge Urech
*/

body {
        margin: 10px;
        padding: 2px;
        background-color: #FDFDFD;
        font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
        color: #666666;
}

form {
        margin: 0;
        padding: 0;
}

h1, h2, h3 {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: normal;
        color: #333333;
		padding-bottom: 0px;
		border-bottom: 5px;
		margin-bottom: 0px;
}

pre {
		font: normal .8em Courier, sans-serif;
		font-size: 9pt;



}

p, blockquote, ol, ul {
        line-height: 140%;
		margin-top: 0px;
}

a {
        /* color: #3A69BA; */
        color: rgb(72,131,179);
}

a:hover {
        text-decoration: none;
}


#menue {
margin: 0px;
width: 200px;
padding-left: 2px;
padding-top: 0px;
}

#title {
margin: 0px;
width: 250px0px;
padding-left: 2px;
padding-top: 0px;
}

#box {
width:100%;
height:150px;
margin: 0px auto;
padding:0px;
text-align:right;
background: url(images/bodensee.jpg);
}

#leftbox {
float:left;
left: 20px;
width: 200px;
padding-top: 30px;
}

#middlebox {
margin: 0 200px 0 200px;
padding: 20px 15px 15px 15px;
}

#rightbox {
float:right;
right: 20px;
width: 250px;
padding-top: 30px;
}

.boxed {
        float: left;
        clear: left;
        width: 200px;
        margin: 0 0 50px 0;
        padding: 0;
        background: rgb(244,247,249);
}

.boxed .heading {
        margin-top: 0;
        padding: 8px 15px;
        background: rgb(111,158,198) url(images/img3.gif) no-repeat center bottom;
        text-transform: uppercase;
        letter-spacing: 2px;
        font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
}

.boxed .inhalt {
        margin: 0;
        padding: 5px 14px 10px 14px;
}

.boxed ul {
        margin: 0;
        padding: 0;
        list-style: none;
        line-height: normal;
}

.boxed li {
        padding: 3px 0;
        border-top: 1px solid #C0C0C0;
}

.boxed li.first {
        border: none;
}

.boxed a {
        padding-left: 10px;
        background: url(images/img4.gif) no-repeat left center;
        text-decoration: none;
}

.boxed_rechts {
        float: right;
        clear: right;
        width: 200px;
        margin: 0 0 20px 0;
        padding: 0;
        background: rgb(244,247,249);
}

.boxed_rechts .heading {
        margin-top: 0;
        padding: 8px 15px;
        background: rgb(111,158,198) url(images/img3.gif) no-repeat center bottom;
        text-transform: uppercase;
        letter-spacing: 2px;
        font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
}

.boxed_rechts .inhalt {
        margin: 0;
        padding: 5px 14px 10px 14px;
        text-align: center;
}

.boxed_rechts ul {
        margin: 0;
        padding: 0;
        list-style: none;
        line-height: normal;
}

.boxed_rechts li {
        padding: 3px 0;
        border-top: 1px solid #C0C0C0;
}

.boxed_rechts li.first {
        border: none;
}

.boxed_rechts a {
        padding-left: 0px;
        text-decoration: none;
}

.boxed_rechts img {
        text-decoration: none;
        border:0px;
        padding: 10px 0px;
}

.field { width:200px; border: 1px solid lightgrey; }
.field_kurz { width:80px; border: 1px solid lightgrey; }
.sep { height:10px; }

.statuten {
        font-family:Courier, "Courier New", Monospace; font-size:0.8em; font-weight:500;
        padding-left:48px;
        text-indent:-48px;
}

.statuten_all {
        font-family:Courier, "Courier New", Monospace; font-size:0.8em; font-weight:500;
        padding-left:0px;
        text-indent:0px;
}

.statuten h3 {
        font-family:Courier, "Courier New", Monospace; font-size:0.8em; font-weight:900;
}

/* .statuten OL { counter-reset: item }
.statuten LI { display: block }
.statuten LI:before { content: counters(item, ".") " "; counter-increment: item } */

.uc { text-transform:uppercase; }

#wrapper {
float:left;
        width: 100%;
        margin: 0 auto;
}

#header {
position:absolute;
top:20px;
left:20px;
        float: left;
        width: 216px;
        height: 150px;
        background: url(images/image9.png);
}

#inhalt {
        float:none;
        padding-top: 20px;
        padding-left: 0px;
}

#meldung {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
}

#meldung h1 {
        padding: 10px 0 5px 0;
        margin: 0;
        font-size: 2em;
}

#meldung h2 {
        padding: 10px 0 5px 0;
        margin: 0;
        font-size: 1.5em;
}

#meldung h3 {
        padding: 5px 0 5px 0;
        margin: 0;
        font-weight: 800;
        font-size: 1.1em;
}

#meldung p {
        margin-top: 5px;
        padding-top: 0px;
        padding-left: 3px;
}

#meldung dl {
        padding: 0px 0 5px 3px;
}

#meldung dd {
        padding-bottom: 8px;
}

#textfield1 {
        width: 156px;
        padding: 5px 5px;
        border: 1px solid #000000;
        font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
        color: #000000;
}

#submit1 {
        display: none;
}

#footer {
        margin-top:5px;
        clear: both;
        width:100%;
        border-top: 1px solid #C0C0C0;
        font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
        padding:0;
        color: #C0C0C0;
}

#footer a {
        color: #C0C0C0;
}

.hinweisbox {
        margin:10px 30px 10px 10px;
        border:0;
        padding:10px 10px 0 10px;
        background-color:#FFFFE0;
}



input::-webkit-input-placeholder {
  color: grey;
  font-style: italic;
}
input::-moz-placeholder {
  color: grey;
  font-style: italic;
}
input:-moz-placeholder {   /* Older versions of Firefox */
  color: grey;
  font-style: italic;
}

#popup{
  position:fixed;
  z-index: -30;
  left:50%;
  width: 300px;
  height: 300px;
  
}
#wrapper{
  position:relative; 
  left:-50%;
}

button {
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:2px solid #dedede;
    border-top:2px solid #eee;
    border-left:2px solid #eee;    
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

button.buttons {
    display:inline;
	float:none;
    margin:0 1px 0 0;
    background-color:#f5f5f5;
    border:2px solid #dedede;
    border-top:2px solid #eee;
    border-left:2px solid #eee;    
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
