/* Start of CMSMS style sheet 'bartel-webdesign' */
body {
text-align : left;
font-family :  Arial,Verdana, Helvetica, lucida;
font-size : 80%;
line-height : 130%;
color:#000;
margin : 0 0 0 0;

text-align : left;
padding-top : 30px;
}

#wrapper {
width : 840px;
position : relative;
margin : 0 auto;
text-align : left;


}

#header {
width:840px;
height:44px;
}

#signet {
width:204px;
height:44px;
display:inline;
float:left;
}

#subline {
width:262px;
height: 44px;
margin-left: 30px;
display:inline;
float:left;
}

#search {
padding-top:7px;
margin-left:173px;
display:inline;
float:left;
}


#links {
clear:both;
float:left;
display:inline;
width: 205px;
margin-top: 20px;
}

#content-wrap{
float:left;
display:inline;
margin-top: 20px;
margin-left: 30px;
width: 597px;
}

#rechts {
background: #E2F0D0;
margin:0;
padding:10px;
}

#content-head {
width: 575px;
padding:0;
background: #F3F9EA;
border: 1px solid #BACF9F;

}

#content {margin-top: 50px; margin-bottom: 80px;}

#text1 {
padding:30px;
height: 170px;
}

#text1 ul {
list-style-type: none;

}

#text1 img {
float:left;
margin-right: 20px;
}


#text2 {
padding:30px;
}

#text2 ul {list-style-type: none; padding:0; margin: 0}

#text2 li {background: url(images/liste.gif) no-repeat; padding-left: 20px; margin-top:15px;}


#wappen {
padding: 10px;
background: #E2F0D0;
}

#home{
width:205px;
background: #E2F0D0;
margin-top: 30px;
}

#home ul {
padding : 10px 10px 0 10px;
list-style-type : none;
margin: 0;
}

#home li {

line-height:25px;
border-top: 1px solid #fff;
border-right: 1px solid #B5D095;
border-bottom: 1px solid #B5D095;
border-left: 1px solid #fff;
}

#home a {
background:#EBF9D9 url(images/linkback-open.gif)  no-repeat 160px 6px;
text-decoration:none;
color:#4E5B5C;
padding-left: 10px;
display:block;
}


#home a:hover {
background-color:#552366;
color: #fff;
}




#home a.currentpage {
background:#552366  url(images/linkback-open.gif)  no-repeat 160px 6px;
color:#F1E0F7;
}



#menu {
width:205px;
background: #E2F0D0;
}


#menu ul {
padding : 0 10px 10px 10px;
list-style-type : none;
margin: 0;
}

#menu ul ul {
padding : 0;
list-style-type : none;
margin: 0;
background: #fff;
}

#menu li {

line-height:25px;
border-top: 1px solid #fff;
border-right: 1px solid #B5D095;
border-bottom: 1px solid #B5D095;
border-left: 1px solid #fff;
}

#menu ul ul li {
list-style-type : none;
margin: 0;
padding:0;
border-top: none;
border-right: none;
border-bottom: 1px solid #B5D095;
border-left: none;
}

#menu a {
background:#EBF9D9 url(images/linkback.gif)  no-repeat 160px 6px;
text-decoration:none;
color:#4E5B5C;
padding-left: 10px;
display:block;
}


#menu a:hover {
color: #fff;
background-color:#552366;
}

#menu ul ul li a {
background: url(images/linkback-sub.gif)  no-repeat 162px 6px;
text-decoration:none;
font-size: 90%;
color: #552366;
padding-left: 10px;
display:block;
}

#menu ul ul li a:hover {
color:#552366;
background-color: #fff ;
text-decoration: underline;
}



#menu ul ul li a.currentpage {
background: url(images/linkback-subhover.gif)  no-repeat 162px 6px;
color:#552366;
}


#menu ul ul li a.currentpage:hover {
background: #fff url(images/linkback-subhover.gif)  no-repeat 162px 6px;

}


#menu a.currentpage {
background:#552366 url(images/linkback-open.gif)  no-repeat 160px 6px;
color:#F1E0F7;

}

#menu a.currentpage:hover {
}


#menu a.activeparent {
background:#552366 url(images/linkback-open.gif)  no-repeat 160px 6px;
color:#fff; 
}

#menu a.currentpage:hover {

background:#EBF9D9 url(images/linkback.gif)  no-repeat 160px 6px;

}

#menu2 {
width:205px;
background: #E2F0D0;
margin-top: 30px;
}


#menu2 ul {
padding : 10px;
list-style-type : none;
margin: 0;
}



#menu2 li {

line-height:25px;
border-top: 1px solid #fff;
border-right: 1px solid #B5D095;
border-bottom: 1px solid #B5D095;
border-left: 1px solid #fff;
}



#menu2 a {
background:#EBF9D9 url(images/linkback-open.gif)  no-repeat 160px 6px;
text-decoration:none;
color:#4E5B5C;
padding-left: 10px;
display:block;
}




#menu2 a:hover {
background-color:#94e6d0;
}



#menu2 a.currentpage {

background:#94e6d0 url(images/linkback-open2.gif)  no-repeat 160px 6px;;
}

#menu2 a.currentpage:hover {



}

#menu2 a.activeparent {

background:#EBF9D9 url(images/linkback.gif)  no-repeat 160px 6px;

}



#footer {
width: 577px;
margin-top:15px;
}

#footer h5 {
margin:0;
padding:0;
}

#last {
width: 185px;
margin-left: 15px;
float:left;
font-size:90%;
display:inline;}

#copyright {
width: 373px;
float:left;
display:inline;
}



h1 {

font-size: 130%;
margin:10px 0 0 10px;
padding:0;
color:#4E5B5C;}

h2 {
font-size:110%;
padding:0;
color:#4E5B5C;
font-family: georgia;
font-weight: bold;
font-style: italic;}

h3 {
font-size: 90%;
font-family: georgia;
text-transform: uppercase;
text-align:center;
font-style:normal;
border-top: 1px solid #BACF9F;
border-bottom: 1px solid #BACF9F;
padding:5px 0 5px 0;
color:#3C4E26;
background: #E2F0D0;
width: 100%;}

h4 {
font-size: 120%;
padding-bottom:0;
margin:0;
color: #552366;
line-height: 100%}

h5 {
font-size: 80%;
padding-bottom:8px;
margin:0;}

strong {color: #552366;}

.search-input {width:103px; height:19px; background: url(images/search.gif) no-repeat; border: none; padding-left:6px;padding-right:6px; font-size: 90%; color: #A8A5A5; overflow: hidden;}

.search-button {width:21px; height:21px; background: url(images/go.gif) no-repeat; border: none;  margin-left: 17px}

.newstable {width: 100%; border: solid 2px #A4BA88; background: #fff;}
.newsimg {
width:160px;
margin: 15px 0 15px 15px;
float: left;
display:inline;
}

.newsimg a{background: none; text-decoration: none;}
.newsimg a:hover {background: none; text-decoration: none;}

.newstext {
width: 300px;
margin: 15px 0 0 15px;
float: left;
display:inline;
}

.newsunten {
clear:both;
width: 500px;
margin: 0 0 15px 15px;
}

input {
width: 153px;
height: 19px;
background: url(images/input.gif) no-repeat;
border: none;
overflow:hidden;
padding-left:6px;padding-right:6px; font-size: 90%; color: #A8A5A5;
}

textarea {
width: 216px;
height: 165px;
background: url(images/text.gif) no-repeat;
border: none;
overflow:hidden;
padding-left:6px;
color: #A8A5A5;

}

.fbsubmit {width:21px; height:21px; background: url(images/go.gif) no-repeat; border: none;}

.cap {
width: 159px;
height:19px;
margin-top: 2px;
float:left;

}
.sub {
width: 21px;
height:21px;
float:left;
display:inline;
margin-left: 8px;}

.preise {
width: 100%;
height: 25px;
margin-top: 10px;}

.preise td {
background: #fff;
border: 1px solid black;
padding: 5px;}

.small {font-style: italic; font-size: 90%;}


a {text-decoration: none; background: #EBF9D9; color: #000}
a:hover {background: #94e6d0;}

img {background-color: none;}

#lightbox{
        position: absolute;
        top: 20px;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        color:#151410;
        }

#lightbox a, #lightbox a:hover {
        border-bottom:none;
        color:#151410;
        text-decoration:underline;
}

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#loadingLink {
        display:block;
        margin:0 auto;
        padding:0;
        width:32px;
        height:32px;
        background:url("images/loading.gif") center center no-repeat;
        text-indent:-9999px;
}
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
        width: 49%;
        height: 100%;
        background: transparent url("images/blank.gif") no-repeat; /* Trick IE into showing hover */
        display: block;
        text-indent:-9999px;
        }
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("images/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        }

#imageData{
        padding:0 10px;
        }
#imageDetails{ width: 70%; float: left; text-align: left; }
#caption{ font-weight: bold;        }
#numberDisplay{ display: block; clear: left; }
#detailsNav{ display: block; clear: left; padding:0 0 10px 0;        }
#prevLinkDetails { margin:0 8px 0 0; }
#nextLinkDetails { margin:0 8px 0 0; }
#closeLink {
        display:block;
        margin:0;
        padding:0 0 10px 0;
        text-decoration:none;
        float:right;
        width:66px;
        height:28px;
        background:url("images/closelabel.gif") no-repeat;
        text-indent:-9999px;
        overflow:hidden;
}

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #151410;
        filter:alpha(opacity=40);
        -moz-opacity: 0.6;
        opacity: 0.6;
        }


.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        }

* html>body .clearfix {
        display: inline-block;
        width: 100%;
        }

* html .clearfix {
        /* Hides from IE-mac \*/
        height: 1%;
        /* End hide from IE-mac */
        }


/* End of 'bartel-webdesign' */