/**********************************************************************
* General classes
**********************************************************************/
/* Defaults */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {

}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

a {
   outline: 0;
}

/* ende Defaults */




body {
	background-color: #202020;
	color: #888;
	font: 71% tahoma, verdana, arial, helvetica, sans-serif;
	letter-spacing: 1px;
	line-height: 16px;
}

.bgBodyStart {
	background-color: #272727;
}

p {
	margin: 0px 0px 5px;
}

h4 {
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #888;
}

img {
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
}

.imgLeft {
	float: left;
	margin: 0 20px 5px 0;
}

.cleaner {
	clear:both;
}

.noBorder {
	border:solid 0px #000;
}

.gap {
	clear:both;
	position: relative;
	float:none;
	height:30px;	
}

.space1 {
	height:7px;	
}

.space2 {
	height:5px;	
}

.spaceNavi {
	position: relative;
	float: none;	
	padding: 0;
	margin: 0;
	height: 30px;	
}

.highlight {
	background-color:#91988a;
	color:#fff;
	padding:2px 5px 2px 6px;
	line-height:20px;
	text-transform:uppercase;
}


/*********************************************************************/
/********* start page **********/

#containerStart {
	position: absolute;
	float: none;	
	width: 980px;
	left: 50%;
	margin-left: -500px;  /* Um die Hälfte der Breite nach links schieben */
	margin-top: 0px;
	padding-left:20px;
	background-color:#191919;	
    background-image:url(../images/home/bg.gif); background-repeat:repeat-y;
	
}

.headerStart {
	position: relative;
	float: none;
	width: 960px;
}

.headerStart h1 {
	font-size: 11px;
	margin: 5px 0px 1px 0px;
	font-weight:bold;	
	color: #989e94;
}

.headerStart h2 {
	font-size: 11px;
	margin: 0px 0px 5px 0px;
	font-weight:normal;
	color: #989e94;
}




/********* Navigation Start **********/

#naviStart {
	position: relative;
	float: none;
	width: 940px;
	margin: 10px 0 0px 30px;	
	font-size: 12px;
	text-transform:uppercase;
	font-weight: normal;
	color: #989e94;
	text-align:left;
	border-bottom: #353832 0px dashed;
}

#naviStart li {
	margin: 0px 9px 10px 0px;
	display: inline;
}

#naviStart li.lastNav {
	margin: 0px 0px 0px 0px;
}

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

#naviStart a:link {
	color: #989e94;
	text-decoration: none;
}

#naviStart a:visited {
	color: #989e94;
}

#naviStart a:hover, a.current, a.current:hover, a.current:visited {
	color: #fff;
}


/********* Navigation Start unterer Teil  **********/

#naviStartBottom {
	position: relative;
	float: none;
	width: 900px;
	margin: 6px 0px 12px 30px;	
	font-size: 12px;
	text-transform:uppercase;
	font-weight: normal;
	text-align:left;	
	color: #6e6e6e;
}

#naviStartBottom li {
	margin: 0px 10px 0px 0px;
	display: inline;
}

#naviStartBottom li.lastNav {
	margin: 0px 0px 0px 0px;
}

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

#naviStartBottom a:link {
	color: #6e6e6e;
	text-decoration: none;
}

#naviStartBottom a:visited {
	color: #6e6e6e;
}

#naviStartBottom a:hover, a.current, a.current:hover, a.current:visited {
	color: #fff;
}


/*************************** Slideshow Startseite ******************************************/

#slideshow {
	position: relative;
	float: none;
    height:540px;
	width: 900px;
	background-color:#000;
	border-top: solid 30px #000;	
	border-right: solid 30px #000;	
	border-bottom: solid 72px #000;	
	border-left: solid 30px #000;			
}

#thumbs ul li {
display: inline; 
}
#thumbs ul {
margin: 0 0 0 30px;
}
#thumbs ul li a {
text-decoration: none;
}
#thumbs ul li a {
display: inline-block;
height: 10px;
width: 10px;
margin-right: 6px;
background-color: #191917;
}
#thumbs ul li.selected a {
background-color: #5e5e5d;
}
#thumbs ul li a img {
display: none;
}
#thumbs ul li a:hover img {
position: absolute;
bottom: 13px;
left: -55px;
display: block;
}

#caption.caption-container {
position: relative;
margin: -50px 0 27px 30px;
border: 0px solid #fff;
}

#caption.caption-container span {
color: #797979;
font-size: 21px;
font-family: Georgia serife ;
padding: 0px 0px 19px 0px;
border: 0px solid #fff;
}

span.image-caption {
position: absolute;
top: 0;
left: 0;
}

#thumbs ul li .caption {
display: none;
}

div.slideshow span.image-wrapper {
position: absolute;
top: 0;
left: 0;
display: block;
}

#controls {
margin: 0;
border: 0px solid #fff;
}

#thumbs .pagination {
display: inline;
}

a.advance-link {
text-decoration: none;
line-height: 0;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#controls,
#controls .ss-controls a,
#controls .nav-controls a { /* ist njur zum überschrieben einfach raus damit*/
right:29px;  
top: 3px;
margin: 0 0 0 5px;
color: #797979;
text-decoration: none;
display: inline;
font-size: 100%;
position:relative;
z-index: 100;
}

#controls .ss-controls,
#controls .nav-controls {
float: right;
margin-top: -20px;
}




/********* Content Startseite **********/

.contentContainerStart {
	clear: both;	
	position: relative;
	float: none;
	width: 900px;
	margin: 60px 0 0 30px;
	border: solid 0px #fff;		
}

.contentContainerStart h2 a:link { color:#bbb; text-decoration: none; }
.contentContainerStart h2 a:visited { color:#bbb; text-decoration: none; }	
.contentContainerStart h2 a:hover { color:#fff; text-decoration: none; }
.contentContainerStart h2 a:active { color:#fff; text-decoration: none; }

.contentContainerStart h3 a:link { color:#aaa; text-decoration: none; }
.contentContainerStart h3 a:visited { color:#aaa; text-decoration: none; }	
.contentContainerStart h3 a:hover { color:#fff; text-decoration: none; }
.contentContainerStart h3 a:active { color:#fff; text-decoration: none; }

.columnLeftStart {
	position: relative;
	float:left;
	width: 580px;
	padding: 0px 0px 0px 0px;
	margin: 0px 50px 0px 0px;
	border: solid 0px #fff;	
}

.columnLeftStart a:link { color:#bbb; text-decoration: none; }
.columnLeftStart a:visited { color:#bbb; text-decoration: none; }	
.columnLeftStart a:hover { color:#b1b1b1; text-decoration: underline; }
.columnLeftStart a:active { color:#b1b1b1; text-decoration: none; }

.columnLeftStart img {
	border: solid 0px #000;	
}

.columnLeftStart h1 {
	color: #888;
	font-size: 20px;
	text-transform: uppercase;	
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 110%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;	
	font-weight: normal;
}

.columnLeftStart h2 {
	color: #bbb;
	font-size: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 110%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;	
	font-weight: normal;
}

.columnLeftStart h3 {
	color: #838383;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 2px 0px;	
	font-weight: normal;
}

.columnRightStart {
	position: relative;
	float:left;
	width: 270px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid 0px #fff;	
}

.columnRightStart a:link { color:#888;	text-decoration: none; border-bottom:1px dotted; }
.columnRightStart a:visited { color:#888; text-decoration: none; border-bottom:1px dotted; }	
.columnRightStart a:hover { color:#b1b1b1; text-decoration: none; }
.columnRightStart a:active { color:#b1b1b1; text-decoration: none; }

.columnRightStart h2 a:link { color:#bbb; text-decoration: none; border-bottom:none; }
.columnRightStart h2 a:visited { color:#bbb; text-decoration: none; border-bottom:none; }
.columnRightStart h2 a:hover { color:#fff; text-decoration: none; }
.columnRightStart h2 a:active { color:#fff; text-decoration: none; }

.columnRightStart h1 {
	color: #bbb;
	font-size: 17px;
	text-transform: uppercase;	
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 110%;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 12px 0px;	
	font-weight: normal;
}

.columnRightStart h2 {
	color: #888;
	font-size: 17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 120%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;	
	font-weight: normal;
}

.teaserPicStart {
	position: relative;
	float:left;
	width: 220px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid 0px #fff;	
}

.teaserStart {
	position: relative;
	float:left;
	width: 355px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid 0px #fff;	
}

.separator {
	clear:both;
	position: relative;
	float:none;
	height:30px;
    background-image:url(../images/all/separator.gif); background-repeat:repeat-x;		
}



/********* Startpage footer **********/


.footerStart a:link { color:#666; text-decoration: none; }
.footerStart a:visited { color:#666; text-decoration: none; }	
.footerStart a:hover { color:#989e94; text-decoration: underline; }
.footerStart a:active { color:#989e94; text-decoration: none; }

.footerStart {
	clear: both;	
	position: relative;
	width: 900px;
	color: #666;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 140%;
	padding: 35px 0px 0px 0px;
}

.footerStart h2 {
	color: #999;
	font-size: 16px;
	line-height: 120%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;	
	font-weight: normal;
}

.footerStart li {
	margin: 3px 0 0 0;
}

.footerStart ul {
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

.footerStart h3 {
	color: #666;
	font-size: 10px;
	letter-spacing: 2px;
	line-height: 140%;
	padding: 5px 0px 0px 0px;
	text-transform: uppercase;	
	font-weight: normal;
}

.columnLeftFooter {
	position: relative;
	float:left;
	width: 280px;
	padding: 0px 0px 0px 0px;
	margin: 0px 50px 0px 0px;
	border: solid 0px #fff;	
}

.columnMiddleFooter {
	position: relative;
	float:left;
	width: 320px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid 0px #fff;	
}

.columnRightFooter {
	position: relative;
	float:left;
	width: 250px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid 0px #fff;	
}




/*********************************************************************/
/********* rest of pages **********/

#container2000 {
	position: absolute;
	width: 2000px;
	height: 540px;
	top: 50%;
	margin-top: -279px;   /* Um die Hälfte der Höhe nach oben schieben */
}

#container10000 {
	position: absolute;
	width: 10950px;
	height: 540px;
	top: 50%;
	margin-top: -279px;   /* Um die Hälfte der Höhe nach oben schieben */
}

#container15000 {
	position: absolute;
	width: 15000px;
	height: 540px;
	top: 50%;
	margin-top: -279px;   /* Um die Hälfte der Höhe nach oben schieben */
}

#container20000 {
	position: absolute;
	width: 20000px;
	height: 540px;
	top: 50%;
	margin-top: -279px;   /* Um die Hälfte der Höhe nach oben schieben */
}

#container25000 {
	position: absolute;
	width: 25000px;
	height: 540px;
	top: 50%;
	margin-top: -279px;   /* Um die Hälfte der Höhe nach oben schieben */
}

#container30000 {
	position: absolute;
	width: 30000px;
	height: 540px;
	top: 50%;
	margin-top: -279px;   /* Um die Hälfte der Höhe nach oben schieben */
}

#container35000 {
	position: absolute;
	width: 35000px;
	height: 540px;
	top: 50%;
	margin-top: -279px;   /* Um die Hälfte der Höhe nach oben schieben */
}

.back {
	position: relative;
	float: left;
	width: 22px;
	height: 22px;
	margin: 0px 25px 0px 30px;
	padding-top: 488px;
}


/*********** Hauptnavigation ************/

#navi {
	position: relative;
	float: left;
	width: 215px;
	height: 460px;
	margin: 0px 0px 0px 10px;
	padding: 60px 10px 0px 10px;
	text-align: right;
	font-size: 14px;
	font-weight: normal;
	color: #989e94;
	background-color: #000;
	background-image: url(../images/all/thomas_effinger_photography.gif);	
	background-repeat: no-repeat;	
}

#navi li {
	margin: 15px 0 0 0;
}

#navi ul {
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

#navi a:link {
	color: #989e94;
	text-decoration: none;
}

#navi a:visited {
	color: #989e94;
	text-decoration: none;
}

#navi a:hover {
	color: #fff;
}

#navi a.current, a.current:visited {
	color: #fff;
}

#navi a.current:hover {
	color: #fff;
}


/********* Hauptnavigation unterer Teil **********/

#navi li.navi2 {
	font-size: 11px;
	margin: 4px 0 0 0;	
}

#navi li.navi2 a:link {
	color: #6e6e6e;
	text-decoration: none;
}

#navi li.navi2 a:visited {
	color: #6e6e6e;
	text-decoration: none;
}

#navi li.navi2 a:hover {
	color: #fff;
}

#navi li.navi2 a.current, a.current:visited {
	color: #fff;
}

#navi li.navi2 a.current:hover {
	color: #fff;
}


/********* Navigation Level 2 **********/

.naviLevel2 {
	position: relative;
	float: none;
	height: 400px;
	padding-bottom: 9px;	
	padding-top: px;
}

#navi li.naviSub {
	margin: 5px 0 0 0;	
	font-size: 11px;	
	line-height:14px;
}

#navi li.naviSub a:link {
	color: #989e94;
	text-decoration: none;
}

#navi li.naviSub a:visited {
	color: #989e94;
	text-decoration: none;
}

#navi li.naviSub a:hover {
	color: #fff;
}

#navi li.naviSub a.current, a.current:visited {
	color: #fff;
}

#navi li.naviSub a.current:hover {
	color: #fff;
}

.boxNaviLevel2 {
	position: relative;
	overflow: visible;
	padding: 43px 5px 0px 10px;
	float: left;
	* width: 230px;
	width: 250px;
	height: 477px;
	border-left: dashed 1px #353832;
	background-color: #000000;	
}

.boxNaviLevel2 h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	color: #fb0;
	text-transform: uppercase;	
}

.boxNaviLevel2 li.naviSub {
	font-size: 11px;
	margin: 3px 0 0 0;	
}

.boxNaviLevel2 a:link, a:visited {
	color: #989e94;
	text-decoration: none;
}

.boxNaviLevel2 a:hover {
	color: #fff;
	text-decoration: none;	
}

.boxNaviLevel2 a.current, a.current:visited {
	color: #fff;
}

.boxNaviLevel2 a.current:hover {
	color: #fff;
	text-decoration: none;		
}

.boxNaviLevel2 ul {
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

.scrollHinweis {
	position: relative;
	float: none;
	margin-top: 35px;
	font-size: 10px;
	color: #b38300;
	text-transform: uppercase;
	text-align: right;
}


/*********************************************************************/
/********* Content all pages **********/

.boxText {
	position: relative;
	overflow: visible;
	padding: 35px 20px 0px 20px;
	float: left;
	* width: 220px;
	width: 200px;
	height: 475px;
	margin-right: 50px;	
	border: solid 1px #fff;
}

.passepartout {
	position: relative;
	padding: 0px;
	float: left;
    height: 500px;
	margin-left: 30px;	
	background-color:#000;
}

.passepartout img {
	border: solid 10px #000;
}

.whiteBox {
	position: relative;
	padding: 20px 20px 20px 20px;
	float: left;
    height: 470px;
	width: 472px;
	margin-left: 15px;
	margin-right: 15px;	
	background-color:#d2d6cf;
}

.textBox {
	position: relative;
	float: none;
	padding: 20px;
    height: 430px;	
	float: none;
	color: #000;
	border: solid 1px #fff;
/*	border: solid 1px #91988a; */
}

.bu {
	position: relative;
	margin: 10px 0 0 0;
	padding: 2px 10px 4px 0;
	float: none;
	text-align: right;
	line-height: 15px;
	font-size: 11px;
	color: #989e94;
	background-color:#2b2b2b;		
}

.buTitle {
	text-transform: uppercase;
	color: #ccc;
	letter-spacing: 2px;	
}

.textBox a:link { color:#000; text-decoration: none; }
.textBox a:visited { color:#000; text-decoration: none; }
.textBox a:hover { color:#fff; text-decoration: none; }
.textBox a:active { color:#fff; text-decoration: none; }

.textBox h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	color: #c63;
	text-transform: uppercase;	
}

.textBox h2 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	color: #c63;
	text-transform: uppercase;	
}

.overviewBox h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	color: #c63;
	text-transform: uppercase;	
}

.overviewBox {
	position: relative;
	padding: 42px 50px 0px 50px;
	line-height:14px;
	float: left;
    height: 498px;
	width: 602px;
	margin-right: 50px;	
	background-color:#fff;
}

.overviewBox12 {
	position: relative;
	padding: 11px 30px 0px 30px;
	line-height:13px;
	float: left;
    height: 509px;
	width: 470px;
	margin-right: 10px;	
	background-color:#131212;
}

.overviewBox12 h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	color: #888;
	text-transform: uppercase;	
}

.contentBox {
	position: relative;
	padding: 44px 30px 0px 30px;
	line-height:17px;
	float: left;
    height: 476px;
	width: 470px;
	margin-left: 30px;	
	background-color:#131212;
}

.contentBox1 {
	position: relative;
	padding: 44px 30px 0px 30px;
	line-height:17px;
	float: left;
    height: 476px;
	width: 270px;
	margin-left: 30px;	
	background-color:#131212;
}

.contentBox2 {
	position: relative;
	padding: 44px 30px 0px 30px;
	line-height:17px;
	float: left;
    height: 476px;
	width: 670px;
	margin-left: 30px;	
	background-color:#131212;
}

.contentBox3 {
	position: relative;
	padding: 44px 30px 0px 30px;
	line-height:17px;
	float: left;
    height: 476px;
	width: 670px;
	margin-left: 30px;	
	background-color:#131212;
}

.contentBox h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	color: #888;
	text-transform: uppercase;	
}

.contentBox1 h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	color: #888;
	text-transform: uppercase;	
}
.contentBox2 h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	color: #888;
	text-transform: uppercase;	
}

.contentBox3 h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	color: #888;
	text-transform: uppercase;	
}

.overviewBox12 img {
	padding: 0px 0px 3px 0px;
}

.overviewBox12 a:link { color:#bbb;	text-decoration: none; }
.overviewBox12 a:visited { color:#bbb; text-decoration: none; }	
.overviewBox12 a:hover { color:#fff; text-decoration: none; }
.overviewBox12 a:active { color:#fff; text-decoration: none; }

.overviewBox img {
	padding: 0px 0px 3px 0px;
}

.overviewBox a:link { color:#989e94;	text-decoration: none; }
.overviewBox a:visited { color:#989e94; text-decoration: none; }	
.overviewBox a:hover { color:#000; text-decoration: underline; }
.overviewBox a:active { color:#000; text-decoration: none; }

.thumb {
	position: relative;
	margin: 0 8px 0 0;
	border: solid 0px #fff;
}

.naviSubList {
	position: relative;
}


/*********************************************************************/

.copyright {
	color: #666;
/*	text-transform: uppercase;	*/
	font-size: 11px;	
	position: relative;
	float: left;
	width: 300px;
	height: 510px;
	margin: 0px 25px 0px 0px;
	padding-top: 472px;
}

.copyright a:link { color:#666; text-decoration: none; }
.copyright a:visited { color:#666; text-decoration: none; }	
.copyright a:hover { color:#989e94; text-decoration: underline; }
.copyright a:active { color:#989e94; text-decoration: none; }

.copyright h3 {
	text-transform: uppercase;
	font-weight:normal;
	font-size: 10px;
	letter-spacing: 2px;
	line-height: 140%;	
}

.footer a:link { color:#666; text-decoration: none; }
.footer a:visited { color:#666; text-decoration: none; }	
.footer a:hover { color:#989e94; text-decoration: underline; }
.footer a:active { color:#989e94; text-decoration: none; }

.footer {
	position: relative;
	float: left;
	width: 800px;
	color: #666;
	font-size: 10px;
	letter-spacing: 2px;
	line-height: 140%;
	padding: 50px 0px 0px 510px;
	text-transform: uppercase;
}

.footer h3 {
	font-weight:normal;
	font-size: 10px;
	letter-spacing: 2px;
	line-height: 140%;	
}