body , html
{
    height:100%;
    width:100%;
    font-family:arial;
    background: #1b1b1b url(../img/content_bg.png) 0 0 repeat-x;
    margin:0px;
    padding:0px;
		
}

* {
    margin:0px;
    padding:0px;
}

ul {
    list-style-type:none;
}

.sprite {
    background:url('../img/sprite.png') no-repeat;
}

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

.clearfix {
    min-height:0px;
}

* html .clearfix {
    zoom:1;
}

/* LINKS */
a img{
    border: 0px;
}

a,a:link {
    color:#777777;
    text-decoration:none;
}

a:visited {
	color:#0b40ee;
    text-decoration:none;
}

a:active {
	color:#0b40ee;
    text-decoration:none;
}

a:hover {
    color:#0b40ee;
    text-decoration:none;
}

/*====================================================*
 * Slideshow                                          *
 *====================================================*/
.slideshow_background {
    background:url('../img/thumb_overlay.png');
}

#slideshow {
    z-index: 1000;
	
}

/*====================================================*
 *   STARTSEITE                                       *
 *====================================================*/

#start {
    background:transparent;
}

#start .wrapper {
    padding:63px 0 0 0;
}

#start #bg {
    position:absolute;
    top:0px;
    z-index:0;
    overflow:hidden;
    width:100%;
    height:100%;
}

#bg img {}

#start .content {
    position:relative;
    z-index:1;
    width:991px;
    padding:50px 0 0;
}

#start .mainmenu {
    background:#000;
    padding: 16px 10px 16px 37px;
    margin:0 0 10px 0;
}

#start .mainmenu li {
    display:inline;
    font-size:1.6em;
    color: #1846de;
    letter-spacing: 0.01em;
}

#start .mainmenu ul a.sprite {
    background-position:-491px -31px;
    padding:0 0 0 10px;
}

#start .mainmenu ul a.sprite:hover {
    background-position:-491px -61px;
}

#start .button {
    float:right;
    height:89px;
    width:129px;
    background-position:-344px top;
}

#start .submenu {
    float:left;
    background:#000;
    padding:5px 16px 5px 50px;
}

#start .infobox {
    position:relative;
    float:right;
    background:#fff;
    margin-top:60px;
}

#start .infobox .kontakt {
    float: left;
    background: transparent url(../img/kontakt.jpg) 0 0 no-repeat;
    height: 197px;
    width: 303px;
}

#start .spruch li {
    line-height:20px;
    font-size:13px;
}

#start .infobox .spruch {
    float: left;
    color: #666666;
    padding:34px 20px 0;
    width:210px;
}

#start .infobox h1 {
    font-size:16px;
}

#start .infobox h2 {
    font-size:13px;
    font-weight:normal;
}

#start a{
    color: #777;
}

#start a:hover {
    color:#0b40ee;
}

/*====================================================*
 *   GALLERY                                          *
 *====================================================*/
.gallery_wrapper {
    /* float:left; */
    display:block;
    margin:0px auto 20px;
}

.gallery_header {
    margin-bottom:40px;
}

.gallery_header a {
    color: #1846de;
}

.gallery_header a:visited {
    color: #1846de;
}

.gallery_left {
    float:left;
    height:474px;
}

.gallery_right {
    float:left;
    position:relative;
    height:474px;
}

.gallery_image {
    background:url('../img/left_border.png') no-repeat;
    height:475px;
    float:left;
}

.gallery_right_border {
    background:url('../img/right_border.png') no-repeat top right;
}

.image_main {
    padding:7px 7px 8px;
    height:460px;
    background:url('../img/top_bottom_border.png') repeat-x;
    overflow:hidden;
    position: relative;
}

.gallery_nav {
    width:709px;
    height:48px;
    margin:0px auto;
    overflow:hidden;
}

.slideLeft, .slideRight {
    width:20px;
    height:44px;
    color:#777;
    line-height:2.8em;
    cursor:pointer;
    text-align:center;
}

.thumbs {
    width:669px;
    overflow:hidden;
}

.thumblist li {
    float:left;
    margin:0 0 0 1px;
}

.thumblist li:first-child {
    margin:0px;
}

.thumbs li>img {
    cursor:pointer;
}

.gallery_image {
}

.gallery_back {
    width:21px;
    height:474px;
    cursor:pointer;
}

.gallery_back>h2 , .gallery_forward>h2 {
    color:#777;
    padding:0px;
    font-size:1.3em;
    line-height:23em;
    cursor:pointer;
}

.gallery_forward {
    width:21px;
    height:474px;
    cursor:pointer;
}

.gallery_desc {
    width:130px;
    position:absolute;
    bottom:7px;
    left:5px;
    text-align:left;
    color:#777777;
    font-size:0.9em;
}

.gallery_desc h3 {
    font-size:1.2em;
    padding:0 0 5px 0;
    color:#777;
}


.gallery_preloader {
    padding:2px;
    position: absolute;
    right:7px;
    background:#444;
    color:#e7e7e7;
display: none;
}

.gallery_preloader p {
    padding:0px;
display: none;
}

/*====================================================*
 *   KONTAKT / IMPRESSUM                              *
 *====================================================*/
#impko .wrapper {
    width:702px;
    margin:0px auto;
    color:#777;
    padding:50px 0 0;
}

#impko .gallery_header {
    position:absolute;
    left:0px;
    top:0px;
}

#impko .wrapper h3 {
    color: #1846de;
    padding-bottom: 30px;
}

#impko .wrapper {
    background:url('../img/Christian_Hueller.png') no-repeat bottom left;
}

.contact {
    float:left;
    width: 341px;
    margin-right:20px;
}

.impressum {
    float:left;
    width: 341px;
}

/*====================================================*
 *   FOOTER                                           *
 *====================================================*/
#footer {
    text-align: center;
    width: 702px;
    margin: 0 auto;
    padding:20px 0px 30px 0px;
    background:url(../img/trenner.png) repeat-x 0px 20px;
}

#footer ul{
    padding:20px 0px 5px 0px;
}

#footer ul > li{
    display:inline;
    color: #1846de;
    font-size: 100%;
    letter-spacing: 0.01em;
    padding:0 0 0 8px;
    background:url('../img/trenner_footer.png') left 3px no-repeat;
}

#footer ul>li:first-child {
    margin:0;
    background:transparent;
}

#footer ul a {
    color: #555555;
}

#footer ul a:hover{
    color: #1846de;
}

#footer .sub{
    color: #1846de;
    font-size: 80%;
    padding: 7px 0 0 0px;
}

/*====================================================*
 *   FOOTER NAV                                       *
 *====================================================*/
#event     li.event     > a { color: #1846de; }
#portrait  li.portrait  > a { color: #1846de; }
#leben     li.leben     > a { color: #1846de; }
#panorama  li.panorama  > a { color: #1846de; }
#published li.published > a { color: #1846de; }
#report    li.report    > a { color: #1846de; }
#impko     a.impr           { color: #1846de; }

/*====================================================*
 *   Slideshow                                        *
 *====================================================*/
#slideshow {
    position:relative;
    padding:30px 10px 30px 10px;
    margin:140px auto 0px;
    width:500px;
    height:500px;
    background: #222222;
}

a.closeslide {
    float:right;
    height:16px;
    width:16px;
    background:transparent url('../img/close.gif') no-repeat top left;
    position:absolute;
    top:8px;
    right:10px;
}