/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.1%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear {clear: both;}

body {background-color: #151714; font-family: verdana, arial, helvetica; color: #ddd;}
#page {background-repeat: no-repeat top center; max-width:1118px; min-width: 1118px; width: 1118px;/*width: 1259px;*/ min-height: 632px; overflow: visible; margin: 50px auto 0;}
body#bg1 #page {background-image: url(/images/start/001.jpg);}
body#bg2 #page {background-image: url(/images/start/002.jpg);}
body#bg3 #page {background-image: url(/images/start/003.jpg);}
body#bg4 #page {background-image: url(/images/start/004.jpg);}
body#bg5 #page {background-image: url(/images/start/005.jpg);}
body#bg6 #page {background-image: url(/images/start/006.jpg);}
body#bg7 #page {background-image: url(/images/start/007.jpg);}
a {color: #c60;}

#logo {display: block; float: left; margin: 30px 0 10px 30px;}

.nav {padding: 35px 20px 0 0; font-size: .7em; line-height: 1.5em; width: 400px; float: right; text-align: left;}
.nav a {text-decoration: none; color: black;}
body#nrm .nav a {text-decoration: none; color: #666;}
.nav a:hover, .nav a.selected {color: #c60;}
body#nrm .nav a:hover, body#nrm .nav a.selected {color: #c60;}
.nav ul li {float; left; display: inline; padding-left: 20px;}
.nav ul li li {float: none;}
.nav ul.imagecategories {margin-top: 10px;}
.nav ul.imagecategories li {display: block; line-height: 1.8em;}

h2 {color: #666; clear: both; font-size: .7em; padding-left: 75px; margin-bottom: 20px;}
h2.raster {padding-left: 0; background-image: url(/images/icn_raster.gif); background-repeat: no-repeat; background-position: 35px 2px;}
h2 a {color: #666; text-decoration: none; padding-left: 75px;}
h3 {margin-top: 40px; margin-bottom: 10px; padding: 5px 45px; font-size: .7em; color: #666; letter-spacing: 2px;}

.fotostrahl {margin: 10px 30px 10px 30px; clear: both;}
.fotostrahl img { margin: 5px;}

img.bigimage {margin-left: 55px;}
div.browse {position: relative; top: 5px; left: 34px; width: 20px; font-family: Georgia; font-size: 20px; float: left;}
div.browse a {text-decoration:  none; color: #666;}
div.browse a.left {display: block;}
div.browse a.right {display: block;}
div.browse a:hover {color: #333;}

img.portrait {float: left; margin: 0 20px 50px 75px;}

form.contact {width: 400px; float: left; font-size: .7em;}
form.contact label {width: 150px; text-align: right; float: left; padding-top: 5px;}
form.contact input, form.contact textarea {width: 240px; border: 1px solid #999; float: right;}
form.contact .button {width: auto; padding: 5px 20px;}
form.contact address {line-height: 1.5em; width: 240px; float: right; margin-top: 50px;}

table.references {clear: both; margin-left: 75px; margin-top: 150px; font-size: .7em; line-height: 1.5em;}
div.imprint {margin-left: 75px; margin-top: 100px; font-size: .7em; line-height: 1.5em; width: 250px; float: left;}

#scroller {width: 1259px; overflow: auto;}