body {
margin : 0;
padding : 0;
font : 73% verdana, "Trebuchet MS", arial, tahoma, sans-serif;
line-height : 1.7em;
color : #666;
background :  url(img/bg.jpg) repeat-y top center;
}
#container {
width : 740px;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 5px solid #fff;
color : #666;
background : #fff;
}
                        /*TOP BANNER*/
#banner {
height : 180px;
padding : 0;
margin : 0;
color : #666;
background : #c4da64 url(img/zittauer-gebirge.jpg) no-repeat ;
}

                        /*TOP MENU*/
#navlist {
text decoration: none;
padding : 3px 0;
margin : 0;
text-align : left;
letter-spacing : 1px;
border : 0px solid #eee;
background : #ebfbb0;
}
#navlist li {
list-style : none;
margin : 0;
display : inline;
}
#navlist li a {
padding : 6px 0.5em;
margin-left : 3px;
color : #4d6912;
background : #ebfbb0;
text-decoration : none;
}
#navlist li a:link, #navlist li a:visited {
color : #4d6912;
background : #ebfbb0;
}
#navlist li a:hover, #navlist li a#current {
color : #333;
background : #c3db63;
}
                        /*MAIN CONTENT*/
#content {
padding : 5px;
margin-left : 192px;
margin-bottom : 0;
color : #666;
background : #fff;
}

#content-start {
padding : 5px;
margin-left : 10px;
margin-bottom : 0;
color : #666;
background : #fff;
}

#content-start h2 {
margin-top : 40;
text-transform : none;
font-weight : bold;
}
#content-start span {
text-transform : uppercase;
color : #DB7066;
}

                        /*SIDEBAR*/
#sidebar {
float : left;
width : 175px;
margin : 0 10px 0 0;
padding : 5px;
border-right : 1px solid #eee;
}
                        /*SIDEBAR LINKS*/
#sidebar ul li {
margin : 3px 10px 0 0;
padding : 0px;
list-style-type : square;
color : #DB7066;
background : inherit;
}
#sidebar a {
text-decoration : none;
color : #4d6912;
background : #fff;
}
#sidebar a:hover {
color : #333;
background : #c3db63;
}
                        /*FOOTER*/
#footer {
clear : both;
height: 50px;
padding : 3px;
margin : 0;
text-align : left;
border-top : 1px solid #c3db63;
color : #DB7066;
background : #fff;
}
                        /*TYPOGRAPHY*/
h1, h2, h5 {
margin-top : 20px;
font : normal 130% "Trebuchet MS", verdana, tahoma, sans-serif;
padding : 0px;
letter-spacing : 3px;
border-bottom : 1px solid #C0C0C0;
text-transform : uppercase;
color : #DB7066;

}
h3 {
margin-top : 20px;
font : normal 130% "Trebuchet MS", verdana, tahoma, sans-serif;
padding : 10px;
letter-spacing : 3px;
border-bottom : 1px solid #eee;
text-transform : uppercase;
color : #DB7066;
background : inherit;
}
h4 {
margin-top : 20px;
padding : 0px;
font : bold 130% verdana, tahoma, "Trebuchet MS", sans-serif;
color : #b09000;
background : inherit;
}
blockquote {
font-weight : bold;
padding : 0px;
font-style : italic;
color : #b0920c;
}
                        /*LINKS*/
a {
text-decoration : underline;
color : #4d6912;
background : inherit;
}
a:hover {
text-decoration : none;
color : #2b4d01;
background : inherit;
}
a img {
border : 0;
}

                        /*ROUNDED CORNERS*/
.rbroundbox {
background : url(img/nt2.gif) repeat;
}
.rbtop div {
background : url(img/tl2.gif) no-repeat top left;
}
.rbtop {
background : url(img/tr2.gif) no-repeat top right;
}
.rbbot div {
background : url(img/bl2.gif) no-repeat bottom left;
}
.rbbot {
background : url(img/br2.gif) no-repeat bottom right;
}
.rbtop div, .rbtop, .rbbot div, .rbbot {
height : 10px;
font-size : 1px;
}


.rbcontent {
margin-left : 30px;

}

.rbcontent h4 {

font : bold 130% verdana, tahoma, "Trebuchet MS", sans-serif;
color : #b09000;
text-transform : none;
letter-spacing : 0px;
border-bottom : none;
}

.rbcontent table {
margin-top : -20px;
width : 80% ;
}
.rbcontent table td {
width : 80% ;
}

.rbroundbox {
width : 95%;
margin : auto;
}

                        /*IMAGES*/
.imgleft {
float : left;
padding-left : 15px;
}

.imgcenter {
float : center;
padding-left : 15px;
}


                         /*hovereffekt*/


.bild {
        width: 90%;
        max-width:800px;
        min-width:400px;
        height: auto;
        overflow:hidden;
        margin: 2em auto 2em auto;
        border: 10px solid #fff;
        position: relative;
        -webkit-box-shadow: 1px 1px 2px #222;
        -moz-box-shadow: 1px 1px 2px #222;
        box-shadow: 0 8px 10px -6px #222;
        font-family:"Georgia", "Garamond", "Times New Roman", Times, serif;
}
.bild a {
	text-decoration : none;
}
.bild .infobox {
        width: 70%;
        height: auto;
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left:15%;
        border:3px solid #fff;
        border-bottom:none;
        border-top-right-radius:10px;
        border-top-left-radius:10px;
        box-shadow:0 0 9px #fff;
        background-color: rgba(80,80,80,0.7);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -webkit-transform: translateY(102%);
        -moz-transform: translateY(102%);
        -o-transform: translateY(102%);
        -ms-transform: translateY(102%);
        transform: translateY(102%);
}
.bild:hover .infobox {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);

}
.bild img {
        display: block;
        width:100%;
        position: relative;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
.bild h5 {
        font-variant:small-caps;
        text-align: center;
	font-weight : bold;
        position: relative;
        font-size: 1.2em;
        padding: 0.2em;
        margin: 0;
        background: rgba(0, 0, 0, 0.5);
        box-shadow: 0px 1px 3px rgba(255, 255, 255, 0.5);
        border-top-right-radius:7px;
        border-top-left-radius:7px;
	border-bottom : none;
}
.bild p {
        font-style: italic;
        font-size: 1.2em;
        position: relative;
        color: #fff;
        padding: 0.8em;
        margin-bottom: 20px;
}