@charset "utf-8";
/* CSS Document /* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

0. Import CSS
1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

/* 0. Import CSS */

 @import url("lightbox.css");
 @import url("ew-cms.css");
 @import url("clearfix.css");

/* ########################################################################################################
######################################################################################################*/   

/* 1. Standards */

html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
span,
a,
table,
td,
form,
img,
li,
form,
object,
textarea {
   margin: 0px;
   padding: 0px;
   text-decoration: none;
   list-style-type: none;
   color: #363e3e;
   vertical-align:baseline;
   font: 13px/18px "Trebuchet MS", Verdana, Arial;
}

body {
   background: #53585b url(../images/layout/background.jpg) repeat-x top center;
   min-height: 101%;
}

html {
   font-size: 100%;
   overflow: -moz-scrollbars-vertical;
}

h1 {
   color: #b02023;
   font-weight:blod;
   font: 24px/35px "Trebuchet MS", Verdana, Arial;
   padding:35px 0 10px;
}

h2 {
   color: #333;
   font-weight:lighter;
   font: 18px/25px "Trebuchet MS", Verdana, Arial;
}

h3 {
   color: #333;
   font-weight:lighter;
   font: 18px/25px;
}

h4 {
   color: #831634;
   font-weight:lighter;
   font: 18px/25px;
}

p {
   margin: 0 0 30px 0px;
}

.hideme {
   display: none;
}

img,
img a {
   border: none;
}

.no-pic-link {
	text-indent:-9999px;
}

.no-pic-link div a {
	width:0px;
   height:0px;
   display:block;
}

/*######################################################################################################
######################################################################################################*/

/* 2. Layout */

#clear,
.clear {
   clear:left;
   float:none;
}

#container {
   width: 960px;
   position:relative;
   margin: 0 auto;
   text-align: left;
}

/*---------------------------------*/

h1.logo {
   background:url(../images/layout/logo.jpg) no-repeat;
   height:220px;
   width:378px;
   float:left;
   text-indent:-9999px;
     margin: 0;
   padding: 0;
}

#head {
   background:#fff url(../images/layout/header.jpg) no-repeat;
   width: 960px;
   height:220px;
}

#content {
   background:#FFFFFF;
}

#left {
   width:378px;
   float:left;
}

#right {
   width: 552px;
   float:left;
   padding-right:30px
}

#rechtsauskunft {
   background:url(../images/layout/rechtsauskunft.jpg) no-repeat;
   width:187px;
   height:132px;
   margin-left:-6px;
   margin-top: 20px;
   margin-bottom:35px;
   z-index:1;
}

#rechtsauskunft a {
   width:187px;
   height:132px;
   display:block;
   text-indent: -999em;
   text-decoration: none;
}

#adresse2 {
   background:url(../images/layout/adresse.jpg) no-repeat;
   width:264px;
   height:250px;
   text-indent:-9999px;
}

#emailadresse {
   display:block;
   left:92px;
   position:absolute;
   top:592px;
   width:156px;
}

#emailadresse:hover {
   background:url(../images/layout/email_hover.jpg) 0 6px no-repeat;
   height:30px;
   width:157px;
}

.col-left {
   float:left;
}

.col-right {
   float:left;
}

.editcontent {
}

/*---------------------------------*/

#footer {
}

/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

ul#navigation {
   background:url(../images/layout/navi.jpg) no-repeat;
   height:62px;
   width:960px;
   clear:both;
}

ul#navigation li {
   float:left;
}

ul#navigation a#startseite {
   position:absolute;
   height:32px;
   width:89px;
   text-indent:-9999px;
   top: 235px;
   left: 29px;
}

ul#navigation a#startseite:hover {
   background:url(../images/layout/navi_hover.jpg) no-repeat -29px 0px;
}

ul#navigation a#team {
   position:absolute;
   height:32px;
   width:67px;
   text-indent:-9999px;
   top: 235px;
   left: 147px;
}

ul#navigation a#team:hover {
   background:url(../images/layout/navi_hover.jpg) no-repeat -147px 0px;
}

ul#navigation a#gebiete {
   position:absolute;
   height:32px;
   width:132px;
   text-indent:-9999px;
   top: 235px;
   left: 241px;
}

ul#navigation a#gebiete:hover {
   background:url(../images/layout/navi_hover.jpg) no-repeat -241px 0px;
}

ul#navigation a#kunst {
   position:absolute;
   height:32px;
   width:161px;
   text-indent:-9999px;
   top: 235px;
   left: 406px;
}

ul#navigation a#kunst:hover {
   background:url(../images/layout/navi_hover.jpg) no-repeat -406px 0px;
}

ul#navigation a#kontakt {
   position:absolute;
   height:32px;
   width:78px;
   text-indent:-9999px;
   top: 235px;
   left: 599px;
}

ul#navigation a#kontakt:hover {
   background:url(../images/layout/navi_hover.jpg) no-repeat -599px 0px;
}

ul#navigation a#anfahrt {
   position:absolute;
   height:32px;
   width:77px;
   text-indent:-9999px;
   top: 235px;
   left: 708px;
}

ul#navigation a#anfahrt:hover {
   background:url(../images/layout/navi_hover.jpg) no-repeat -708px 0px;
}

ul#navigation a#impressum {
   position:absolute;
   height:32px;
   width:97px;
   text-indent:-9999px;
   top: 235px;
   left: 816px;
}

ul#navigation a#impressum:hover {
   background:url(../images/layout/navi_hover.jpg) no-repeat -816px 0px;
}

ul li ul {
   display:none;
   list-style:none;
}

/* -------- horizontale Navigation (#navi-horizontal) -------- */



/* Stile und Position der Untermenüs: */

li#teamSub ul,
li#gebieteSub ul {
   top:267px;
   position:absolute;
   z-index:2;
   }

li#teamSub ul {
   left:147px;
}

li#gebieteSub ul {
   left:241px;
}

/* Buttons in den Untermenüs: */

ul#navigation li ul li {
   float:none;
   /*  width:189px;*/
  height:29px;
}

* html ul#navigation li ul li {
   width:200px;
}

ul#navigation li ul li a {
   float:none;
   /*  width:179px;*/
  height:19px;
   border-top: solid 1px #fff;
   background-color:#b02023;
   padding:5px 20px;
   display:block;
   text-decoration:none;
   color:#fff;
}

ul#navigation li ul li a:hover {
   background:#a80305;
}

ul#navigation li:hover ul {
   display:block;
}

/*------------------------------- Subnavi  -------------------------------*/

ul#subnavi {
}

ul#subnavi li {
   float: left;
}

ul#subnavi a {
}

ul#subnavi a:hover {
}

/*######################################################################################################
######################################################################################################*/

/* 4. Content */

.picture {
   border: 1px solid #666;
   padding: 2px;
   background:#FFF url(../images/layout/progress.gif) no-repeat center center;
   margin: 0px 10px 10px 0;
   cursor: url(../images/layout/zoomin.cur), pointer;
   outline: none;
}

.picture:hover,
a:hover img.picture {
   border: 2px solid #fd7d31;
   padding: 1px;
}

.picturenohover {
   border: 1px solid #fd7d31;
   padding: 2px;
   background:#FFF url(../images/layout/progress.gif) no-repeat center center;
   margin: 4px 4px 0 0;
}

.picture-link {
   border: 1px solid #666;
   padding: 2px;
   background:#FFF url(../images/layout/progress.gif) no-repeat center center;
   margin: 0px 10px 10px 0;
   outline: none;
}

.picture-link:hover,
a:hover img.picture-link {
   border: 2px solid #fd7d31;
   padding: 1px;
}

/*---------------------------------*/

.floatleft {
   float: left;
}

.marginright10px {
   margin: 0 10px 0 0;
}

.floatright {
   float: right;
}

/*---------------------------------*/

ul.liste {
   margin: 0 0 20px 0;
   list-style: none;
}

ul.liste li {
   padding: 5px 0 5px 25px;
   border-bottom: dashed 1px #ccc;
   margin: 0 10px 0 0;
   line-height: 18px;
   list-style:none;
   _height: 20px;
}

ul.liste li:hover {
   color:#333;
   background: #f7f8f8;
}

ul.liste2 {
   margin: 0 0 20px 0;
   list-style: none;
}

ul.liste2 li {
   padding: 5px 0 5px 0px;
   margin: 0 10px 0 0;
   line-height: 18px;
   list-style:none;
   _height: 20px;
}



/*---------------------------------*/

.block60 {
   float:left;
   display:block;
   width: 60px;
}

.block130 {
   float:left;
   display:block;
   width: 130px;
}

/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:link,
a:visited,
a:active,
a:focus,
.escape span {
   text-decoration: underline;
   color: #b02023;
   outline: none;/*	white-space:nowrap;*/
}

a:hover,
a:hover span {
   text-decoration:none;
   color:#d6544f;
}

/*---------------------------------*/

.spezialgebiete {
   width:194px;
}

.padding {
   padding-right:10px;
}

.divklein {
   width:130px;
}

.paddingtop {
   padding-top:41px;
}

.paddingtop2 {
   padding-top:41px;
}

.abstand {
   padding-right:60px;
}

/*######################################################################################################
######################################################################################################*/
a.anchor {
   margin-right: 4px;
   padding-right: 7px;
   border-right: 3px solid #df681f;
   color:#586666;
   font: bold;
}

a.last {
   margin-right: 0 !important;
   border-right: none !important;
}

.h2-klasse {
   color:#df681f;
}
.block184 { width:184px;}
.block1 { height:19px; width:184px;}
.block2 { height:41px; width:184px;}
.block3 { height:41px; width:184px;}

.slideshow {

	background: url(../images/slideshow/01.jpg) no-repeat;
	width: 561px;
	height: 220px;
   position:absolute;
   left:378px;;
   top:0px;
	
}