@charset "utf-8";
/* ------------------------------*/
/* -- sudte-design.de -- */
/* ------------------------------*/



/* ------------------------------*/
/* -- alles auf null -- */
/* ------------------------------*/

html, body { height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */ }
html, body, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, label, input, fieldset, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000; }
/* remember to define focus styles! */
:focus { outline: 0; }
ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* ------------------------------*/
/* -- 0# -- globale einstellungen -- */
/* ------------------------------*/


body { background-color: #fff; background-image: url(../images/bg.png); background-repeat: repeat-x; background-position: center top; padding: 0 0 0px 0; }
p { line-height: 1.5em; padding: 0px; font-family: Arial, Helvetica, sans-serif; }
strong { color: #999; font-weight: bold; }
em { font-style: normal; color: #1f469f; }
a { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
/* ------------------------------*/
/* -- layout  -- */
/* ------------------------------*/
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }

#container{width: 960px; margin: 0px auto;}
/* ------------------------------*/
/* -- #1 -- header -- */
/* ------------------------------*/
#header { width: 100%; height: 198px; position: relative; z-index: 10;  }
#header h1 a { width: 284px; height: 332px; background-image: url(../images/bg-branding.png); background-repeat: no-repeat; display: block; position: relative; float: left; margin: 0px 0 0 0px; font-size: 16px; color: #000; text-indent: -999em; z-index: 60; text-decoration: none; }
#header h1 a:hover { color: #d00d13; text-decoration: none; }
html>body #header h1 a:hover { color: #d00d13; text-decoration: none; }
/* ------------------------------*/
/* -- #3-1 -- Navigation  ------ */
/* ------------------------------*/
ul#navigation { width: 100%; z-index: 100; padding-top: 220px; }
ul#navigation li { float: left; }
ul#navigation li a { float: left; font-size: 25px; color : #fff; padding: 0px 20px; line-height: 39px; text-decoration : none; display: block; font-family: Tahoma; font-weight: bold; text-align: right;}
ul#navigation li a:hover { color : #000; text-decoration : none; background-color: none;  }
/* ------------------------------*/
/* -- 4# --content Main -- */
/* ------------------------------*/
/* --- rechter inhaltsbereich --- */
#contentMain { width: 605px; position: relative; z-index:10;  padding: 0px 50px 30px 305px; min-height: 300px;  }
#contentMain h2 { color: #ccc; font-size: 30px; margin: 0px 0px 10px 0px; font-weight: bold;  font-family: Tahoma; }
#contentMain h3 { font-size: 16px; color: #000; font-family: Tahoma; margin: 10px 0px 7px 0px; }
#contentMain p { margin: 0px 0px 7px 0px; }

#contentMain ul { margin: 10px 0 15px 20px; }
#contentMain ul li { margin: 0px 0 5px 0px; padding-left: 20px; background-image: url(../images/li-bullet.png); background-repeat: no-repeat; background-position: left center; }
/* ------------------------------*/
/* -- 5# -- footer -- */
/* ------------------------------*/

#footer { width: 100%; position: relative;  }
/* -- adresse / v-card --*/
#hcard { width: 630px;  position: relative; margin-left: 300px;  padding: 20px 0px 20px 10px; border-top: dotted 1px #000;  background-color: #add96f; }
#hcard p.addi { width: 200px; float: left;  }
#hcard p.number { width: 250px; float: left; }
#hcard p {   }
#hcard p a {  text-decoration: underline; }
#hcard p a:hover { text-decoration: none;   background-color: #dff7bd;  }
.tab { display:block; float:left; width:55px; }
.type { display:none; }
h3.fn { width: 170px;  font-size: 16px; display: block; float: left; color: #fff; }
/* --end of adresse / v-card --*/