/* CSS Dokument */

* {padding: 0; margin: 0; outline:none;}
body {font-family: Arial, Helvetica, sans-serif;background: url(../media/Hintergrund.png);padding: 15px 0px;}


/* MAIN */
#seite {width: 700px;margin: auto;padding: 15px 30px;background:white;} /* reale breite = width 700 + padding left + padding right */
#header {width:100%;height:100px;}
#navigation {}
#content {position:relative;padding-bottom:0px;display:table-cell;}
#footer {width:700px;height:50px;position:relative;}


/* HEADER */
#header .logo {width:200px;height:100px;float:left;border:0px;}
#header .subline {width:300px;height:24px;margin:38px 85px 38px 115px;float:left;border:0px;}


/* NAVIGATION */
#navigation {width:100%;margin: 15px 0px 30px 0px;list-style-type: none;}
#navigation li {display: inline;font-size:15px;margin-left:7px;} /* 9px außenabstand links vor jedem li element */
#navigation li:first-child {margin-left:0px;} /* 0px außenabstand links vor dem ersten li element */

#navigation li a {width: 83px; padding: 2px 14px; background:#f59e01; color:white; text-decoration:none; text-align: center; letter-spacing:1px;}
#navigation li a:hover {background: #facd7d;}
#navigation li a#current {background: #23972a;}


/* CONTENT */
#content .left {width:335px;float:left;}
#content .right {width:335px;padding-bottom: 10px;float:left;margin-left:30px;}
#content .right img.title {border:0px;padding-bottom:30px;}
#content .klein {padding-top: 10px;position:relative;text-align: center;}
#content .klein div {float:left;}
#content .klein img {border:0px;padding:0px 15px 13px 0px;}
#content .leftbreit {background:white;width:700px;}
#content .leftbreit_kontakt {background: white;width: 700px;border-top: 2px silver solid;clear: left;}
#content .leftbreit_kontakt h1 {padding-top: 20px;}
#content .leftbreit_kontakt h2 {padding-top: 5px; padding-bottom: 5px;}
#content .leftbreit h2 {font: bold 18px/140% Arial, Helvetica, sans-serif; color:black; letter-spacing:1px;padding-top: 0px; padding-bottom:0px;}


#content h1 {font: bold 18px/140% Arial, Helvetica, sans-serif; color:#f59e01; letter-spacing:2px;padding-bottom:10px;}
#content h2 {font: bold 18px/140% Arial, Helvetica, sans-serif; color:black; letter-spacing:1px;padding-bottom:10px;}
#content p {font-size:15px;line-height:160%;padding:3px 0px 6px 0px;color:#585858}
#content .black {color:black;}
#content a:visited {color:blue;}
#content .map_canvas {background: red; width: 335px;
            height: 300px;}

#content .top {width:100%;height:22px;position:relative;float:left;display:block;}
#content .top a {width:25px;height:22px;position:relative;float:right;text-decoration:none;background:url(../media/top.jpg) no-repeat;/*margin-top:10px;*/}

/* FOOTER */
#footer p {width:100%;font-size:12px;text-align:center;padding:25px 0px;}