/* body */
body { margin-top: 0px; padding-top: 0px; }
body#body-website { background: url(./images/layout/background.png) center 7px repeat #fefefe; }
p { margin: 0; padding: 0; }

/* font */
body, div, td, p, a, span, h1, h2, h3 { font-family: Verdana, sans-serif; font-size: 8pt; color: #787d83; }
p { margin: 15px 0; }

/* headlines */
h1 { margin: 5px 0 5px 0; color: #303740; text-decoration: none; font-family: Arial, sans-serif; letter-spacing: -1px; font-weight: bold; font-size: 11pt;  }
h2 { height: 18px; line-height: 18px; margin: 2px 0 5px 0; padding: 0 7px 0 15px; background: url(./images/layout/arrow.gif) 7px center no-repeat #858585; color: #ffffff; letter-spacing: -1px; text-decoration: none; font-weight: normal; font-size: 11px; }
h2 span.news-title { display: block; height: 18px; line-height: 18px; font-size: 11px; letter-spacing: -1px; color: #ffffff; float: left; }
h2 span.news-date { display: block; height: 18px; line-height: 18px; width: 45px; font-size: 11px; letter-spacing: -1px; color: #ffffff; text-align: right; float: right; }
h3 { margin: 5px 0 -5px 0; color: #626367; text-decoration: none; font-family: Arial, sans-serif; letter-spacing: -1px; font-weight: bold; font-size: 10pt;  }
h4 { margin: 5px 0 0 0; color: #626367; text-decoration: none; font-family: Arial, sans-serif; letter-spacing: -1px; font-weight: bold; font-size: 10pt;  }

/* floating */
.fleft { float: left; }
.fright { float: right; }
.fclear { clear: both; }

/* links */
a img { border: 0px; }
a { color: #20376c; text-decoration: none; }
a:hover { text-decoration: underline; }

/* frame */
div#frame { width: 956px; position: relative; left: 50%; margin-left: -478px; margin-top: 18px; background-color: #fefefe; float: left; }

/* header */
div#header { width: 956px; height: 130px; float: left; }
img#header-logo { margin: 25px 0 0 40px; float: left; }
img#header-service { margin-top: 25px; float: right; }
div#header-picture { width: 930px; height: 162px; margin-left: 13px; background-repeat: no-repeat; background-position: center center; float: left; }

/* top menu */
ul#menu { width: 930px; padding: 5px 0; margin: 5px 0 22px 13px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; overflow: hidden; float: left; }
/*
alternative, nur text anklickbar
ul#menu li { height: 25px; margin-left: -1px; padding: 0 24px; line-height: 25px; border-left: 1px solid #e7e7e7; float: left; }
ul#menu li a { color: #738392; font-weight: bold; letter-spacing: -1px; text-transform: uppercase; }
*/
ul#menu li { list-style-type: none; float: left; }
ul#menu li a { width: 103px; height: 25px; margin-left: -1px; line-height: 25px; border-left: 1px solid #e7e7e7; text-align: center; text-decoration: none; color: #6b7b94; font-weight: bold; letter-spacing: -1px; font-family: Arial, sans-serif; font-size: 10pt; display: block; text-transform: uppercase; }
/*
alternative button-breite vom text abhängig
ul#menu li a { height: 25px; margin-left: -1px; padding: 0 24px; line-height: 25px; border-left: 1px solid #e7e7e7; text-decoration: none; color: #6b7b94; font-weight: bold; letter-spacing: -1px; font-family: Arial, sans-serif; font-size: 10pt; text-transform: uppercase; }
*/
ul#menu li a.selected, ul#menu li a:hover { color: #000000; text-decoration: none; font-weight: bold; }

/* footer menu */
ul#menu-footer { width: 900px; height: 40px; margin: 0 13px 0 0; float: right; }
ul#menu-footer li { list-style-type: none; height: 40px; line-height: 40px; padding: 0 13px; float: right; }
ul#menu-footer li a { color: #6b7b94; font-weight: bold; letter-spacing: -1px; text-decoration: none; font-family: Arial, sans-serif; font-size: 10pt; text-transform: uppercase; }
ul#menu-footer li a.selected, ul#menu-footer li a:hover { color: #000000; text-decoration: none; font-weight: bold; }


/* content */
div#content-outer { width: 956px; float: left; }
div#content-outer { background: url(./images/layout/parketti.jpg) no-repeat bottom right; }
div#content-frame { margin: 0 0 0 40px; width: 890px; float: left; }
div#content-left { width: 605px; padding: 0 25px 65px 0; float: left; }
div#content-seperator { width: 1px; height: 280px; margin: 30px 0 80px 0;  background-color: #d9d9d9; float: left; }
div#content-right { width: 235px; padding: 0 0 250px 0; float: right; }

/* news */
div.news { margin-bottom: 40px; border-bottom: 1px solid #d9d9d9; }
div.news a.back { text-decoration: none; display: block; float: right; }
div.news a.back:hover { text-decoration: underline; }

/* references */
.references { text-align: center; }
div.references-border { width: 130px; margin: 9px; border: 1px solid #d9d9d9; float: left; }
.references-picture { width: 120px; height: 120px; margin: 5px; background-position: center center; overflow: hidden; display: block; float: left; }

/* partners */
div.partners-border { width: 130px; margin: 9px; border: 1px solid #d9d9d9; float: left; }
.partners-picture { width: 120px; height: 120px; margin: 5px; background-position: center center; overflow: hidden; display: block; float: left; }

/* news teaser */
p.news { margin: 7px 0 20px 13px; letter-spacing: -1px; font-size: 8pt; }
p.news a { color: #282f49; text-decoration: none; font-weight: bold; font-size: 10px; }
p.news a img { margin-left: 5px; }


/* forms */
input.submit, div.form-content input, div.form-content textarea { width: 100%; font-family: Helvetica,Arial,sans-serif; color: #7d7d7d; background: none; font-size: 10pt; border: 1px solid #d9d9d9; }
input.checkbox { width: auto ! important; }
textarea { height: 100px; }
input.submit, div.form-content input.submit { width: 100px; height: 25px; border: 1px solid #7d7d7d; background-color: #f7f7f7; color: #000000; border-top-color: #d9d9d9; border-left-color: #d9d9d9; }
div.form-content input.submit { float: right; }
input.submit:active, div.form-content input.submit:active { padding: 1px 0 0 5px; border-left-color: #7d7d7d; border-top-color: #7d7d7d; border-bottom-color: #d9d9d9; border-right-color: #d9d9d9; }
div.form-title { width: 170px; height: 20px; margin: 5px 20px 5px 0; line-height: 20px; text-align: right; float: left; clear: left; }
div.form-content { width: 240px; margin: 5px 0; float: left; float: left; }