/* CSS Document 

grün: 00ee00
blau: 0099ff
*/
@charset "UTF-8";
@import url("fonts.css") screen;
html, body { height:100%; }
body,a,td,hr,table,div,span,img,p{font-family: DINWeb, sans-serif;font-size: 12px;font-style: normal; font-weight: normal;line-height: 17px;color: #555555;text-decoration: none; margin: 0px;border: 0px;padding: 0px;}
body,iframe,#bg{background-color:#fafafa;}
a{cursor: pointer;}
span.grau_bold{color:#555555;}
span.blau_bold, a.blau_bold{color: #0099FF !important;}
span.gruen_bold, a.gruen_bold{color: #00EE00 !important;}
span.grau_bold, span.blau_bold, a.blau_bold,span.gruen_bold, a.gruen_bold{font-family: DINWeb-Bold, sans-serif !important;}
input{background-color:#F9F9F9;border-bottom-width: 1px;border-top-style: none;border-right-style: none;border-bottom-style: solid;border-left-style: none;border-bottom-color: #0099FF;}
input.btn{border-width: 1px;border-style: solid;border-color: #CCC;cursor:hand;line-height:2;}
a.a_btn{border-width: 1px;border-style: solid;border-color: #CCC;cursor:hand;line-height:2;color:#000;padding:2px 6px 2px 6px;background-color:#F9F9F9;}
.black{color:#000;}
em{font-style:normal !important;font-family: DINWeb-Ita, sans-serif !important;}
h1,h2,h3,h4,h5,h6,strong{font-style:normal !important;font-weight:normal !important;font-family: DINWeb-Bold, sans-serif !important;}
/* new graphic _ 02.07.2012 */
#main_container{position:absolute;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;padding:0px;margin:0px;}
#header{position:absolute;top:15px;left:25px;right:25px;width:auto;min-width:1150px;z-index:50;}
#inhalt_rahmen{position:absolute;left:25px;right:25px;top:67px;bottom:10px;width:auto;height:auto;min-width:1150px;z-index:10;}
#m_menu,#m_logo{position:relative;float:left;}
#s_menu{float:right;}
#m_logo,#m_menu,#s_menu{height:17px;}
#m_logo{overflow:hidden;width:249px;}
#fugmann, #janotta{position:absolute;top:0px;overflow:hidden;height:17px;width:121px;}
#janotta{left:125px;}
#fugmann img,#janotta img{position:absolute;top:0px;left:0px;}
#fugmann.black img,#janotta.black img{top:0x;}
#fugmann:hover img,#janotta:hover img{top:-17px;}
#fugmann.aktiv img,#janotta.aktiv img{top:0px;}
#sub_menu{position:absolute;top:20px;left:0px;right:0px;width:auto;}
#m_menu a,#s_menu a{display:inline-block;height:17px;line-height:19px;padding-left:5px;padding-right:3px;list-style:none;background:#000;}
#sub_menu div.fugmann,#sub_menu div.LA{background:#0099FF;}
#sub_menu div.janotta,#sub_menu div.LE{background:#00ee00;}
/*
#sub_menu div,#m_menu a.aktiv, #m_menu a:hover, #s_menu a:hover{background:#b7b7b7;}
#LA.aktiv,#LA:hover{background:#0099FF !important;}
#LE.aktiv,#LE:hover{background:#00ee00 !important;}
*/
#sub_menu div,#m_menu a.aktiv{background:#b7b7b7;}
#LA.aktiv{background:#0099FF !important;}
#LE.aktiv{background:#00ee00 !important;}
#m_menu a,#s_menu a, #sub_menu div, #sub_menu div a{font-family:DINWeb-Bold,sans-serif;color:#fff;font-size:14px;letter-spacing:0.2em;}
#sub_menu div{position:absolute;left:0px;top:0px;right:0px;height:27px;letter-spacing:0.2em !important;line-height:30px;padding-left:3px;font-size:18px;color:#fff;width:auto;}
#sub_menu div a{line-height:30px;font-size:20px;color:#fff;margin-right:17px;letter-spacing:0.1em !important;}
#sub_menu div.LA, #sub_menu div.LE{padding-left:272px;}
#sub_menu div .off{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);
	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;
}
#sub_menu div a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=100);
	/* Older than Firefox 0.9 */
	-moz-opacity:1;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 1;
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 1;
}
/* Landschaftsentwicklung: Objektplanung */
/* Landschaftsentwicklung: Arbeitsfelder */
div.objektplanung_a, 
div.objektplanung_b,
div.freiraumplanung_a, 
div.freiraumplanung_b,
div.wettbewerbe_a, 
div.wettbewerbe_b, 
div.arbeitsfelder_a, 
div.arbeitsfelder_b{position: relative;width: 100%;height: 68px;border-top: 1px solid #A6DBFF;background-color: #FFF;overflow: hidden;} /* HIER */
div.objektplanung_a:hover, 
div.objektplanung_b:hover,
div.freiraumplanung_a:hover, 
div.freiraumplanung_b:hover,
div.wettbewerbe_a:hover, 
div.wettbewerbe_b:hover{background-color:#F0F8FF;}
div.arbeitsfelder_a:hover, 
div.arbeitsfelder_b:hover{background-color:#EFFFEF;}
div.projekt_list_div_auf div.arbeitsfelder_a, 
div.projekt_list_div_auf div.arbeitsfelder_b,
div.projekt_list_div_auf img.projekt_button{height:34px !important;}
div.projekt_list_div_auf div.arbeitsfelder_a, 
div.projekt_list_div_auf div.arbeitsfelder_b{background-color:#EFFFEF;border-top-color:#ABFAAB;}
div.projekt_list_div_auf div.arbeitsfelder_a:hover, 
div.projekt_list_div_auf div.arbeitsfelder_b:hover{background-color:#fff;}
div.objektplanung_b,div.freiraumplanung_b,div.wettbewerbe_b{background-color: #FFF;} /* HIER */
div.arbeitsfelder_a{border-top: 1px solid #ABFAAB;background-color: #FFF;}
div.arbeitsfelder_b{border-top: 1px solid #ABFAAB;background-color: #FFF;}
div.schlusslinie_la, 
div.schlusslinie_le, 
div.schlusslinie_fr,
div.schlusslinie_et{position: relative;width: 100%;height: 7px;border-top: 1px solid #A6DBFF;overflow: hidden;}
div.schlusslinie_le{border-top: 1px solid #ABFAAB;height: 8px;}
div.schlusslinie_fr{border-top: 1px solid #A6DBFF;}
div.objektplanung_auf,
div.freiraumplanung_auf,
div.wettbewerbe_auf, 
div.arbeitsfelder_auf{position: relative;width: 100%;height: 34px;border-top: 1px solid #0099FF;}
div.arbeitsfelder_auf{border-top: 1px solid #00EE00;}
img.projekt_button, 
img.projekt_button_ref{position: absolute;z-index: 2;left: 0px;top: 0px;width: 100%;height: 68px;}
img.projekt_button_ref{height: 34px;}
div.projekt_titel{position: absolute;left: 0px;top: 1px;width: 260px;text-align: right;color: #555555;}
div.projekt_titel{font-family: DINWeb-Bold, sans-serif !important;}
img.bild_534{position: absolute;left: 272px;top: 0px;width: 534px;height: 68px;border: 0px;}
img.projekt_aus{position: absolute;z-index: 2;left: 810px;top: 5px;width: 9px;height: 9px;border: 0px;visibility: hidden;}
/* Projekte */
div.projekt_div,div.projekt_list_div{position:absolute;width:100%;height:0px;overflow: hidden;visibility: hidden;}
div.projekt_div_auf,div.projekt_list_div_auf{position: relative;width: 100%;}
img.bild_260x255_ob, 
img.bild_260x255_ar{position: absolute;top: 0px;left: 0px;width: 260px;height: 255px;border: 0px;}
div.bild_260x250_swf,
div.bild_260x250_ar,
div.bild_260x250_nothmb{position: absolute;top: 3px;left: 0px;width:260px;height:250px;border: 0px;}
div.bild_260x250_nothmb img{width:260px;height:250px;overflow:hidden;}
div.bild_260x250_swf{background:url("/imago/gitterblau.gif") 0px 0px no-repeat;}
div.bild_260x250_ar{background:url("/imago/gittergrun.gif") 0px 0px no-repeat;}
img.plan_zu{position: absolute;top: 0px;left: 272px;width: 534px;height: 0px;visibility: hidden;}
img.plan_auf{position: relative;top: 0px;left: 272px;width: 534px;border: 0px;margin-bottom: 12px;visibility: visible;z-index: 1;}
img.plan_aus{position: absolute;z-index: 2;left: 810px;top: 0px;width: 9px;height: 9px;border: 0px;visibility: hidden;}
div.projekt_text1_la, 
div.projekt_text2_la, 
div.projekt_text1_le, 
div.projekt_text2_le {position: relative;top: 0px;left: 272px;width: 260px;min-height: 270px;}
div.projekt_pdf{position: relative;top: 0px;left: 272px;width: 260px;}
div.projekt_text1_la {padding-bottom: 14px;}
div.projekt_text2_la {position: absolute;left: 544px;}
div.projekt_text1_le {padding-bottom: 14px;}
div.projekt_text2_le {position: absolute;left: 544px;}
div.projekt_text_le {position: relative;left: 272px;min-height: 280px;width:540px;padding-bottom: 14px;}
.projekte_bild_texte{position:absolute;top:255px;left:8px;}
.projekte_bild_texte h1,.projekte_bild_texte span{display:none;}
.projekte_bild_texte h1,#gallery h1{font-family: Verdana, sans-serif;font-size: 11px;font-style: normal; font-weight: normal;padding:0px;margin:0px;line-height:normal;}
/*
gallery
*/
#gallery{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:10;text-align:center;overflow:hidden;}
#gall_left, #gall_right{position:absolute;height:40px;top:50%;margin-top:-50px;width:20px;z-index:15;cursor:pointer;}
#gall_left{left:15px;}
#gall_right{right:15px;}
#gall_close{position:absolute;right:20px;top:10px;z-index:15;cursor:pointer;}
#gallery_back{width:100%;height:100%;background:#333;background:url("../imago/gallery_background.png") repeat;}
.gall_txt{position:absolute;left:0px;right:0px;bottom:15px;width:100%;text-align:center;}
#gallery h1, #gallery span{color:#f5f5f5;display:block;}
#gallery h1{margin-top:15px;}
#gallery h1{font-family: DINWeb-Bold, sans-serif !important;}
#gallery img{position:absolute;left:50%;}

.proje_thumbs{padding-top:1px;padding-left:1px;}
/* Thumbnails Arbeitsfelder */
img.thumb1, 
img.thumb2, 
img.thumb3, 
img.thumb4, 
img.thumb5, 
img.thumb6 {position: absolute;top: -1px;left: 272px;width: 88px;height: 68px;z-index: 1;}
img.thumb1 {width: 87px;}
img.thumb2 {left: 360px;}
img.thumb3 {left: 449px;}
img.thumb4 {left: 538px;}
img.thumb5 {left: 627px;}
img.thumb6 {left: 716px;}
/* 
LA: Freiraumplanung + Wettbewerbe 
LE: Referenzen 
*/
div.liste_div {position: relative;width: 100%;overflow: hidden;}
table.liste_table {width: 100%;}
/* LA: Freiraumplanung + Wettbewerbe */
td.la_projekt_links, 
td.la_projekt_mitte, 
td.la_projekt_rechts{height: 36px;border-top: 1px solid #A6DBFF;vertical-align: top;padding-top: 1px;padding-bottom: 3px;}
td.la_projekt_links {width: 260px;text-align: right;}
td.la_projekt_mitte {width: 534px;padding-left: 12px;}
/* LE: Referenzen */
td.le_projekt_links, 
td.le_projekt_mitte, 
td.le_projekt_rechts {height: 36px;border-top: 1px solid #ABFAAB;vertical-align: top;padding-top: 1px;padding-bottom: 3px;}
td.le_projekt_links {width: 260px;text-align: right;}
td.le_projekt_mitte {width: 534px;padding-left: 12px;}
td.le_projekt_rechts {}
div.schlusslinie_ref {position: relative;width: 100%;height: 7px;border-top: 1px solid #ABFAAB;overflow: hidden;}
/* Fugmann und Janotta */
div.fugmann_janotta {position: absolute;z-index: 1;top: 0;left: 0px;width: 100%;height: 100%;overflow: hidden;}
table.fugmann_janotta {width: 1px;height: 100%;}
td.fugmann_flaeche, 
td.janotta_flaeche {width:260px;}
div.fugmann_flaeche, 
div.janotta_flaeche,div.fugmann_flaeche,div.buero_line{position:absolute;top:0px;left:0px;width:100%;height:1px;}
div.janotta_flaeche{border-top:1px solid #8ae32f;}
div.fugmann_flaeche{border-top:1px solid #6f9ffb;}
div.fugmann_name, 
div.janotta_name {position: absolute;z-index: 2;top:277px;left:0px;width:250px;text-align: right;color: #0099FF;}
div.janotta_name {color: #00CC00;}
div.fugmann_name[id] {position: fixed;}
div.janotta_name[id] {position: fixed;}
img.fugmann_janotta_img {position: absolute;z-index: 2;top: 6px;left: 0px;border: 0px;}
img.fugmann_janotta_img[id] {position: fixed;}
td.fugmann_text1, 
td.janotta_text1, 
td.fugmann_janotta_text2 {vertical-align: top;padding-left: 12px;padding-top:3px;width: 272px;}
td.fugmann_text1 {color: #0099FF;}
td.janotta_text1 {color: #00CC00;}
td.fugmann_janotta_text2 {vertical-align: top;padding-left: 12px;width: 272px;color: #a0a0a0;}
td.fugmann_janotta_text2a {vertical-align: top;width: 12px;color: #a0a0a0;}
td.fugmann_janotta_text2b {vertical-align: top;color: #a0a0a0;}

/* Kontakt, Impressum */
div.kontakt {position: absolute;top: 17px;left: 0px;}
div.impressum {position: relative;width: 100%;padding-top: 5px;text-align: justify;border-top: 1px solid #b7b7b7;}
a.link {}
a.link:hover {color: #000000;text-decoration: underline;}
/* Büro */
/* startseite */
#logo{position:absolute;left:50%;top:50%;margin-left:-236px;margin-top:-142px;width:472px;height:204px;z-index:25}
#start_text{position: absolute;left:0px;bottom:20px;width:100%;text-align:center;}
#supersize{position:fixed;left:0px;top:0px;right:0px;overflow:hidden;display:none;}
#supersize img{position:absolute;width:100%;height:100%;z-index:0;}
/* aktuell */
#nws{position:relative;width:100%;height:100%;}
#nws .tit{position:absolute;width:100%;top:20px;text-align:center;color:#000;}
#nws .tit{font-family: DINWeb-Bold, sans-serif !important;}
#nws .txt{position:absolute;width:100%;bottom:20px;text-align:center;}
#news_gall{position:absolute;top:50%;left:50%;height:408px;margin-top:-204px;}
#news_gall_thmb,#news_gall_bild{float:left;}
#news_gall_thmb{height:408px;}
#nws a{color:#000;}
#nws a.blau_bold{color: #0099FF !important;}
#nextpage,#vorpage{position:absolute;height:40px;top:20px;z-index:15;}
#vorpage{left:15px;}
#nextpage{right:15px;}
#vorpage strong,#nextpage strong{font-weight:normal !important;}
/* Admin-Bereich */
div.admin {position: absolute;right: 14px;bottom: 0px;}
div.admin[id] {position: fixed;}
input {font-size: 11px;}
div.menuebild-LA, div.menuebild-LE {position: relative;width: 100%;overflow: hidden;padding:5px;}
div.menuebild-LA{border-top: 1px solid #A6DBFF;background-color: #F7FCFF;}
div.menuebild-LE {border-top: 1px solid #ABFAAB;background-color: #F6FFF8;}
div.gallbild{display:inline-block;width:200px;border-right: 1px solid #000;border-bottom: 1px solid #000;padding:5px;text-align:center;}
div.gallbild input{margin:1px;cursor:pointer;}
div.gallbild_unt{position:absolute;left:0px;top:0px;background:#fff;border:1px solid #333;padding:5px;display:none;min-height:260px;}
div.gallbild_unt img.close{float:right;cursor:pointer;}
#bilder_gallerie{position:relative;}
#bildcrop{position:absolute;top:1275px;left:0px;background-color:#000;width:900px;height:700px;visibility:hidden;}
#bg{position:absolute;left:0px;top:0px;width:100%;height:100%;}
body,iframe{background-color:transparent;background:transparent;}
input.btn{cursor:pointer;}