body, html {margin:0; padding:0;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; background-color:#FFFFFF; color:#FFFFFF;}
img {border:0;}
form {display:inline;}
input {color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; height:20px; border:none;}
h2 {font-size:13px; font-weight:normal;}

a, a:link, a:active, a:visited {text-decoration:underline; color:#FFFFFF; font-weight:bold; cursor:pointer;}
a:hover {text-decoration:none; color:#EE0000; font-weight:bold;}

a.mailLink, a.mailLink:link, a.mailLink:active, a.mailLink:visited {text-decoration:underline; color:#FFFFFF; font-weight:bold;}
a.mailLink:hover {text-decoration:underline; color:#EE0000; font-weight:bold;}

.lowLine {line-height:12px;}

#logo {float:right; padding:120px 15px 0 0; }
#header {position:relative; height:200px;}
#footer {margin-top:5px;}
#headerContent, #footerContent {margin:0 auto; width:1024px}
#footerContent {color:#CCCCCC; font-size:10px;}
#center {background:#ffffff url(../img/bg_center.png) top left repeat-x; height:465px;}
#main {width:1024px; margin:0 auto; position:relative;}
#navi {background:transparent url(../img/bg_navi.png) top left no-repeat; height:465px; width:176px; position:absolute; top:0; left:789px;}

#topnavi {position:absolute; top:50px; left:0;}
#bottomnavi {position:absolute; top:405px; left:0;}
#navi a {display:block; height:20px; width:161px; margin-bottom:1px; margin-left:8px; cursor:pointer; position:relative;}
a#nav_home 		 	{background:transparent url(../img/navi_home_00.png) top left no-repeat;}
a#nav_buero 	 	{background:transparent url(../img/navi_buero_00.png) top left no-repeat;}
a#nav_architekten	{background:transparent url(../img/navi_architekten_00.png) top left no-repeat;}
a#nav_projekte	 	{background:transparent url(../img/navi_projekte_00.png) top left no-repeat;}
a#nav_kontakt	 	{background:transparent url(../img/navi_kontakt_00.png) top left no-repeat;}
a#nav_downloads	 	{background:transparent url(../img/navi_downloads_00.png) top left no-repeat;}
a#nav_impressum	 	{background:transparent url(../img/navi_impressum_00.png) top left no-repeat;}

a#nav_home:hover 		{background:transparent url(../img/navi_home_01.png) top left no-repeat;}
a#nav_buero:hover 		{background:transparent url(../img/navi_buero_01.png) top left no-repeat;}
a#nav_architekten:hover {background:transparent url(../img/navi_architekten_01.png) top left no-repeat;}
a#nav_projekte:hover	{background:transparent url(../img/navi_projekte_01.png) top left no-repeat;}
a#nav_kontakt:hover		{background:transparent url(../img/navi_kontakt_01.png) top left no-repeat;}
a#nav_downloads:hover	{background:transparent url(../img/navi_downloads_01.png) top left no-repeat;}
a#nav_impressum:hover	{background:transparent url(../img/navi_impressum_01.png) top left no-repeat;}

a#nav_home_aktiv 		{background:transparent url(../img/navi_home_02.png) top left no-repeat;}
a#nav_buero_aktiv 		{background:transparent url(../img/navi_buero_02.png) top left no-repeat;}
a#nav_architekten_aktiv {background:transparent url(../img/navi_architekten_02.png) top left no-repeat;}
a#nav_projekte_aktiv	{background:transparent url(../img/navi_projekte_02.png) top left no-repeat;}
a#nav_kontakt_aktiv	 	{background:transparent url(../img/navi_kontakt_02.png) top left no-repeat;}
a#nav_downloads_aktiv	{background:transparent url(../img/navi_downloads_02.png) top left no-repeat;}
a#nav_impressum_aktiv	{background:transparent url(../img/navi_impressum_02.png) top left no-repeat;}

#copright {padding-left:37px; line-height:1em;}
#hitcounter {padding-left:37px; margin-top:4px; line-height:1em;}

#headline1 {position: absolute; top:74px; left:36px;}
#subheadline1 {position: absolute; top:91px; left:190px; font-size:16px;}
#subheadline1a {position: absolute; top:92px; left:190px; font-size:11px;}
#backlink {position: absolute; top:93px; right:265px; font-size:10px; text-align:right;}
#content {position: absolute; top:152px; left:37px; width:740px;}

#pagebrowser {position:absolute; top:407px; right:260px; width:95px;}
#pb_prev {display:block; position:absolute; top:-1px; right:17px; width:19px; height:19px; background:transparent url(../img/pb_prev_00.png) 0 0 no-repeat; cursor:auto; text-decoration:none;}
#pb_next {display:block; position:absolute; top:-1px; right: 0px; width:19px; height:19px; background:transparent url(../img/pb_next_00.png) 0 0 no-repeat; cursor:auto; text-decoration:none;}
a#pb_prev {background-image: url(../img/pb_prev_00.png); cursor:pointer;}
a#pb_next {background-image: url(../img/pb_next_00.png); cursor:pointer;}
a#pb_prev:hover { background-image:url(../img/pb_prev_01.png);}
a#pb_next:hover { background-image:url(../img/pb_next_01.png);}
span#pb_prev {background-image: url(../img/pb_prev_00.png);}
span#pb_next {background-image: url(../img/pb_next_00.png);}


/* home */
#homeCol1 {float:left; width:360px;}
#homeCol1 h1 {margin:0; padding:0; font-size:13px; font-weight:normal;}
#homeCol2 {float:left;}

/* Projekte */
#projektListeRow1 {position:absolute; top:5px; left:-2px;}
#projektListeRow2 {position:absolute; top:5px; left:380px;}
.projektlistItem {margin: 0 0 23px 0; height:69px; width:360px; position:relative;}
.projektlistItem h2{position:absolute;margin:0; line-height:13px;}
.projektlistItemHeadline {top:6px; left:121px;}
.projektlistItemHeadline3 {top:4px; left:121px;}
.projektlistItemText {position:absolute; font-size:10px; line-height:13px; top:30px; left:121px; font-weight:normal;}
.projektlistItemHeadline a, .projektlistItemHeadline3 a {text-decoration:none; font-weight:normal;}
.projektlistItemHeadline a:hover, .projektlistItemHeadline3:hover {text-decoration:none; color:#FF0000;}


/* Projektliste */
.projekteCol { float:left;}
#projekteCol1 { width:375px;}
.projekteCol h3 {margin:0; padding:0; font-size:13px; font-weight:normal; margin-bottom:13px; clear:both;}
.projekteCol h3 .small_h3 {font-size:11px;}
.projekteCol .yearCol {float:left; width:40px;}
.projekteCol .textCol {float:left;}

/* kontakt */
#routingBox {position:absolute; top:232px; left:4px; width:368px;}
#routeErgebnisBox {position:absolute; top:296px; left:4px; width:368px;}
#mappingContent {position:absolute; top:-78px; left:338px;}
#mapbox {position:static; float:right; margin:4px 32px 0 0;}
#map {position:relative; width:360px; height:200px; overflow:hidden;}
#kontakt_row1 {float:left; white-space:pre; margin-top:18px;}
#startort {height:20px; width:243px; padding:2px 7px 0 5px; position:absolute; top:25px; left:-1px; border:0; background:transparent url(../img/input_startort.png) top left no-repeat;}
#startort.empty {background:transparent url(../img/input_startort_empty.png) top left no-repeat;}
#routeButton {width:129px; height:29px; position:absolute; top:21px; left:257px; background:transparent url(../img/btn_route_00.png) top left no-repeat; cursor:pointer; display:block;}
#routeButton:hover {background:transparent url(../img/btn_route_01.png) top left no-repeat;}
.markerinfo {color:#333333; font-size:10px; line-height:12px;}
.markerinfo a {color:#333333; font-weight:normal;}
.markerinfo a:hover {font-weight:normal;}

/* impressum */
#impressum_row1 {float:left;white-space:pre;}
#impressum_row2 { margin-left:333px; width:320px;white-space:pre;}

/* Bildboxen */
.mOver {background:#FFFFFF; position:absolute; z-index:100; top:0; left:0; opacity:0.3; display:none; filter:alpha(opacity=30);}
a:hover .mOver {display:block}
.box_map {width:368px; height:210px; background:transparent url(../img/box_map.png) top left no-repeat; padding:3px 0 0 4px; overflow:hidden;}
.imageBox1 {width:109px; height:69px; background:transparent url(../img/box_img1.png) top left no-repeat; padding:2px 0 0 4px; overflow:hidden;}
.imageBox1 a {position:absolute;}
.imageBox1 .mOver {width:101px; height:60px;} 
.imageBox2 {width:121px; height:159px; background:transparent url(../img/box_img2.png) top left no-repeat; padding:2px 0 0 4px; overflow:hidden;}

/* Büroprofil */
.col3Text {float:left;width:222px;text-align:justify;}
.indent {text-indent:17px;}

#teaser {position:absolute; top:-105px; right:40px; width:173px; height:60px; padding:0; margin:0; background:transparent url(../img/sprichwort.png) 0 0 no-repeat;}

/* Architekten */
.archCol { float:left; position:relative;}
.archCol h3 {font-weight:bold; margin:0; padding:0; font-size:13px;}
.archCol .textblock {position:absolute; top:0; left:135px;}

/* download */
#logincode {height:20px; width:150px; padding:2px 0 0 0; position:absolute; top:25px; left:-1px; border:0; background:transparent url(../img/input_code.png) top left no-repeat; text-align:center;}
#logincode.empty {background:transparent url(../img/input_code_empty.png) top left no-repeat;}
#loginButton {width:99px; height:29px; position:absolute; top:21px; left:160px; cursor:pointer; display:block;}
#loginerror {position:absolute; top:54px; left:0px; width:400px; color:#FF0000;}
#dl_head {}
#sortbox {float:right; line-height:14px; text-align:right;}
.radio {vertical-align:middle; margin:0; padding:0; height:auto;}
label.radio {font-weight:bold;}
input.radio {border:none;}
#filesCol1 {width:348px; position:absolute; top:60px; left:0;}
#filesCol2 {width:348px; position:absolute; top:60px; left:374px;}
.f_ordner {border-bottom:1px solid #eeeeee; margin-bottom:2px; height:15px; padding-top:18px; line-height:12px;}
.f_ordnerTop {border-bottom:1px solid #eeeeee; margin-bottom:2px; height:15px; line-height:12px;}
a.f_file {height:17px; padding-top:1px; display:block; font-weight:normal; text-decoration:none !important; color:#FFFFFF; background:transparent url(../img/btn_download_00.gif) 333px 2px no-repeat;}
a.f_file:hover {text-decoration:none; color:#FFFFFF; background:#555555 url(../img/btn_download_01.gif) 333px 2px no-repeat;}
.f_name {display:block; float:left; width:155px; font-weight:bold; white-space:nowrap; font-family:Arial, Helvetica, sans-serif;}
.f_type {display:block; float:left; width:40px; font-weight:normal; text-align:right;}
.f_date {display:block; float:left; width:73px; font-weight:normal; text-align:right;}
.f_size {display:block; float:left; width:58px; font-weight:normal; text-align:right;}
.f_download {margin:1px 0 0 10px;}