/* CSS Screen für www.andreasteich.de */

/* vertikalen Scrollbalken für die Geckos, da wir ein zentriertes Layout haben, das nicht "springen" soll */
html { height: 100% } 
body {	margin: 0;	padding: 0;	height: 102%;	font: 101% normal "Lucida Grande CE", Lucida, Helvetica, Arial, sans-serif;	color:#999;	background: #999; 	text-transform: lowercase; }
#content {	width: 700px;	min-height: 600px;	height:auto;	margin: 20px auto;	padding:0;	border: 1px solid #000;	background: #fff; }


/* Höhe für Internet Explorer */
/*\*/
* html #content {height: 600px; }
/**/


h1 {	margin: 20px 30px 0 30px;	padding: 0 0 10px 0;	font-size: 1.5em;	font-weight: normal;	color:#000;	background: transparent;	text-align: right;	border-bottom: 2px solid #444; }
h1 span {	font-size: .8em;	color:#999;	background: inherit; }
h2, h3 {	margin: 20px 30px; }
h1#introtitle {	margin: 150px 20px 0 0;	border-bottom: none; }
hr {	color: #fff;	background:transparent;	margin: 0 0 0.5em 0;	padding: 0 0 0.5em 0;	border:0;	border-bottom: 1px #fff solid; }
a {	text-decoration: none;	font-weight: bold;	border-bottom: 1px solid #999; }
a img {	border: none; }
h1 a {border-bottom: none;}
p {	margin: 30px;	font-size: .8em;	line-height: 1.3em;	color: #000; }
.bildrechts {	float: right;	margin: 0 30px 1em 1em;	padding:0;	border: 1px solid #000; }


ul#intronav {	list-style: none;	margin: 18px;	padding: 0;	font-size: 20px;	text-align: right; }
ul#intronav li {	display: inline;	margin: 0 2px;	padding: 0; }
ul#intronav li a {	color: #999;	background: inherit;	border-bottom: none; }
ul#intronav li a:hover {	color: #000;	background: inherit; }


ul#mainnav {	list-style: none;	margin: 10px 30px;	padding: 0;	font-size: 1.2em;	text-align: right; }
ul#mainnav li {	display: inline;	margin: 0 2px;	padding: 0; }
ul#mainnav li a {	color: #999;	background: inherit;	border-bottom: none;  font-weight: normal; }
ul#mainnav li.active a, ul#mainnav li a:hover { color: #000;	background: inherit; }
ul#mainnav ul {	display: none; }


ul#portfolionav {	list-style: none;	margin: 0 30px 10px 30px;	padding: 0;	font-size: 1em;	text-align: right; }
ul#portfolionav li {	display: inline;	margin: 0 2px;	padding: 0; }
ul#portfolionav li a {	color: #999;	background: inherit;	border-bottom: none; }
ul#portfolionav li.active a, ul#portfolionav li a:hover {	color: #000;	background: inherit; }

/* Fotogalerien */

/* needed for IE to make :active state work first time */
a, a:visited {	color:#000;}

a.gallery, a.gallery:visited {	display:block;	display:inline-block;	color:#000;	text-decoration:none;	border:1px solid #000;	width:79px;	height:60px;	float:left;	margin:5px;	z-index:50; }

a.portrait_01 {	background:url(../images/portrait/klein01.jpg); }
a.portrait_02 {	background:url(../images/portrait/klein02.jpg); }
a.portrait_03 {	background:url(../images/portrait/klein03.jpg); }
a.portrait_04 {	background:url(../images/portrait/klein04.jpg); }
a.portrait_05 {	background:url(../images/portrait/klein05.jpg); }
a.portrait_06 {	background:url(../images/portrait/klein06.jpg); }
a.portrait_07 {	background:url(../images/portrait/klein07.jpg); }
a.portrait_08 {	background:url(../images/portrait/klein08.jpg); }
a.portrait_09 {	background:url(../images/portrait/klein09.jpg); }
a.portrait_10 {	background:url(../images/portrait/klein10.jpg); }
a.portrait_11 {	background:url(../images/portrait/klein11.jpg); }
a.portrait_12 {	background:url(../images/portrait/klein12.jpg); }
a.portrait_13 {	background:url(../images/portrait/klein13.jpg); }
a.portrait_14 {	background:url(../images/portrait/klein14.jpg); }
a.portrait_15 {	background:url(../images/portrait/klein15.jpg); }
a.portrait_16 {	background:url(../images/portrait/klein16.jpg); }
a.portrait_17 {	background:url(../images/portrait/klein17.jpg); }
a.portrait_18 {	background:url(../images/portrait/klein18.jpg); }
a.portrait_19 {	background:url(../images/portrait/klein19.jpg); }
a.portrait_20 {	background:url(../images/portrait/klein20.jpg); }
a.portrait_21 {	background:url(../images/portrait/klein21.jpg); }

a.portrait2_01 {	background:url(../images/portrait2/klein01.jpg); }
a.portrait2_02 {	background:url(../images/portrait2/klein02.jpg); }
a.portrait2_03 {	background:url(../images/portrait2/klein03.jpg); }
a.portrait2_04 {	background:url(../images/portrait2/klein04.jpg); }
a.portrait2_05 {	background:url(../images/portrait2/klein05.jpg); }
a.portrait2_06 {	background:url(../images/portrait2/klein06.jpg); }
a.portrait2_07 {	background:url(../images/portrait2/klein07.jpg); }
a.portrait2_08 {	background:url(../images/portrait2/klein08.jpg); }
a.portrait2_09 {	background:url(../images/portrait2/klein09.jpg); }
a.portrait2_10 {	background:url(../images/portrait2/klein10.jpg); }
a.portrait2_11 {	background:url(../images/portrait2/klein11.jpg); }
a.portrait2_12 {	background:url(../images/portrait2/klein12.jpg); }
a.portrait2_13 {	background:url(../images/portrait2/klein13.jpg); }
a.portrait2_14 {	background:url(../images/portrait2/klein14.jpg); }
a.portrait2_15 {	background:url(../images/portrait2/klein15.jpg); }
a.portrait2_16 {	background:url(../images/portrait2/klein16.jpg); }
a.portrait2_17 {	background:url(../images/portrait2/klein17.jpg); }
a.portrait2_18 {	background:url(../images/portrait2/klein18.jpg); }
a.portrait2_19 {	background:url(../images/portrait2/klein19.jpg); }
a.portrait2_20 {	background:url(../images/portrait2/klein20.jpg); }
a.portrait2_21 {	background:url(../images/portrait2/klein21.jpg); }

a.event_01 {	background:url(../images/event/klein01.jpg); }
a.event_02 {	background:url(../images/event/klein02.jpg); }
a.event_03 {	background:url(../images/event/klein03.jpg); }
a.event_04 {	background:url(../images/event/klein04.jpg); }
a.event_05 {	background:url(../images/event/klein05.jpg); }
a.event_06 {	background:url(../images/event/klein06.jpg); }
a.event_07 {	background:url(../images/event/klein07.jpg); }
a.event_08 {	background:url(../images/event/klein08.jpg); }
a.event_09 {	background:url(../images/event/klein09.jpg); }
a.event_10 {	background:url(../images/event/klein10.jpg); }
a.event_11 {	background:url(../images/event/klein11.jpg); }
a.event_12 {	background:url(../images/event/klein12.jpg); }
a.event_13 {	background:url(../images/event/klein13.jpg); }
a.event_14 {	background:url(../images/event/klein14.jpg); }
a.event_15 {	background:url(../images/event/klein15.jpg); }
a.event_16 {	background:url(../images/event/klein16.jpg); }
a.event_17 {	background:url(../images/event/klein17.jpg); }
a.event_18 {	background:url(../images/event/klein18.jpg); }
a.event_19 {	background:url(../images/event/klein19.jpg); }
a.event_20 {	background:url(../images/event/klein20.jpg); }
a.event_21 {	background:url(../images/event/klein21.jpg); }

a.landschaft_01 {	background:url(../images/landschaft/klein01.jpg); }
a.landschaft_02 {	background:url(../images/landschaft/klein02.jpg); }
a.landschaft_03 {	background:url(../images/landschaft/klein03.jpg); }
a.landschaft_04 {	background:url(../images/landschaft/klein04.jpg); }
a.landschaft_05 {	background:url(../images/landschaft/klein05.jpg); }
a.landschaft_06 {	background:url(../images/landschaft/klein06.jpg); }
a.landschaft_07 {	background:url(../images/landschaft/klein07.jpg); }
a.landschaft_08 {	background:url(../images/landschaft/klein08.jpg); }
a.landschaft_09 {	background:url(../images/landschaft/klein09.jpg); }
a.landschaft_10 {	background:url(../images/landschaft/klein10.jpg); }
a.landschaft_11 {	background:url(../images/landschaft/klein11.jpg); }
a.landschaft_12 {	background:url(../images/landschaft/klein12.jpg); }
a.landschaft_13 {	background:url(../images/landschaft/klein13.jpg); }
a.landschaft_14 {	background:url(../images/landschaft/klein14.jpg); }
a.landschaft_15 {	background:url(../images/landschaft/klein15.jpg); }
a.landschaft_16 {	background:url(../images/landschaft/klein16.jpg); }
a.landschaft_17 {	background:url(../images/landschaft/klein17.jpg); }
a.landschaft_18 {	background:url(../images/landschaft/klein18.jpg); }
a.landschaft_19 {	background:url(../images/landschaft/klein19.jpg); }
a.landschaft_20 {	background:url(../images/landschaft/klein20.jpg); }
a.landschaft_21 {	background:url(../images/landschaft/klein21.jpg); }

a.feature_01 {	background:url(../images/feature/klein01.jpg); }
a.feature_02 {	background:url(../images/feature/klein02.jpg); }
a.feature_03 {	background:url(../images/feature/klein03.jpg); }
a.feature_04 {	background:url(../images/feature/klein04.jpg); }
a.feature_05 {	background:url(../images/feature/klein05.jpg); }
a.feature_06 {	background:url(../images/feature/klein06.jpg); }
a.feature_07 {	background:url(../images/feature/klein07.jpg); }
a.feature_08 {	background:url(../images/feature/klein08.jpg); }
a.feature_09 {	background:url(../images/feature/klein09.jpg); }
a.feature_10 {	background:url(../images/feature/klein10.jpg); }
a.feature_11 {	background:url(../images/feature/klein11.jpg); }
a.feature_12 {	background:url(../images/feature/klein12.jpg); }
a.feature_13 {	background:url(../images/feature/klein13.jpg); }
a.feature_14 {	background:url(../images/feature/klein14.jpg); }
a.feature_15 {	background:url(../images/feature/klein15.jpg); }
a.feature_16 {	background:url(../images/feature/klein16.jpg); }
a.feature_17 {	background:url(../images/feature/klein17.jpg); }
a.feature_18 {	background:url(../images/feature/klein18.jpg); }
a.feature_19 {	background:url(../images/feature/klein19.jpg); }
a.feature_20 {	background:url(../images/feature/klein20.jpg); }
a.feature_21 {	background:url(../images/feature/klein21.jpg); }

a.aktuell_01 {	background:url(../images/aktuell/klein01.jpg); }
a.aktuell_02 {	background:url(../images/aktuell/klein02.jpg); }
a.aktuell_03 {	background:url(../images/aktuell/klein03.jpg); }
a.aktuell_04 {	background:url(../images/aktuell/klein04.jpg); }
a.aktuell_05 {	background:url(../images/aktuell/klein05.jpg); }
a.aktuell_06 {	background:url(../images/aktuell/klein06.jpg); }
a.aktuell_07 {	background:url(../images/aktuell/klein07.jpg); }
a.aktuell_08 {	background:url(../images/aktuell/klein08.jpg); }
a.aktuell_09 {	background:url(../images/aktuell/klein09.jpg); }
a.aktuell_10 {	background:url(../images/aktuell/klein10.jpg); }
a.aktuell_11 {	background:url(../images/aktuell/klein11.jpg); }
a.aktuell_12 {	background:url(../images/aktuell/klein12.jpg); }
a.aktuell_13 {	background:url(../images/aktuell/klein13.jpg); }
a.aktuell_14 {	background:url(../images/aktuell/klein14.jpg); }
a.aktuell_15 {	background:url(../images/aktuell/klein15.jpg); }
a.aktuell_16 {	background:url(../images/aktuell/klein16.jpg); }
a.aktuell_17 {	background:url(../images/aktuell/klein17.jpg); }
a.aktuell_18 {	background:url(../images/aktuell/klein18.jpg); }
a.aktuell_19 {	background:url(../images/aktuell/klein19.jpg); }
a.aktuell_20 {	background:url(../images/aktuell/klein20.jpg); }
a.aktuell_21 {	background:url(../images/aktuell/klein21.jpg); }

a.referenzen_01 {	background:url(../images/referenzen/klein01.jpg); }
a.referenzen_02 {	background:url(../images/referenzen/klein02.jpg); }
a.referenzen_03 {	background:url(../images/referenzen/klein03.jpg); }
a.referenzen_04 {	background:url(../images/referenzen/klein04.jpg); }
a.referenzen_05 {	background:url(../images/referenzen/klein05.jpg); }
a.referenzen_06 {	background:url(../images/referenzen/klein06.jpg); }
a.referenzen_07 {	background:url(../images/referenzen/klein07.jpg); }
a.referenzen_08 {	background:url(../images/referenzen/klein08.jpg); }
a.referenzen_09 {	background:url(../images/referenzen/klein09.jpg); }
a.referenzen_10 {	background:url(../images/referenzen/klein10.jpg); }
a.referenzen_11 {	background:url(../images/referenzen/klein11.jpg); }
a.referenzen_12 {	background:url(../images/referenzen/klein12.jpg); }
a.referenzen_13 {	background:url(../images/referenzen/klein13.jpg); }
a.referenzen_14 {	background:url(../images/referenzen/klein14.jpg); }
a.referenzen_15 {	background:url(../images/referenzen/klein15.jpg); }
a.referenzen_16 {	background:url(../images/referenzen/klein16.jpg); }
a.referenzen_17 {	background:url(../images/referenzen/klein17.jpg); }
a.referenzen_18 {	background:url(../images/referenzen/klein18.jpg); }
a.referenzen_19 {	background:url(../images/referenzen/klein19.jpg); }
a.referenzen_20 {	background:url(../images/referenzen/klein20.jpg); }
a.referenzen_21 {	background:url(../images/referenzen/klein21.jpg); }

/*a.gallery em, a.gallery span {	display:none; }
a.gallery:hover {	border:1px solid #f00; }

#foto_container {	position:relative;	width:640px;	height:656px;	background:#fff;	border: none;	margin:1em auto; }
#foto_container img {	border:0; }
#foto_container .thumbs {	position:absolute;	left:0;	top:0; }
#foto_container a.gallery:hover span {	display:block;	position:absolute;	width:640px;	height: 1em;	top:215px;	left:5px;	font-style:normal;	font-size: .8em;	color:#000;	z-index:100; }
#foto_container a.gallery:hover span:first-line {font-style:normal; font-size:0.8em; color:#000;}
#foto_container a.gallery:active, #foto_container a.gallery:focus {	border:1px solid #f00; }
#foto_container a.gallery:focus em, #foto_container a.gallery:active em  {	display:block;	position:absolute;	width:640px;	height:426px;	top:230px;	left:0;	color:#000;	border:1px solid #fff;	z-index:50; }
#foto_container h2 {	clear:both;	margin:0;	padding-top:350px;	text-align:center;	font-size:2em;	font-weight: normal;	color:#000; }
#foto_container h2 em {	color:#999; 	font-style:normal; }*/

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #f00;}


/* styling for TOP gallery */
#foto_container {position:relative; width:640px; height:656px; background:#fff; border: none; margin:1em auto;}
#foto_container img {border:0;}
#foto_container .thumbs {position:absolute; left:0; top:0;}
#foto_container a.gallery:hover span {display:block; position:absolute; width:640px; height:50px; top:215px; left:5px; /*padding:5px;*/ font-style:normal; color:#000;  z-index:100;}
#foto_container a.gallery:hover span:first-line {font-style:normal; font-weight:normal; font-size:0.8em; color:#000;}
#foto_container a.gallery:active, #foto_container a.gallery:focus {border:1px solid #000;}
#foto_container a.gallery:active em, #foto_container a.gallery:focus em {display:block; position:absolute; width:640px; height:426px; top:230px; left:0; /*padding:5px;*/ color:#000; border:1px solid #fff; z-index:50;}
#foto_container h2 {clear:both; margin:0; padding-top:350px; text-align:center; font-size:2em; font-weight:normal; color:#000;}
#foto_container h2 em {color:#999; font-style:normal;}