/*
****************************
Architekten gaertner-neururer
****************************
Status: fine
Version: 1.0
Last Changed: 04.05.2009
*/

/****** 0 Body Stuff ******/
* {margin:0px auto; padding:0px;}
html, body {background:#e3e4e5; color:#9c9e9f; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../img/bg_body.gif) fixed center no-repeat #c0c0c0; height: 100%; margin:0;padding:0;}
body {}

/****** 1 Basics ******/
.wrapper {height:1px; overflow:hidden; clear:both; display:block;}
a img {border:none;}
a {text-decoration:none;  color:#660000;}
a:hover {text-decoration:underline;}
h1 {font-size:24px; color:#611d36; font-weight:normal;}
h2 {font-size:15px; color:#611d36; font-weight:bold; margin:15px 0 -5px 0;}
h3 {}
.hidden {display:none;}

div#wrapper {visibility:hidden; width:100%; height:50%; margin-top:-400px; float:left;}
div#centereddiv {width: 1020px; height:800px; clear: both; position: relative; top:-400px;
/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */
}


/*#centereddiv {position:absolute; top:50%; left:50%;	width:1020px; height:716px;	margin-top:-358px; margin-left:-510px; min-height:716px;}*/


/****** 2 Header and Navigation ******/
.header {padding-top:42px;}
.logo {float:left;}
.navigation {float:right; width:350px;}
.navabsolute {position:absolute; width:350px; height:100px;}
.nav1 {float:left; width:75px; font-weight:bold;}
.nav2 {float:left; width:110px; font-weight:bold;}
.nav3 {float:left;width:130px; height:140px; overflow:hidden; position:relative;}
.nav1 ul, .nav2 ul {list-style:none; text-transform:uppercase;}
.nav1 ul li, .nav2 ul li {float:left; clear:both; display:block;}
.nav1 ul li {width:75px;}
.nav2 ul li {width:110px;}
.nav1 ul li a, .nav2 ul li a, .nav3 ul li a {color:#999999; display:block; padding:0 0 2px 0;}
.nav1 ul li.active a, .nav2 ul li.active a, .nav3 ul li.active a, .nav1 ul li a:hover, .nav2 ul li a:hover, .nav3 ul li a:hover {color:#660000; text-decoration:none;}

#scrollbereich {position:absolute; left:0; top:0; height:140px; overflow:hidden;}
.nav3 ul {margin:0; padding:0; list-style:none;}
.nav3 ul li {float:left; width:130px; display:block;}
#rauf, #runter {cursor:pointer; float:left;}




/****** 3 Content ******/
.content {clear:both;}
table {text-align:right;}
#loading {margin-top:300px; position:absolute; margin-left:400px;}
.imagecontainer {width:610px; float:left; height:690px;}
.image {width:610px; float:left; height:690px;}
.image span {display:block; position:absolute; width:610px;}
.text {margin-top:130px; width:350px; height:580px; overflow:auto; float:right;}
.text p {font-family:Georgia, "Times New Roman", Times, serif; color:#666666; font-size: 11px; line-height: 1.4em; padding-top:15px; padding-right:30px;}
.pagination {padding-top:20px;}
.pagination a {display:block; float:left; padding:0px 2px;color:#666666; outline:none;}
.pagination a.active, .pagination a:hover {display:block; float:left;  color:#660000; text-decoration:none;}


.text ul, .text ol {padding:0 0 0 25px;}
.text ul li, .text ol li {padding:0px 0px 3px 0px; }
.text a.download {padding: 0px 0px 10px 16px; background: transparent url(../img/download.gif) no-repeat 0px 2px; display:block;}
.text a.link{padding: 0px 0px 10px 9px; background: transparent url(../img/arrow.gif) no-repeat 0px 2px; display:block;}
.text .pic-left-float {padding:3px 8px 2px 0px; float: left;}
.text .pic-right-float {float:right; padding:3px 0px 2px 8px;}
.text .pic-left {padding-top:0; text-align: left; clear: both;}
.text .pic-right {padding-top:0; text-align: right; clear: both;}
.text .pic-center {padding-top:0; text-align: center; clear: both; padding-bottom:10px;}