/* CSS Document */

body {
	margin:0; padding:0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body#framePhotos, #frameText {
	margin:0; padding:0;
	text-align:left;
	overflow:visible;
}
body#frameText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

html, body, iframe {
	scrollbar-base-color:#999;
	scrollbar-3d-light-color:#FFF;
	scrollbar-arrow-color:#999;
	scrollbar-darkshadow-color:#999;
	scrollbar-face-color:#FFF;
	scrollbar-highlight-color:#EEE;
	scrollbar-shadow-color:#EEE;
	scrollbar-track-color:#EEE;
}

#container {
	position:relative;
	margin:0 auto;
	width:86%;
	text-align:left;
}

a:link, a:visited {	font-weight:normal; color:#666; text-decoration:none; }
a:hover {	font-weight:normal; color:#CCC; text-decoration:none; }
a:active {	font-weight:normal; color:#CCC; text-decoration:none; }

div#enter {
	width:484px; height:auto;
	margin:220px auto; padding:0px;
	border:none;
	font:normal normal normal 14px 'Verdana',sans-serif;
	text-align:center;
}
div#enter img {
	width:484px; height:40px;
	margin:0px; padding:0px;
	border:none;
}
div#enter span {
	display:block;
	margin:5px; padding:0px;
	border:0px solid red;
}

#header {
	width:auto; height:130px;
	margin:0; padding:0;
	text-align:left;
	background:url(images/1px_6.gif) 484px 81px repeat-x;
}

#navigation {
	position:absolute;
	top:130px; left:0;
	width:200px;
	margin:0; padding:0;
}

#content {
	position:relative;
	top:0; left:0;
	width:auto; height:419px;
	margin:0 0 0 200px; padding:0;
	border:1px solid #CCC;
}
#content2 {
	position:relative;
	top:0; left:0;
	width:auto; height:417px;
	margin:0; padding:0;
	border:1px solid #FFF;
}


/* ================ Header ================ */
div#header img {
	width:484px; height:40px;
	margin:50px 0 0 0; padding:0;
}
div#header div {
	margin:-9px 0 0 0; padding:0;
	text-align:right;
	color:#999999;
	font-style:normal;
	font-weight:normal;
	font-size: 9px;
	display:block;
}
div#header div span {
	color:#666666;
}


/* ================ Content ================ */
#contentFrame {
	width:100%; height:417px;
	margin:0; padding:0px;
}
div#contentPhotos {
	position:absolute;
	top:0; left:-2px;
	margin:0; padding:0;
	height:auto; width:auto;
	white-space:nowrap;
}
div#contentPhotosBox {
	display:block;
	margin:0; padding:0;
	width:1px; height:1px;
	overflow:hidden;
}
div#contentPhotosBox2 { /* wenn Ladebalken nicht angezeigt wird */
	display:block;
	margin:0; padding:0;
	width:auto; height:auto;
	overflow:auto;
}
div#contentPhotos img {
	margin:0px 0px 1px 2px; padding:0;
	/*width:auto; height:400px;*/
	border:none;
	border-bottom:0px solid #FF0;
}
div#progressBar {
  position:relative;
  margin:189px 220px; padding:0;
  width:202px; height:22px;
	display:block;
	border:1px solid #CCC;
	background-color:#FFF;
}
div#progressText {
  position:absolute;
  top:0px; left:0px;
  z-index:5;
  margin:0; padding:2px;
  width:202px; height:22px;
	color:#666;
	font-size:12px;
	text-align:center;
}
div#progressFill {
  position:absolute;
  top:0px; left:0px;
  z-index:1;
  width:0px; height:20px;
	display:block;
	background-color:#CCC;
  border:1px solid #FFF;
}


/* ================ Navigation ================ */
ul#navUL {
	width:150px; height:auto;
	margin:0; padding:0;
	list-style-type:none;
}
ul#navUL li {
	display:block; width:150px; 
	margin:0 0 20px 0; padding:0;
	font-style:normal;
	font-weight:normal;
	font-size: 10px;
/*	line-height:8px;*/
}
li.navOn {
	margin:0; padding:0;
	display:block; width:150px;
	text-align:right;
/*	background:url(images/1px_6.gif) left bottom repeat-x;*/
}
li.navOn span {
	margin:0; padding:0; padding-top:1px;
	font-weight:bold;
	color:#666666;
	background-color:#FFFFFF;
}
ul#navUL li a { display:block; width:150px; margin:0; padding:0; visibility:visible; }

li#li_portfolio1 {  background:url(images/menu_portfolio1.gif) -300px 2px no-repeat; }
a#nav_portfolio1 { height:31px; visibility:visible; background:#FFFFFF url(images/menu_portfolio1.gif) 0px 2px no-repeat; }
a#nav_portfolio1:link, a#nav_portfolio1:visited { background-position:0px 2px; }
a#nav_portfolio1:hover { background-position:-150px 2px; }
a#nav_portfolio1:active { background-position:-300px 2px; }

li#li_portfolio2 {  background:url(images/menu_portfolio2.gif) -300px 2px no-repeat; }
a#nav_portfolio2 { height:21px; visibility:visible; background:#FFFFFF url(images/menu_portfolio2.gif) 0px 2px no-repeat; }
a#nav_portfolio2:link, a#nav_portfolio2:visited { background-position:0px 2px; }
a#nav_portfolio2:hover { background-position:-150px 2px; }
a#nav_portfolio2:active { background-position:-300px 2px; }

li#li_contact {  background:url(images/menu_contact.gif) -300px 2px no-repeat; }
a#nav_contact { height:11px; visibility:visible; background:#FFFFFF url(images/menu_contact.gif) 0px 2px no-repeat; }
a#nav_contact:link, a#nav_contact:visited { background-position:0px 2px; }
a#nav_contact:hover { background-position:-150px 2px; }
a#nav_contact:active { background-position:-300px 2px; }

li#li_copyright {  background:url(images/menu_copyright.gif) -300px 2px no-repeat; }
a#nav_copyright { height:11px; visibility:visible; background:#FFFFFF url(images/menu_copyright.gif) 0px 2px no-repeat; }
a#nav_copyright:link, a#nav_copyright:visited { background-position:0px 2px; }
a#nav_copyright:hover { background-position:-150px 2px; }
a#nav_copyright:active { background-position:-300px 2px; }


/* ======== _contact-Form ======== */
div#textContainer {
  margin:0; padding:0;
  width:100%; height:auto;
}
form#contactForm, #textContainer #contactBox {
	margin:40px 40px 0px 40px; padding:0;
	text-align:left;
	font-size:11px;
	color:#999;
	border:0px solid #999;
}
#contactForm fieldset, #textContainer #fieldBox {
	width:auto;
	margin:0; padding:0;
	display:block;
	border:0px solid #505050;
}
#errorText {
	margin:0; padding:0;
	color:#F00;
	display:block;
}
#contactForm input.txt, textarea.txt {
	width:280px;
	margin:0; 
	border:1px solid #505050;
	background:#FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
	color:#505050;
}
#contactForm input#cf_submit {
	color:#505050;
  margin:0; padding:0;
}
#contactForm textarea.txt {
	height:60px;
  margin:0; padding:0;
}

/* =========================== */

#textContainer table {
  vertical-align:top;
  margin:0; padding:0;
}
tr, td {
  vertical-align:top;
  margin:0; padding:0;
}
.tdLabel {
  text-align:right;
  width:120px; height:auto;
  margin:0; padding:10px 20px 15px 0;
}
.tdInput {
  width:auto; height:auto;
  margin:0; padding:10px 0 15px 0;
}
.tdTitle {
  text-align:left;
  margin:0; padding:0 0 10px 0;
  height:22px;
	background:url(images/1px_4.gif) left 6px repeat-x;
}
.tdTitle div {
  width:140px; height:7px;
  overflow:hidden;
  margin:0; padding:0;
}
.tdTitle div#contact {
	background:url(images/menu_contact.gif) right top no-repeat;
}
.tdTitle div#copyright {
	background:url(images/menu_copyright.gif) right top no-repeat;
}
.tdTitle div#references {
	background:url(images/menu_references.gif) right top no-repeat;
}
.tdFill {
  width:auto; height:auto;
  margin:0; padding:10px 5px 0 2px;
}
.tdLine {
  width:auto; height:10px;
  margin:0; padding:0;
	background:url(images/1px_4.gif) 0px 1px repeat-x;
}
.tdText {
  text-align:left;
  margin:0; padding:10px 5px 15px 5px;
}