/**
* Allgemeine Styles
*/
*{ padding:0; margin:0; }
body { color: black; font-size: 14px; background-color: #fff1d9; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
.normal { color: black; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;  }
.clear { clear: both; }
.hide { display: none; }
a { color: #3c3c3c; text-decoration: underline; cursor: pointer; }
a:hover, a:focus { color: red ; }

/**
* Es folgen die Design Styles
*/
#logo_left { background-color: transparent; top: 20px; position: absolute; left: 15px; }
#logo_left a img { border: 1px solid transparent; }
#logo_left a:hover img { border: 1px solid #ff5400; }
#logo { background-image: url(../images/logo.jpg); height: 70px; width: 800px; top: 20px; position: absolute; right: 8px; visibility: visible;}
#header { background-image: url(../images/top_bg_layer.jpg); width: 100%; left: 0; top: 0; position: absolute; height: 130px; visibility: visible;}
#topmenu { color: white; font-size: 12px; font-family: "trebuchet ms"; font-weight: 700; height:25px; top: 105px; position: absolute; right: 10px; visibility: visible; }
#topmenu a, #topmenu a:hover, #topmenu a:link, #topmenu a:active, #topmenu a:visited { color: white; text-decoration: underline; }
#container { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
#boxed {padding: 135px 0px 5px 5px; clear: none; }
#leftside { width:180px; float:left; padding:0; margin:0; list-style-type:none; }
#content { padding-left: 200px; padding-right:50px; padding-top:10px; }
#footer { clear: both; background-color: #808080; width:100% ; }
#y-webmailer p label {
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 10px;
}

/**
* Es folgen Designs für die Menüs
*/
.searchfield { color: white; font-size: 12px; font-family: "trebuchet ms"; background-color: #808080; width: 150px; height: 20px; border-style: solid; border-width: 0; }
.searchbutton { color: white; font-size: 12px; font-family: "trebuchet ms"; font-weight: bold; background-color: #ff5400; width: 50px; height: 20px; border-style: solid; border-width: 0; }
.tablemenu { color: black; font-size: 12px; font-family: "trebuchet ms"; font-weight: 700; width: 160px; margin: 10px; }
.tablemenu th { color: black; font-size: 16px; font-family: "trebuchet ms"; font-weight: 700; text-align: left; border-bottom: 2px solid #ff5400; }
.copyright { color:#e6e6e6; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; padding: 12px; }
a.sidemenu:link, a.sidemenu:visited { color: black ; font-size: 14px; font-family: "trebuchet ms"; font-weight: normal; text-decoration: none; width: 100%; line-height: 22px; margin-left: 5px; border-bottom: 1px solid #aaa; display:block}
a.sidemenu:hover, a.sidemenu:active { color: #ff5400; border-bottom: 1px solid #ff5400}
.center { text-align: center; }

#subnav { float: right; padding: 0 20px; background: #EEE2CD; margin-left: 20px; }
#subnav h2 { color: #666; font-size: .8em; text-transform: uppercase; letter-spacing: 2px; }
#subnav ul { padding-top: 10px; border-top: 1px solid #aaa089; padding-left: 20px; padding-right: 5px; }


/**
* Ab hier gibt es Formatierungen für die Website
*/
h1{ color: #fff; padding: 10px; font-size: 16pt; font-weight: 700; background-color: #ff5400; z-index: 1; margin: 10px 0 20px; border: dotted 1px #808080; }
h2 { margin: 20px 0 10px; }
h2 em a {
	font-size: 0.7em;
	text-decoration: none;
	margin-left: 10px;
}
h3, p, ul { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-top: 12px; margin-bottom: 12px; text-align: justify; }
ul, ol { padding-left: 40px; }
.footnote { font-size: 10px; }
#meldung { color: #fff; padding: 50px 10px; background-color: #F12F3F; z-index: 1; margin: 10px 0 20px; border: dotted 1px #808080; text-align: center; font-size: 16pt;}
ul.item li { margin-right: 180px; margin-bottom: 10px; } ul.item li.header { margin-right: 5px; text-align: right; float: left; width: 180px; display: block; }
ul.menu, ul.item, ul.images { list-style: none; }
ul.cloudlist { padding-left: 0px; list-style: none; text-align: center; width: 500px; margin: 0 auto; }
ul.cloudlist li { display: inline; margin-right: 5px; }
ul.cloudlist li a { font-size: 26px; }
table.table { width: 100%; border-collapse: collapse; }
table.table tr { background: #EEE2CD; }
table.table tr strong { display: block; text-align: right; }
table.table tr:hover { background: #FFF3DE; }
table.table td { padding: 5px; /*border-bottom: 2px solid #FFF3DE;*/ }
table.table th { padding: 5px; background: #FF9900; text-align: left; }
a img { border: none; }

ul.images li { float: left; margin-right: 10px; margin-bottom: 10px; width: 200px; height: 200px; text-align: center; }
ul.images li img {
	max-width: 200px;
	max-height: 200px;
}