body, html {
	margin:0; padding:0;
}

body {
	margin:0;
	font-family:'Courier New', Courier;
	font-size:14px; color:#efefef;
	background:#333;
        overflow-x:hidden;
}

* {
    margin:0; padding:0;
}

h1 { color: #0ff; }
h2 {
    margin:20px;
}
p {
    margin:10px 0;
}

a img {
    border:none;
}

br.clear {
    clear:both;
}

b.b {
    color:#0ff;
}

#intro {
    margin:0 auto; margin-top:200px;
    position:relative;
    height:300px; width:600px;
}

#intro h2 {
    margin-top:20px;
    font-size:75px;
    line-height:40px;
}

#header { margin:10px; }

.introbutton {
    position:absolute; bottom:0;
    width:180px; height:180px;
    border-bottom:2px solid #00FFFF;
    
}
.introbutton-over {
    background:#00FFFF;
}


.introphotography {
    left:0;
}

.introretouch {
    left:50%; margin-left:-90px;
}
.introcompositing {
    right:0;
}

#menu {
    display:block; 
    position:absolute; top:0; left:0;
    width:250px; height:1000px;
    background:url(../images/menu_bg.jpg) fixed 0 0;
}

#menu ul {
    margin:20px 0 50px 0; padding:0;
    list-style:none;
}

#menu ul li {
   margin-bottom:5px;
}
#menu ul li ul {
   margin:0 0 0 35px;
}


#menu ul li a:link, #menu ul li a:visited {
    display:block; height:26px; line-height: 26px;
    width:150px; padding-left:10px;
    text-decoration: none;
    border-bottom:1px solid #444;
}
#menu ul li a:hover, #menu ul li a:active {
    border-bottom:1px solid #0ff; color:#fff;
}

#menu ul li.current-main-menu > a:link, 
#menu ul li.current-main-menu > a:visited,
#menu ul li.current-sub-menu a:link,
#menu ul li.current-sub-menu a:visited {
    color:#0ff;
}

#impressum_wrapper {
    width:800px; height:600px;
    color:#333;
}

#adress { float:left; width:250px; height:350px; border-right:1px solid #555; }
#contact_form_wrapper {
    float:left; margin-left:50px;
}
#contact_form_wrapper input, #contact_form_wrapper textarea {
    border:1px solid #0ff;
    background:none;
    width:300px;
    padding:3px; color:white;
}
#contact_form_wrapper textarea {
    height:150px;
}

.menu_item {
    padding-bottom:7px;
    margin-bottom:7px; margin-right: 30px;
    border-bottom:1px solid #444;
}

.button {
    text-align:center; float:left;
    height:50px; width:100px; line-height: 50px;
    color:#333; border-right:1px solid #333;
}
.button a:link, .button a:visited {
    display:block; height:50px; width:100px;
    text-decoration: none; color:black;
}

#scroll_hint {
    position: absolute;
    top:0; right:0; background:#0ff; padding:4px 0 0 5px;
    color:black; z-index:1000; overflow:hidden;
    width:30px; height:28px; line-height:28px;
}
#scroll_hint img { float:left; margin-right:10px;}

#container {
    overflow: hidden;
}

#content {
    margin-left:250px;
    padding:0;
}
#content-text {
    margin:20px;
}
#content-text ul { margin:20px;}

#fb_like {
    padding-top:10px;
}

#fb_comments {
    display:none;
    position:absolute; background:#0ff;
    z-index: 100;
}

#fancy_share {
    text-align:center; background:#0ff;
    height:30px; line-height:30px;
}
#fancy_share a:link, #fancy_share a:visited {
    color:#000;
}

#fancy_share a:hover, #fancy_share a:active {
    color:#000; font-weight: bold;
}

#retouch_info {
    display:none; position:absolute; z-index: 100; color:#333;
    background:#0ff; border-top:1px solid #000; height:25px; line-height:25px; padding:10px;
}

#wedding_content {
    position:relative;
    width:800px;
    padding:0; background:white;
}
#wedding_content img {
    margin-bottom:5px;
}

.headline {
    display:block;
    height:50px; color:#333;
    background:#0ff;
}
.headline > div.text {
    padding-top:10px; line-height:14px;
}

.ret_back {
    position:absolute; top:80px; left:0px;
}
.ret_raw {
    position:absolute; top:160px; left:160px;
}


.thumb {
    display:block; width:250px;
    margin:20px;
    overflow:hidden;
    border:10px solid white; background:white;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 10px 0px #000000;
    -moz-box-shadow: 3px 3px 10px 0px #000000;
    box-shadow: 3px 3px 10px 0px #000000;
}
.thumb > a:link, .thumb > a:visited {
    display:block; width:250px; height:250px;
    
}

.thumb .info {    
    width:250px; height:50px; padding:5px 0 0 5px;
    background:#099;    
    margin-top:2px;    
}

.thumb_item { float:left; overflow: hidden; }


.ret_thumb, .comp_thumb {
    float:left; cursor:pointer;
    display:block; width:300px; height:300px;
    overflow:hidden;
    
    margin:20px;    
    border:10px solid white; background:white;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 10px 0px #000000;
    -moz-box-shadow: 3px 3px 10px 0px #000000;
    box-shadow: 3px 3px 10px 0px #000000;
}
.ret_thumb a:link, .comp_thumb a:link {
    display:none; width:300px; height:300px;
}


.thumb-of {
    opacity:0.4 !important;
    filter: alpha(opacity=40) !important;
}



/* -----------------------------------------------------------------------------
LINKS
*/

a:link, a:visited {
	color:#eee;
}
a:hover, a:active {
	color:#fff;
}

/**** Infinite Scroll ****/

#infscr-loading {
  position: fixed; bottom: 30px; left: 42%;
  z-index: 100;
  background: #555;
  padding: 20px;
  color: #0ff;
  text-align: center;
  
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#infscr-loading img {
    margin-bottom:10px;
}