@charset "utf-8";

/* CSS Document */

/******************************************************************************************
** GRUND-FORMATIERUNG
******************************************************************************************/

*, html {
   margin:0px;
   padding:0px;
   outline:none;
}

html, body {
   height:100%;
}

body {
   font-family:Verdana;
   font-size:12px;
   color:#494c6d;
   background:url(../images/layout/body_bg.jpg) no-repeat center top;
}

.clear { margin:0 0 20px 0;}

.video { position:relative!important;}

/******************************************************************************************
** ALLGEMEINES
******************************************************************************************/

h1 {
   float:left;
   padding:66px 0px 0px 55px;
   width:597px;
   height:261px;
   font-size:20px;
   text-indent:-6000px;
}

h1 a {
   display:block;
   width:304px;
   height:54px;
   cursor:pointer;
}

h2 {
   margin:0px 25px 25px 0px;
   padding-top:20px;
   width:572px;
   height:44px;
   font-weight:normal;
   line-height:24px;
   background:url(../images/layout/dash.gif) repeat-x left bottom;
}

h2 span.kat {
   font-size:16px;
   color:#6b95b0;
}

h2 span.thema {
   font-size:22px;
   color:#494c6d;
}

h3 {
   margin-bottom:15px;
   font-size:14px;
   color:#6B95B0;
}

#content a {
   color:#494c6d;
   text-decoration:underline;
}

#content a:hover {
   background:#E7F0F5;
}

#content {
   line-height:16px;
}

#content p {
   margin-bottom:15px;
}

#content ul {
   margin-bottom:15px;
   list-style:none;
}

#content li {
   margin-top:8px;
   padding-left:28px;
   background:url(../images/layout/li.gif) no-repeat left 4px;
}

#content ul.partner {
   margin-bottom:15px;
   list-style:none;
}

#content ul.partner li {
   margin-top:8px;
   padding-left:28px;
}

#content p.devider {
   height:20px;
   background:url(../images/layout/dash.gif) repeat-x left center;
}

#content img {
   margin-bottom:15px;
   border:1px solid #e6e6e6;
}

#content a.lightbox, #content a.lightbox:hover {
   text-decoration:none;
   background:none;
}

/******************************************************************************************
** SONSTIGES
******************************************************************************************/

.required_img {
   margin:0px !important;
   padding:0px !important;
   border:none !important;
}

/* Clearfix for stand-alone-divs */
.nofloat {
   float:none;
   clear:both;
}

.float_left {
   float:left;
}

img.float_left {
   margin-right:15px;
}

/* Clearfix für content-divs */
.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

.clearfix {
   display:inline-block;
}

* html .clearfix {
   height:1%;
}

.clearfix {
   display:block;
}

/******************************************************************************************
** AUFBAU
******************************************************************************************/

#wrapper {
   margin:0px auto;
   width:907px;
   height:1000px;
}

/* Kopf-Bereich */
#header {
   width:907px;
   height:327px;
}

#news {
   float:left;
   padding: 66px 0px 0px 62px;
   width:193px;
   height:261px;
   font-size:12px;
   text-indent:-6000px;
}

#news a {
   display:block;
   width:183px;
   height:70px;
   cursor:pointer;
   background:url(../images/layout/a_news_bg.jpg) no-repeat 0px 0px;
}

#news a:hover {
   background-position:0px -70px;
}

/* Navigation */
#navigation {
   margin:4px 54px 0px 55px;
   width:798px;
   height:229px;
   overflow:hidden;
   list-style:none;
   font-size:12px;
   line-height:24px;
}

#navigation li {
   padding-top:6px;
   float:left;
}

#navigation li a {
   display: block;
   width:199px;
   height:12px;
   cursor:pointer;
   color:#494c6d;
}

#navigation li.devider {
   margin:0px 20px;
   width:159px;
   height:24px;
   background:url(../images/layout/dash.gif) repeat-x left center;
}

#navigation li ul {
   list-style:none;
   list-style:none;
   padding-top:20px;
}

#navigation li ul li {
   padding-top:2px;
   float:none;
   text-align:left;
}

#navigation li ul li a {
   display:block;
   padding-left:20px;
   width:179px;
   height:auto;
   text-decoration:none;
}

#navigation li ul li a:hover {
   background:url(../images/layout/a_link.jpg) repeat-y 0px -1px;
}

#gr {
   width:199px;
   height:233px;
   background:url(../images/layout/ul1_bg.jpg) no-repeat left top;
   text-align:center;
}

#ir {
   width:199px;
   height:233px;
   background:url(../images/layout/ul2_bg.jpg) no-repeat left top;
   text-align:center;
}

#bs {
   width:199px;
   height:233px;
   background:url(../images/layout/ul3_bg.jpg) no-repeat left top;
   text-align:center;
}

#gl {
   width:201px;
   height:233px;
   background:url(../images/layout/ul4_bg.jpg) no-repeat left top;
   text-align:center;
}

#navigation_footer {
   margin:0px 54px 0px 55px;
   width:798px;
   height:4px;
   background:url(../images/layout/navi_footer_bg.jpg) no-repeat left top;
}

/* Inhalts-Bereich */
#content {
   float:left;
   padding:0px 34px 0px 55px;
   width:563px;
   min-height:713px;
   height:713px;
   height:auto !important;
}

#sidebar {
   float:left;
   width:255px;
   min-height:713px;
   height:713px;
   height:auto !important;
}

#content .left_col {
   float:left;
   margin-right:27px;
   width:268px;
}

#content .right_col {
   float:left;
   width:268px;
}

/* Inhalts-Items */
#subnavigation {
   padding-right:54px;
   padding-top:20px;
   width:201px;
   height:140px;
   list-style:none;
   font-size:12px;
   line-height:24px;
   background:url(../images/layout/subnavi_bg.jpg) no-repeat left top;
}

#subnavigation a {
   display:block;
   padding-left:17px;
   width:182px;
   text-decoration:none;
   color:#494c6d;
}

#subnavigation a:hover {
   background:url(../images/layout/a_link_breiter.jpg) repeat-y 0px -1px;
}

#telefon {
   padding-right:54px;
   width:201px;
   height:91px;
   text-indent:-6000px;
   background:url(../images/layout/telefon_bg.jpg) no-repeat left top;
}

#newsletter {
   width:255px;
   height:288px;
   background:url(../images/layout/newsletter_bg.jpg) no-repeat left top;
}

#krake {
   padding-right:54px;
   width:201px;
   height:140px;
   background:url(../images/layout/krake.jpg) no-repeat left top;
}

#internetstadtplan {
   padding-right:54px;
   width:201px;
   height:85px;
   background:url(../images/button-end.gif) no-repeat left top;
	margin:20px 0;
}

#internetstadtplan a {
   width:201px;
   height:85px;
	display:block;
	text-indent:-9999px;
}

/* Footer */
#footer {
   width:907px;
   min-height:46px;
   height:46px;
   height:auto !important;
   background:url(../images/layout/footer_bg.jpg) no-repeat left top;
}

#footer a {
   color:#494c6d;
   text-decoration:none;
}

#adressen {
   margin:9px 54px 0px 55px;
   width:798px;
   height:359px;
   list-style:none;
   overflow:hidden;
   background:url(../images/layout/adressen_bg.jpg) no-repeat left top;
}

#adressen a {
   color:#494c6d;
   text-decoration:none;
}

#adressen p.bar {
   margin-bottom:22px;
   padding:0px 0 0 17px;
   width:781px;
   height:33px;
   overflow:hidden;
}

#adressen p.bar a {
   float:left;
   height:22px;
   display:block;
}

a#footer_link {
   padding-top:11px;
   width:646px;
   cursor:pointer;
   background: url(../images/layout/footer_open.gif) no-repeat 190px 15px;
}

a#fhome, a#fanfahrt, a#fkontakt {
   margin:0px 10px;
   padding-top:11px;
   display: block;
   width: 25px;
   text-indent:-6000px;
}

a#fhome {
   background:url(../images/layout/home.gif) no-repeat center 12px;
}

a#fanfahrt {
   background:url(../images/layout/anfahrt.gif) no-repeat center 12px;
}

a#fkontakt {
   background:url(../images/layout/kontakt.gif) no-repeat center 12px;
}

a#fimpressum {
   display:block;
   margin:0px 10px;
   padding:15px 0px 0px 20px;
   width:auto;
   height:25px;
   background:url(../images/layout/impressum.gif) no-repeat left 15px;
}

#adressen ul {
   list-style:none;
}

#adressen li {
   float:left;
}

li.c1 {
   padding:0 0 0 17px;
   width:278px;
}

li.c2 {
   width:268px;
}

#adressen .devider {
   margin:15px 20px;
   width:758px;
   height:24px;
   background:url(../images/layout/dash.gif) repeat-x left center;
}

#adressen_footer {
   margin:0px 54px 0px 55px;
   width:798px;
   height:42px;
   background:url(../images/layout/adressen_footer_bg.jpg) no-repeat left top;
}

/* Newsletter-Bereich */
#newsletter {
   line-height:35px;
   color:#596174;
}

#newsletter fieldset {
   padding:0 0 0 14px;
   border:none;
}

#newsletter input {
   padding:4px 4px 0px 4px;
   width:161px;
   height:21px;
   border:1px solid #d8d6d6;
}

#newsletter input#submit_nl {
   color:#596174;
   text-align:right;
   background:none;
   border:none;
}

/* Schleifenzeilen */
.ewcms_loopstart, .ewcms_loopend, .ewcms_loopline {
   margin-bottom:15px;
   padding:2px 5px;
   color:#fff;
}

.ewcms_loopstart, .ewcms_loopend {
   background:#7299B6;
}

.ewcms_loopline {
   background:#B4D0E5;
}

.ewcms_loopline, .ewcms_loopend {
   clear:left;
}

/* Link für neue Schleifenebene */
a.ewcms_loopend_newlink {
   color:#fff !important;
}

/* CMS Mini-Bilder */
.ewcms, .ewcms_loopline_delimg, .ewcms_loopline_downimg, .ewcms_loopline_upimg, .ewcms_loopend_newimg, .ewcms_edit_img, img.ewcms, .ewcms_edit_logout img {
   margin:0 !important;
   padding:0 !important;
   border:none !important;
}

.mitarbeiter {
   width: 120px;
   font-size: 10px;
   padding: 0 2px 0 2px;
   float:left;
}

#content div.mitarbeiter img {
   margin: 0;
}

.imagesMitarbeiter {
   border: 2px solid #b4d0e5;
   padding: 3px;
   background:#FFF url(../images/layout/progress.gif) no-repeat center center;
   margin: 0px 12px 0px 0;
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
}

.imagesMitarbeiter:hover, a:hover img.imagesMitarbeiter {
   border: 2px solid #7299b6;
   padding: 3px;
}

.imageDescription {
   float: left;
   font-size: 10px;
   width: 114px;
   padding: 3px 0 0 3px;
}

.clear {
   clear:left;
   float:none;
   height:0;
   line-height: 0.0em
}
.paddingRight { padding-right: 250px; float:left;}