* { margin: 0; padding: 0; }

html { height: 100%; }
body{ height: 100%; background-color: #212930; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 15px; color: #FFFDDD; }
body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px;/}

a img { border: 0; }

/* #78893 5 */

/* #6A860 3 */

/***** STRUCTURE *****/
#wrap { min-height: 100%; width: 960px; margin: 0 auto; }
#main { overflow: auto; width: 900px; padding: 30px 30px 60px 30px; clear:both; }

#main h1 { font-weight: bold; font-size: 21px; text-transform: uppercase; padding-bottom: 0.5em; }
#main h2 { font-weight: normal; font-size: 17px; text-transform: uppercase; padding-bottom: 0.5em; }
#main h3 { font-weight: bold; text-transform: uppercase; font-size: 15px;}

#main p { padding-bottom: 0.5em; }
#main p img { padding: 0 20px; }

#main a { color: #687F0B; text-decoration: none; }
#main a:hover { text-decoration: underline; }

#main a.open-gallery { display: block; background-color: #687F0B; padding: 8px 15px 5px 15px; float: left; color: #FFFDDD; font-size: 16px; text-transform: uppercase; margin: 12px 0; }

#main > table { background-color: #687F0B; border: 0; padding: 0 30px; width: 100%; margin: 1em 0; }
#main > table p { padding-bottom: 0; }
#main > table td { border: 0; border-bottom: 1px solid #436E30; padding: 10px 0; }
#main > table tr:last-child td { border-bottom: 0; }
#main > table tr td:last-child { width: 150px; }
#main > table td strong { text-transform: uppercase; font-weight: normal; }
#main > table td em { font-style: normal; font-size: 0.8em; }

#contact table, #wall table { background: none;  padding: 0; margin: 0 0 20px 0; clear:both;}
#contact table td, #wall table td  { border-bottom: 0; width: 220px; margin-right: 10px; padding-bottom: 10px; vertical-align: top; }
#contact table tr:first-child td input { width: 402px; }
#wall table { width: 400px;}
#contact label, #wall label { font-size: 11px; }
#contact input, #contact textarea, #wall input, #wall textarea  { width: 180px; border: 0; height: 27px; padding: 5px 10px 3px 10px; margin-top: 3px; }
#contact input[type=submit], #wall input[type=submit] { background-color: #687F0B; color: #FFFDDD;  width: 120px; padding: 3px 10px; font-weight: bold; cursor: pointer; font-size: 13px; }
#wall input, #wall textarea { width: 250px; }
#contact table img { margin-top: 3px; margin-bottom: 3px; }
#wall #captcha { width: 180px; }


#main .bericht { background: none; width: 500px; margin: 0; padding: 0 0 12px 0; margin-bottom: 12px; float: left; clear:both; border-bottom: 1px solid #3B4B5B}

#main .paginationWall { background: none; width: 500px; text-align: right; border-top: 1px solid #3B4B5B; color:#7B92AA; }
#main .paginationControlWall a { color: #7B92AA; padding: 0 5px; }
#main .paginationControlWall strong { text-decoration: underline; padding: 0 5px; }

.styled-select select { background: transparent; border: 0; width: 78px; padding: 6px 5px; font-size: 16px; height: 27px; font-weight: bold; font-size: 12px; cursor: pointer; }
.styled-select { margin-top: 4px; float: left; margin-right: 15px; width: 50px; height: 27px; overflow: hidden; background: url('/images/website/drop-arrow.png') no-repeat right #fff; }
.year-select select { width: 98px; }
.year-select { width: 70px; }

#contact textarea { min-width: 180px; max-width: 180px; height: 100px; min-height: 100px; max-height: 100px; }
#wall textarea { min-width: 250px; max-width: 250px; height: 100px; min-height: 100px; max-height: 100px; }

.errors ul { width: 278px; list-style: disc; font-size: 12px; margin-left: 20px; margin-bottom: 12px; clear:both; border-bottom: 1px solid #687F0B; float: left;}
.errors li { text-transform: lowercase; padding-bottom: 5px; }
.errors strong { background-color: #687F0B; color: #FFFDDD; padding: 7px 10px 5px 10px; display:block; float: left; margin-bottom: 12px;}

/***** HEAD *****/
#language { text-align: right; padding-top: 5px; font-size: 18px; }
#language a { color: #FFFDDD; text-decoration: none; font-family: 'Rokkitt', serif; font-weight: bold;}
#language a:hover, #language a.active { color:#687F0B; }

#header { text-align: center; }
#header h1 { font-family: 'Rokkitt', serif; font-size: 80px; text-transform: capitalize; color:#687F0B; padding: 20px 0; }
#header h1 a { color:#687F0B; text-decoration: none; }
#slider { width: 960px; height: 231px; float: left; clear: both; margin-bottom: 20px; }
#slider img { padding-right: 6px; float: left; }
#slider img:last-child { padding-right: 0; }
#slider > a { width: 322; width: 231; float: left; display: block; }

/***** MENU *****/

#menu { border-top: 1px solid #3B4B5B; border-bottom: 1px solid #3B4B5B; float: left; width: 920px; clear:both; padding: 15px 15px 10px 15px; text-transform: uppercase; }
#menu ul {  list-style: none; }
#menu ul li { float: left; display: block; }
#menu ul li > a { font-family: 'Rokkitt', serif; font-weight: bold; font-size: 17px; color: #FFFDDD; text-decoration: none; }
#menu ul li > a:hover, #menu > ul > li > a.active { color: #687F0B; }

.ie7 #menu, .ie8 #menu { letter-spacing: -0.03em; }

#menu > ul { width: 920px; position: relative; margin: 0 auto;  float: left; }
#menu > ul > li { padding-right: 13px; position: relative; }
#menu > ul > li:last-child { padding-right: 0; }
#menu > ul > li > ul { display: none; }

#menu .submenu { position: relative; }
#menu .submenu a > img { margin-left: 5px; max-width: 7px; height: auto; vertical-align: middle; position: relative; top: -1px; }
#menu .submenu ul { position: absolute; padding-top: 10px; left: 0; clear:both; }
.ie7 #menu .submenu ul { padding-top: 29px; }
#menu .submenu ul li { width: 145px; }
#menu .submenu ul a { background-color: #3B4B5B; font-size: 15px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; width: 100%; float: left; padding: 7px 12px; }
#menu .submenu ul a:hover { color: #FFFDDD; background-color: #9DA5AD;}

/***** FOOTER *****/
#footer { position: relative; margin: -30px auto 0 auto; height: 30px; clear: both; width: 960px; text-align: right; font-size: 0.7em; }
#footer a { color: #FFFDDD; text-decoration: none; }
#footer a:hover { color:#687F0B; }