* { margin:0; padding:0; }
html,body { background-color:#FFF; font:11px Arial, Helvetica, sans-serif; color:#555; }
/* BASIC */
a { text-decoration:none; color:#2996CC; } a:hover { text-decoration:underline; }
button { padding:2px; font:bold 11px Arial, Helvetica, sans-serif; color:#000; overflow:visible; }
.Clear { clear:both; height:0; line-height:0; font-size:0; }
.FloatLeft { float:left; }
.FloatRight { float:right; }
h1 { margin-bottom:20px; font:bold 16px Arial, Helvetica, sans-serif; color:#A00000; }
h2 { font:normal 14px Arial, Helvetica, sans-serif; color:#A00000; }
h4 { margin-bottom:10px; font:normal 14px Arial, Helvetica, sans-serif; font-weight:bold; color:#2996CC; }
img { border:none; }
input { border:1px solid #999; padding:1px 2px; height:13px; background-color:#FFF; font-size:11px; }
legend { padding:0 3px; }
.NonInput { border:none; padding:0; width:auto; height:auto; background:none; }
p { margin-bottom:10px; }
select { border:1px solid #999; height:20px; background-color:#FFF; font-size:11px; }
table { border:none; border-collapse:collapse; border-spacing:0; }
td { padding:0; vertical-align:top; }
textarea { border:1px solid #999; padding:1px 2px; background-color:#FFF; font:normal 11px Arial, Helvetica, sans-serif; color:#000; overflow:auto; }
/* MAIN UI */
#Main { position:relative; margin:0 auto; padding:0 5px; width:780px; background:url(images/Background.gif) repeat-y; }
#Top { border-bottom:1px solid #FFF; padding:10px 0 5px 0; width:780px; height:104px; background:url(images/TopBackground.gif) repeat-y; }
#Breadcrumbs { position:relative; border-bottom:1px solid #FFF; padding:4px 20px; width:740px; height:14px; background:#CFDEE5 url(images/BreadcrumbsBackground.gif); font-size:11px; color:#5C8599; } #Breadcrumbs a { color:#5C8599; } #Breadcrumbs #Back { position:absolute; top:4px; right:12px; }
#Content { border-bottom:1px solid #FFF; padding:20px; min-height:300px; background-color:#EBEBEB; } #Content ol,ul { padding-left:15px; }
#Footer { padding:0 20px; width:740px; height:45px; background-color:#E0E0E0; color:#999; } #Footer a { color:#999; }
#PageEnd { margin:0 auto; padding:8px 10px; width:770px; height:18px; background:url(images/Footer.gif) no-repeat; }
/* MISC UI */
.AnsprechpartnerElement { float:left; border-bottom:1px solid #FFF; padding:20px; width:329px; height:132px; background-color:#EFEFEF; }
.AnsprechpartnerElementBild { border:1px solid #999; width:130px; height:130px; }
.BilderArrowLeft { position:absolute; top:295px; left:-12px; width:32px; height:32px; cursor:pointer; background:url(images/icons/prev-horizontal.gif) no-repeat -96px 0; z-index:666; }
.BilderArrowRight { position:absolute; top:295px; right:-12px; width:32px; height:32px; cursor:pointer; background:url(images/icons/next-horizontal.gif) no-repeat 0 0; z-index:666; }
.BilderGalerieImage { display:none; position:absolute; top:9px; left:9px; border:1px solid #999; }
#BilderGalerieUl { padding:6px 10px; list-style-type:none; }
.BilderHolder600 { position:relative; margin:10px; width:620px; height:620px; background:#F0F0F0 url(images/ImageLoading.gif) center center no-repeat; }
.BoxWhite { border:1px solid #FFF; width:100%; background-color:#EFEFEF; }
.BreadcrumbsConnector { color:#8FAFBF; }
.FieldSet { padding:4px 8px 8px 8px; }
#FooterLeft { padding-top:15px; } .FooterLeftItem { float:left; margin-right:15px; border-right:1px solid #CCC; padding-right:15px; }
#FooterRight { padding-top:5px; }
#FooterRightLeft { padding:3px 8px 0 0; text-align:right; }
.ImageBox { padding:10px; width:280px; background-color:#D3D3D3; }
.NewsEintrag { margin-bottom:5px; padding-top:5px; }
.NewsDatum { font:10px Arial, Helvetica, sans-serif; color:#999; }
.NewsSep { border-top:1px dotted #BBB; }
.ReferenzenElement { float:left; border-bottom:1px solid #FFF; padding:20px; width:329px; height:100px; background-color:#EFEFEF; }
.Tabs { background:url(images/Tabs.gif) no-repeat; font-weight:bold; color:#FFF; }
.TabsHolder { height:20px; }
.TabsHolder #TabBeschreibung { float:left; width:96px; height:20px; background-position:0 0; }
.TabsHolder #TabDetails { float:left; width:56px; height:20px; background-position:-96px 0; }
.TabsHolder #TabBilder { float:left; width:51px; height:20px; background-position:-152px 0; }
.TabsHolder #TabLageplan { float:left; width:69px; height:20px; background-position:-203px 0; }
.TabsHolder #TabProjekte { float:left; width:66px; height:20px; background-position:-272px 0; }
.TabsHolder #TabEinzelobjekte { float:left; width:93px; height:20px; background-position:-338px 0; }
#TopTextSize { position:absolute; top:10px; right:2px; width:100px; height:13px; } #TopTextSizeNormal { position:absolute; top:0; left:56px; } #TopTextSizeLarge { position:absolute; top:-2px; left:70px; }
/* ELEMENTS */
.aNoHover:hover { text-decoration:none; }
.Blau { color:#2996CC; }
.BlauDunkel { color:#0F6B99; }
.Bold { font-weight:bold; }
.Button132 { margin-top:8px; width:132px; height:36px; }
.ButtonIcon { padding-left:22px; background:no-repeat 2px 2px; }
.CursorPointer { cursor:pointer }
.Dialog { display:none; }
.DisplayBlock { display:block; }
.FontSize12 { font-size:1.2em; }
.FontSize14 { font-size:14px; }
.FormLeft { padding:3px 5px; vertical-align:middle; text-align:right; white-space:nowrap; color:#000; }
.FormRight { padding:3px 5px; width:360px; text-align:left; }
.Grau { color:#888; }
.Gruen { color:#26990F; }
.Hidden { display:none; }
.Icon16 { width:16px; height:16px; }
.Icon48 { width:48px; height:48px; }
.IconLink { cursor:pointer; }
.ImageBorder { border:1px solid #999; }
.ImageThumb { float:left; margin:0 10px 10px 0; padding:1px; text-align:center; background-color:#F9F9F9; } .ImageThumbTable { width:92px; height:92px; } .ImageThumb img { border:1px solid #BBB; }
.Italic { font-style:italic; }
.Justify { text-align:justify; }
.MarginLeft5 { margin-left:5px; }
.MarginLeft10 { margin-left:10px; }
.MarginLeft20 { margin-left:20px; }
.MarginTop5 { margin-top:5px; }
.MarginTop10 { margin-top:10px; }
.MarginTop20 { margin-top:20px; }
.MarginTop30 { margin-top:30px; }
.MarginBottom0 { margin-bottom:0; }
.MarginBottom10 { margin-bottom:10px; }
.MarginBottom20 { margin-bottom:20px; }
.NoWrap { white-space:nowrap; }
.Opacity50 { opacity:0.50; filter:alpha(opacity=50); }
.Padding10 { padding:10px; }
.Padding20 { padding:20px; }
.PositionRelative { position:relative; }
.Rot { color:#A00000; }
.Schwarz { color:#000; }
.SchwarzHover:hover { color:#000; }
.VerticalAlign { display:table-cell; vertical-align:middle; }
.Width100Percent { width:100%; }
.WidthAuto { width:auto; }
.Width440 { width:440px; }
/* HOME */
#HomeProjekte { border-bottom:1px solid #FFF; padding:15px 0 8px 0; width:780px; height:197px; background-color:#CFDEE5; }
#HomeProjekteBoxHolder { margin:0 auto; height:170px; list-style-type:none; }
.HomeProjekteBox { display:none; float:left; margin-right:12px; padding:0 5px; width:168px; height:170px; background:#8DACBC url(images/HomeProjekteBoxBackground.gif) repeat-x; }
.HomeProjekteBox .Titel { padding:4px 0 3px 0; font-size:10px; color:#FFF; }
.HomeProjekteBox .Image { width:168px; height:126px; background-color:#FFF; }
.HomeProjekteBox .NoImage { padding:57px 0; width:168px; height:12px; background-color:#FFF; text-align:center; opacity:0.66; filter:alpha(opacity=66); }
.HomeProjekteBox .Adresse { padding-top:3px; color:#FFF; text-decoration:underline; }
.HomeProjekteArrows { margin:7px 0 0 358px; width:66px; height:22px; }
#HomeLeft { float:left; width:500px; }
#HomeIntro { padding:16px 20px; width:460px; background-color:#E0E0E0; text-align:justify; color:#000; } #HomeIntro h1 { margin-bottom:10px; }
#HomeLeistungen { padding:16px 20px; } #HomeLeistungen .BoxWhite div { border-left:1px solid #DEDEDE; border-right:1px solid #FFF; padding:10px; width:94px; height:63px; } #HomeLeistungen .BoxWhite p { margin-bottom:35px; } #HomeLeistungen .BoxWhite a:hover { text-decoration:none; }
#HomeRight { float:left; padding:16px 20px; width:240px; } #HomeRight h1 { margin-bottom:5px; }
/* PROJEKTE */
#ProjekteDetailArt { font-size:16px; color:#999; }
#ProjekteDetailStatus { font-size:16px; color:#999; }
#ProjekteDetailAdresse { margin:2px 0 15px 0; color:#000; }
#ContentBeschreibung { padding:20px 15px 20px 20px; width:403px; }
#ContentDetails { width:418px; }
#ContentBilder { padding-right:0; width:428px; }
#ContentLageplan { width:418px; } #DivLageplan { width:418px; height:360px; }
#ProjekteObjekte { display:none; width:280px; }
#AccordionObjekte { border:1px solid #FFF; width:278px; background-color:#EFEFEF; } #AccordionObjekte tbody td { text-align:center; }
/* MENU */
#Menu { display:block; margin:10px 0 0 0; padding:0; padding-left:11px; position:relative; height:35px; z-index:666; } #Menu li { display:block; list-style:none; margin:0; margin-right:4px; padding:0; float:left; position:relative; } #Menu a { display:block; } #Menu ul { display:none; position:absolute; left:0; margin:0; padding:0; } * html #Menu ul { line-height:0; } #Menu ul a { zoom:1; } #Menu ul li { float:none; } #Menu ul ul { top:0; }
#Menu ul { width:117px; } #Menu ul ul { left:117px; border-left:1px solid #FFF; }
#Menu *:hover { background-color:none; }
#Menu ul { top:35px; left:3px; }
#Menu ul li { margin-right:0; }
#Menu ul li a { padding:4px 6px; background-color:#B31212; text-decoration:none; font-weight:bold; color:#FFF; }
#Menu ul a.hover { background-color:#2996CC; }
#Menu ul a { border-bottom:1px solid white; border-right:none; opacity:0.9; filter:alpha(opacity=90); }
#Menu ul .LastItem { border-bottom:none; }
/* TABLESORTER */
table.tablesorter { border-collapse:separate; border-spacing:1px; width:100%; background-color:#8FB8CC; text-align:left; font-size:8pt; }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { border:1px solid #FFF; padding:4px 0 4px 4px; background-color:#DFE7EB; text-align:left; font-size:8pt; color:#000; }
table.tablesorter thead tr .header { background-image:url(images/icons/TablesorterBG.gif); background-repeat:no-repeat; background-position:center right; cursor:pointer; }
table.tablesorter tbody td { padding:4px; text-align:left; vertical-align:top; color:#000; }
table.tablesorter tbody tr { background-color:#FFF; }
table.tablesorter tbody tr.odd td { background-color:#F0F5F8; }
table.tablesorter thead tr .headerSortUp { background-image:url(images/icons/TablesorterAsc.gif); }
table.tablesorter thead tr .headerSortDown { background-image:url(images/icons/TablesorterDesc.gif); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color:#8DBDD8; }
.IconPadding { padding:3px !important; vertical-align:top; white-space:nowrap; }
.TablesorterItem:hover { background-color:#EDF1F3; cursor:pointer; }
/* jQuery UI */
.ui-accordion { margin:0; padding:0; }
.ui-accordion dt { display:block; margin:0; border-bottom:1px solid #FFF; padding-left:10px; height:1%; background:#90C2DA url(images/AccordionHeaderPassive.gif) repeat-x; line-height:20px; text-transform:uppercase; text-decoration:none; font-weight:bold; color:#FFF; cursor:pointer; }
.ui-accordion dt.selected { background:#2A93C8 url(images/AccordionHeaderActive.gif) repeat-x; }
.ui-accordion dd .AccordionDiv { padding:8px; }
.ui-dialog { border:1px solid #A00000; padding:1px; background-color:#FFF; }
.ui-dialog-titlebar { height:19px; _height:20px; background-color:#A00000; }
.ui-dialog-titlebar-close { position:absolute; top:1px; right:2px; text-decoration:none; color:#FFF; }
.ui-dialog-title { position:absolute; top:2px; left:4px; font-weight:bold; color:#FFF; }
.ui-tabs-nav { list-style:none; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFF; }
.ui-tabs-nav:after { display:block; clear:both; content:" "; }
.ui-tabs-nav li { float:left; margin:0; font-weight:bold; }
.ui-tabs-nav a, .ui-tabs-nav a span { float:left; padding:0 12px; background:url(images/Tabs.gif) no-repeat; }
.ui-tabs-nav a { margin:5px 0 0; padding-left:0; background-position:100% 0; text-decoration:none; white-space:nowrap; outline:0; }
.ui-tabs-nav a:link, .ui-tabs-nav a:visited { color:#fff; }
.ui-tabs-nav .ui-tabs-selected a { position:relative; top:5px; z-index:2; margin-top:0; background-position:100% -20px; }
.ui-tabs-nav a span { padding-top:1px; padding-right:0; height:18px; background-position:0 0; line-height:18px; }
.ui-tabs-nav .ui-tabs-selected a span { padding-top:0; height:19px; background-position:0 -20px; line-height:18px; }
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { cursor:text; }
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { cursor:pointer; }
.ui-tabs-disabled { opacity:.4; filter:alpha(opacity=40); }
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { color:#000; }
.ui-tabs-panel { border:1px solid #FFF; background:#EFEFEF; }
.ui-tabs-hide { display: none; }
* html .ui-tabs-nav { display:inline-block; }
*:first-child+html .ui-tabs-nav  { display:inline-block; }
