/********* global styles **********/

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

a {
	outline: none;
}




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

h1 {
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	color: #989e94;
}

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


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

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;
}

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


/********* landing page **********/

#containerStart {
	position: absolute;
	float: none;	
	width: 840px;
	height: 560px;
	left: 50%;
	margin-left: -440px;  /* Um die Hälfte der Breite nach links schieben */
	margin-top: 20px;
}

#containerStart h1 {
	letter-spacing: 1px;
	line-height: 16px;
	margin: 0px;
	padding: 5px 0 0 0;
	font-size: 11px;	
	font-weight: normal;
	color: #989e94;	
}

.logoStart {
	position: relative;
	float: none;
	text-align: center;
	width: 880px;
	height: 90px;
}

#slideshow {
	position: relative;
	float: none;
    height:440px;
	width: 840px;
	padding-top:40px;
	padding-left:40px;
	background-color:#fff;
}

#naviStart {
	position: relative;
	float: none;
	width: 880px;
	height: 25px;
	padding: 20px 0px 0px 0px;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	color: #989e94;
	border-bottom: #353832 1px solid;
}

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

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

#naviStart ul {
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	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;
}

/* NaviStart unterer Teil */

#naviStartBottom {
	position: relative;
	float: none;
	width: 880px;
	height: 15px;
	padding: 7px 0px 0px 0px;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	color: #6e6e6e;
}

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

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

#naviStartBottom ul {
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	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;
}

.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 {
	position: relative;
	width: 880px;
	color: #666;
	text-align:center;
	font-size: 10px;
	letter-spacing: 2px;
	line-height: 140%;
	padding: 15px 0px 0px 0px;
	text-transform: uppercase;
}

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



/********* 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 */
}

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

/* Hauptnavigation */


#navi {
	position: relative;
	float: left;
	width: 215px;
	height: 420px;
	margin: 0px 0px 0px 10px;
	padding: 90px 10px 0px 10px;
	text-align: right;
	font-size: 14px;
	font-weight: normal;
	color: #989e94;
	background-color: #202020;
	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;
}


/* Subnavigation */

#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;
}



/* 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 */

.boxNaviLevel2 {
	position: relative;
	overflow: visible;
	padding: 68px 10px 0px 10px;
	float: left;
	* width: 220px;
	width: 240px;
	height: 442px;
	margin-right: 5px;	
	border-left: solid 1px #353832;
	background-color: #202020;	
}

.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;
}


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

.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: 17px;
	font-size: 10px;
	color: #636363;
	text-transform: uppercase;
	text-align: right;
}

.space1 {
	height:12px;	
}

.space2 {
	height:5px;	
}


/* End Navi */




/* start content */


.passepartout {
	position: relative;
	padding: 5px 5px 5px 5px;
	float: left;
    height: 500px;
	margin-right: 50px;	
	background-color:#fff;
}

.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; */
}

.whiteBoxStart {
	position: relative;
	padding: 40px 40px 40px 40px;
	float: left;
    height: auto;
	width: 800px;
	margin-top: 50px;
	background-color:#d2d6cf;
}

.textBoxStart {
	position: relative;
	float: none;
	padding: 20px;
    height: auto;	
	float: none;
	border: solid 1px #91988a;
}

.textBoxStart h1 {
	text-transform: uppercase;
}

.textBoxStart a:link { color:#666;	text-decoration: none; }
.textBoxStart a:visited { color:#666; text-decoration: none; }	
.textBoxStart a:hover { color:#000; text-decoration: underline; }
.textBoxStart a:active { color:#000; text-decoration: none; }

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

.buTitle {
	text-transform: uppercase;
	color: #fff;
}



.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 h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	color: #000;
	text-transform: uppercase;	
}

.overviewBox12 {
	position: relative;
	padding: 22px 30px 0px 30px;
	line-height:13px;
	float: left;
    height: 488px;
	width: 470px;
	margin-right: 50px;	
	background-color:#d2d6cf;
}

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

.overviewBox12 a:link { color:#666;	text-decoration: none; }
.overviewBox12 a:visited { color:#666; text-decoration: none; }	
.overviewBox12 a:hover { color:#000; text-decoration: underline; }
.overviewBox12 a:active { color:#000; 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: 0px;
}

.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%;	
}