/* reset
----------------------------------------------- */
* {
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
	
/* html[xmlns] .clearfix {
	display: block;
} */

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


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-family:inherit;
background: transparent;
vertical-align:baseline;
margin:0;
padding:0;
}

/* base
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #fff;
font-size:62.8%;
}

p{
	padding-right: 10px;
	padding-left: 10px;
	font-size: 1em;
	line-height: 1.8em;
        padding-bottom:10px;
}
#front p {padding-right:0px;}

blockquote {
	margin-right: 0;
	margin-left: 20px;
}

h1 {
}

h2 {
	font-size: 1.2em;
	padding-left: 10px;
        text-transform:uppercase;
        padding-bottom:5px;
}
#projects #static h2 {padding-left: 25px; text-transform:uppercase; padding-top:20px;}
#projekte #static h2 {padding-left: 25px; text-transform:uppercase; padding-top:20px;}
#static h2 {padding-left: 25px;text-transform:uppercase;}
#about #static h2 {padding-left: 25px;text-transform:uppercase;padding-top:20px;}


/* sifr for left col */
h3 {margin-bottom:-30px;}

hr {
	margin: 2em auto;
	width: 370px;
	height: 1px;
	color: #7a7e7d;
	border: none;
}

small, .small {
	font-size: 0.9em;
}

/* links
----------------------------------------------- */

a {
	text-decoration: none;
	/*color: #000;*/
        color:#777;
}

a img {
	border: none;
}


#site-name a {
	border: none;
}


#sidebar-1 ul li.active a {color:#000; text-decoration:none;}
ul.directory li.active a {color:#000; text-decoration:none;}

#static-left a {
	color: #777;
	border: none;
}

/* layout
----------------------------------------------- */

#accessibility {
	position: absolute;
	top: -10000px;
}

#container {
	/* width: 760px; */
   width:90%;
   min-width:986px;
   margin:0 auto;
   padding: 0 15px 0 15px;
position:relative;
overflow:hidden;
}

#front #container {
   width:90%;
   min-width:952px;
   margin:0 auto;
   padding: 0 15px 0 15px;
position:relative;
overflow:hidden;
}

#head {
	text-align: center;
}

#site-name {
	margin: 15px 0;
	font: 3em Georgia, Times, serif;
}

#site-slogan {
	font: italic 1em Georgia, Times, serif;
}

#sidebar-1 {
        width:340px;
        /* margin-left: -100%; */
	float: left;
	text-align: left;
        font-size:1.6em;  
}
/* #sidebar-1inner {position:relative;background-color:orange;} */


.bloglink {list-style:none; text-transform: uppercase;font-size:10px;margin: 0 0 15px 0;}

#sidebar-2 {
	margin-left: 5px;
	float: right;
}

.section_list {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

.section_list ul {
	list-style-type: none;
}

.section_list li {
	margin: 0 10px 2px 0;
	padding: 0;
}

#content {
   margin: auto;
	 width: 925px;
   float: left;
  /* width: 100%; */
}

#front #content {
   margin:200px 10px 0;
   width: 100%;
}

.space {height:58px; width:100%;}

#static {width:100%; border:1px solid #ddd;float:left; min-width:560px; min-height:400px;margin-bottom:20px;}
#projects #static {width:100%; border:1px solid #ddd;float:left; min-width:560px; min-height:400px;margin-bottom:5px;}
#projekte #static {width:100%; border:1px solid #ddd;float:left; min-width:560px; min-height:400px;margin-bottom:5px;}

#video #static {width:100%; border:0px solid #fff;float:left;margin-bottom:20px; min-width:560px; min-height:400px;}
#video-deutsch #static {width:100%; border:0px solid #fff;float:left;margin-bottom:20px; min-width:560px; min-height:400px;}

#static p {text-transform: uppercase;padding:0 10px 15px 25px; min-width:525px;}
#static p a {color:#000;}
#static ul {list-style:disc outside; text-transform: uppercase;font-size:1em;margin: 0 10px 20px 38px;}
#static ul li {margin: 0 0 5px 0;}

#static-left {width:290px;float: left;text-align: left;font-size:1.6em;}
#static-left ul {list-style:none; text-transform: uppercase;font-size:1em;margin: 0 0 0 0;}
#static-left ul li.active a {color:#000; text-decoration:none;}
#static-left ul li a:active {color:#000; text-decoration:none;}
#static-left ul li a {color:#777;}

/* ----- column wraps 
----------------------------------------------------*/
/* column container */
	.colmask {
         position:relative;
	 clear:both;
	float:left;
        width:100%; /* width of whole page */
	/* overflow:hidden; */ /* This chops off any overhanging divs */
        margin: 0 0 0 0;
	}

	/* 2 column left menu settings */
	.leftmenu {
	    /* background:blue; */
	}
    .leftmenu .colright {
        float:left;
        width:200%;
	position:relative;
	left:200px;
        /*background:red;*/
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:17px;
	}
	.leftmenu .col1 {
        margin:0 0 0 340px;
	    position:relative;
	    right:100%;
           /* width:100%;  i added this */
	   /* overflow:hidden; i took this out */
 /* background-color:orange; */
	}

    .leftmenu .col2 {
        float:left;
        width:340px;
        position:relative;
        right:200px;
    }
/* --------------end col wrap ---- */



ul.directory {margin-bottom:18px;}
#static-left ul.directory {margin-bottom:18px;}

#sidebar-1 ul.directory li, #static-left ul.directory li  {color:#777;padding:3px 0 2px 1px; font-size:10px; list-style:none; text-transform: uppercase; font-size:10px; margin: 0 0 0 0;}

ul.directory li {color:#777;padding:3px 0 2px 1px; font-size:10px; list-style:none; text-transform: uppercase; font-size:10px; margin: 0 0 0 0;}

#maincontent {width:600px;float:left;
  background-color:#b8dcd0;}

#contentcolumn{
 margin-left: 340px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
width: 280px; /*Width of left column*/
position:relative;

}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.splashspacing {width:900px;margin:0 auto;}
.splashcopy {width:900px;text-align:right;margin:-10px 0 25px 0;color:#888;}
.lang {width:900px;text-align:right;margin:10px 0 0 0;}
.lang a {color:#777;text-decoration:none;font-size:1.3em;}

.masthead {min-width:984px; height:85px;}
.logo {background:url(/images/3.gif) top left no-repeat;width:150px;height:50px;float:left;margin:30px 0 5px 0;}
.phone {background:url(/images/15.gif) top left no-repeat; width:132px;height:20px;float:right;color:#333;font-size:1.5em;margin-top:63px;padding-bottom:2px;}
.line {background-color:#dadada; height:1px;clear:both;margin:0 0 20px 0;min-width:984px;}
.footerline {background-color:#ddd; height:1px;clear:both;min-width:984px;}
.blog {margin:5px 0 0 2px;}
.blog ul li {font-size:10px;}
.col1txt {width:200px;float:left;}
.col2txt {width:200px;float:left;}
.left-subnav {padding-left:108px;clear:left;padding-bottom:5px;}
.left-subnav a {color:#777;text-decoration:none;}

.title-photog {background:url(/images/13.gif) top left no-repeat; width:127px; height: 21px;}
.title-projects {background:url(/images/14.gif) top left no-repeat; width:127px; height: 23px;}
.title-info {background:url(/images/12.gif) top left no-repeat; width:127px; height: 21px;}
.title-video {background:url(/images/34.gif) top left no-repeat; width:127px; height: 21px;}
.title-blog {background:url(/images/72.gif) top left no-repeat; width:127px; height: 21px;}

.title-fotografie {background:url(/images/16.gif) top left no-repeat; width:127px; height: 21px;}
.title-projekte {background:url(/images/17.gif) top left no-repeat; width:127px; height: 23px;}

/* thumbs align bottom */
/*.thumb-container {width:330px; position:absolute;bottom:0; margin-bottom:14px;} */

.thumb-container {width:300px; margin:45px 0 14px 0;}

#footer {
	padding: 15px 0 10px 340px;
	clear: both;
	text-align: left;
     color:#777;
position:relative;
top:-147px;
}

/* box model hacks
http://archivist.incutio.com/viewlist/css-discuss/48386
----------------------------------------------- */

#container {
/* \width: 770px; */
/* w\idth: 760px; */
}

#sidebar-1, #sidebar-2 {
\width: 340px;
w\idth: 340px;
}

/* overrides
----------------------------------------------- */

div.divider {
	margin: 2em 0;
	text-align: center;
}

/* articles
----------------------------------------------- */

.author {
	font-style: normal;
	font-size: 0.8em;
}

.published {
	font-size: 0.8em;
}

/* comments
----------------------------------------------- */

.comments_error {
	color: #000;
	background-color: #fff4f4;
}

ul.comments_error {
	padding : 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;
}

div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;
}

form#txpCommentInputForm td {
	vertical-align: top;
}

#comments-help {
	margin: 2px 0 15px 0;
	font-size: 0.7em;
}

/* error page
----------------------------------------------- */

.error-status {
	font: 1.3em Georgia, Times, serif;
}


ul.subnav li{font-size:10px;}
ul.subnav {padding-left:10px;}

ul.cat_menu {margin-left:0px;margin-top:2px;margin-bottom:20px;}
ul.cat_menu li {list-style-type:none; text-transform:uppercase; font-size:10px; margin-bottom:8px;}
ul.cat_menu li a {color:#777;}

/* #projects ul.cat_menu li a {color:#000;} */
#projects ul.cat_menu li ul li a {color:#777;}
#projects ul.cat_menu li ul li.active_class a {color:#000;} 
#projects ul.cat_menu li ul li.active_class a {color:#000;}

/* #projekte ul.cat_menu li a {color:#000;} */
#projekte ul.cat_menu li ul li a {color:#777;}
#projekte ul.cat_menu li ul li.active_class a {color:#000;} 
#projekte ul.cat_menu li ul li.active_class a {color:#000;}

ul.cat_menu li.active_class a, ul.cat_menu li ul li.active_class a {color:#000;}

ul.cat_menu li ul {margin-top:10px}

/* ------- Galleriffic 2 ------------ */
div#container {
	/* overflow: hidden; */
}
div.content {
	display: none;
	clear: both;
}

/* #slideshow {width:100%;} */

div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div.navigation a.pageLink {
	height: 77px;
	line-height: 77px;
}

div.controls {
	height: 23px;
}
div.controls a {
	padding: 0 5px 5px 0;
color:#000;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: left;
     margin: 5px 0 2px 0;
}

div.slideshow-container, div.loader, div.slideshow a.advance-link {
       min-width:560px;
       min-height:410px;
       width:100%; /*i added this*/
       height:auto; !important 
}

div.loader, div.slideshow a.advance-link {
	 /*height: 502px; This should be set to be at least the height of the largest image in the slideshow with padding */
}

div.slideshow-container {
	position: relative;
	clear: both;
	float: left;
	/* height: 532px; took this out */
}

div.loader {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {
	display: block;
	position: relative;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	/*line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
	text-align: center;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	/* border-style: solid;
	border-width: 1px; */
margin:-13px 0 0 0;
width:100%;  /* i added this */
height: auto; !important 
}
div.caption-container {
	float: left;
	position: relative;
	margin: 18px 0 0 15px;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.caption-container, span.image-caption {
	width: 75px;
}

div.caption {
	padding: 0 12px;
}

div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 8px;
}
div.photo-index {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0;
}
div.navigation-container {
	float: left;
	position: relative;
	/* left: 50%; */
}
div.navigation {
	float: left;
	position: relative;
	/* left: -72%; */
        width:255px;
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
}
div.navigation a.pageLink:focus {
	outline: none;
}

#home li, #haus li {
	padding: 0px;
	display: block;
	border: 0px solid #fff;
        list-style: none;}

ul.thumbs {
	position: relative;
  clear:left;
	float: left;
	margin: 0 0 10px -2px;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px;
	list-style: none;
}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	position: relative;
	left: -50%;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	/* border: 1px solid #ccc; */
}
div.pagination a:hover {
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

div.gallery-gutter {
	clear: both;
	padding-bottom: 20px;
}
div.navigation a.prev {
height:12px;
width:55px;
font-size:9px;
line-height:10px;
color:black;
}
div.navigation a.next {
height:12px;
font-size:9px;
line-height:10px;
margin-left:-55px;
width:55px;
color:black;
}