body    { color: #828c6c; font-size: 12px; font-family: Verdana, sans-serif; text-transform: lowercase; margin: 0px auto; border:0px; padding: 0px; background-color: #ffffff  }
table {font-size: 12px; text-transform: lowercase;}
/*alle selectboxes ,inputboxes und textareas in typo3*/
SELECT {
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
color: #828c6c;
background-color:#ccc;

}
TEXTAREA {
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
border: 1px solid #828c6c;
color: #828c6c;
font-weight : normal;
background-color:#ECE9D8;
}
INPUT {
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
border:1px solid #828c6c;
color: #828c6c;
background-color:#ECE9D8;
}

/*INPUT, TEXTAREA	{ background-color: white; float: left; border: none }*/
.contactform   { 
	background-color: #ECE9D8; 
	border: solid 1px #828c6c; 
	margin-top: 1em;
	margin-left: 2px;  
	float: left;
	}
	
#credentials { height: 1em; width: 120px; border-top: 1px dotted; }
#textarea { height: 150px; width: 400px; border-top: 1px dotted; }
.submit { font-weight: bold; color: #828c6c; width: 90px; height: 25px; border: 2px solid #828c6c; float: left; margin: 1em 0 0 62px; }

a:link   { color: #8b9873; text-decoration: none }
a:active   { color: #b8c898; text-decoration: none }
a:visited   { color: #8b9873; text-decoration: none }
a:hover     { color: #8b9873; text-decoration: underline }

p { border-bottom: 1px dotted; padding: 5px; }

h1 { font-size: 18px; margin-left: 12px; margin-top: 12px }/*titel für body normal*/
h2 { font-size: 14px; font-weight: bold; margin-left: 5px; margin-top: 10px; margin-right: 5px; }/*titel für rubrik-kaestchen*/
h2.1 { font-size: 14px; font-weight: bold; margin-left: 0px; margin-top: 10px; margin-right: 5px; }/*titel für rubrik-kaestchen*/
h3   { font-size: 11px; font-weight: lighter; margin-left: 5px; vertical-align: text-bottom }/*text für rubrik-kaestchen*/
h4 { font-size: 14px; margin-left: 12px; }/*text für body normal*/

table.body  { background: transparent; margin: 0 auto; width: 756px; height: 400px; border: solid 1px #828c6c; border-collapse: collapse }

td.top   { color: white; background-color: #ECE9D8; text-align: left; padding: 0.5em 0.5em 0.5em 1em; width: 756px; height: 60px; border-bottom: 1px dashed #828c6c }/*#828c6c*/
td.middle   { padding: 0px 0px 1em 0px; height: 320px; vertical-align: top; font-size: 12px; text-transform: lowercase}
#dice { background-image: url(../images/score.jpg) }
td.bottom   { color: 828c6c; font-size: 9px; background-color: #ECE9D8; text-align: right; padding: 1em; width: 756px; height: 20px; border-top: 1px dashed #828c6c }

.up { text-transform: uppercase }

#menu    { text-align: right; margin: 1em; padding: 1em; width: 150px; float: right; vertical-align: bottom; border-right: 1px dotted }
#contact { text-align: right; margin: 1em; padding: 1em; witdh: 150px; float: right; vertical-align: bottom; border-right: 1px dotted }
#selected { border-bottom: 1px dotted; font-weight: bold }
#selected1 { border-bottom: 0px dotted; font-weight: bold }
.rubrik { background-color: #ECE9D8; height: 220px; border: 1px dashed; margin: 1em 2px 0px 2px; padding: 3px; float: left }
/*.refpicturebox  { background-color: #ece9d8; text-align: center; margin: 15px 2px 0px 0px; padding: 6px; height: 200px; float: left; border: solid 1px }*/
.aboutus { background-color: #ECE9D8; border: 1px dashed; width: 474px; height: 85px; vertical-align: top; margin: 1em 0 0 1em; float: left; }
#gle { background-image: url(../images/mw.jpg); background-repeat: no-repeat; padding-left: 38px; padding-right: 4px; }
#rob { background-image: url(../images/rc.jpg); background-repeat: no-repeat; background-position: right; padding-right: 38px; padding-left: 4px; }
/*.refdescription  { background: transparent; margin: 15px 0px 0px 15px; padding: 6px 12px; height: 200px; float: left; border-top: 1px dotted; border-bottom: 1px dotted; border-left: 1px dotted }*/
.swf { margin: 1em 0 0 0; float: left; }
#spacer { height: 100%; width: 1em; float: left}