/* CSS Document */

/*
////////////////////////////////////////////////////////////////
//
// design.css 
//
// mesch.ch 
// web consulting & design Luzern www.mesch.
//
////////////////////////////////////////////////////////////////
*/


body, html {
height: 100%;
width: 100%;
overflow: hidden;

}

img {
border: none;
}

body {
font-family: arial, verdana, sans-serif;
font-size:12px;
color: #333;
margin:0px;
padding:0px;
}

hr {
border-bottom:solid #ccc 1px;
height:1px;
border-color:#ccc -moz-use-text-color #fbefd5;
border-style:solid none;
border-width:1px 0;
}

p {
margin:0px;
padding:0px;
}

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

p,td,a,tr,span,div {
font-size:12px;
}

ul { 
padding-left:16px; 
margin:0px; 
list-style-type:disc;
}



label {
display:block;
float:left;
margin:2px 0;
width:150px;
}

input, select {
display:block;
float:left;
margin:2px 0;
width:250px;
}

textarea {
display:block;
float:left;
height:80px;
margin:2px 0;
width:250px;
}

form br {
clear:left;
}

input#submit {
float:none;
width:100px;
}

form {
margin:0;
}

a        {color:#666;text-decoration:underline;}
a:hover  {color:#666;text-decoration:none;}

#bodyDiv{ 
position: relative;
top: 0;
left: 0;
z-index: 2;
overflow: auto;
width: 100%;
height: 100%;
text-align: left;
}


#content {
clear:left;
margin:auto;
overflow:hidden;
position:relative;
top: 0px;
width:700px;
z-index: 1;
padding: 0px;

}

#contenttext   {
position: relative;
width: 700px;
height:auto;
text-align: left;
z-index:10;
}

#roter-balken    {
display: block;
width: 700px;
font-family: arial, verdana,;
font-size:12px;
font-weight:bold;
padding: 3px;
text-transform:lowercase;
letter-spacing: 0.1em;
}

.spalte-links {
position: relative;
float: left;
width: 180px;
height:auto;
margin-bottom: 10px;
}

.spalte-logo {
position: relative;
float: left;
width: 250px;
height:auto;
margin-bottom: 10px;
vertical-align:bottom;
}

.spalte-rechts {
position: relative;
float: left;
width: 450px;
height:auto;
margin-bottom: 10px;
}
.clear-both{
clear: both;
}