/** Common layout **/

html, body { height: 100%; }
html { overflow-y: scroll; }
body { background: #fff url( /img/top_bg.gif ) top left repeat-x; cursor: default; margin: 0px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; }

* { border: none; padding: 0px; margin: 0px; }

#page { position: relative; margin: 0px auto; width: 775px; min-height: 100%; z-index: 10; }

#top-container { width: 775px; padding-bottom: 139px; }

#header { position: relative; width: 775px; height: 194px; }
#header-screen-logo { position: absolute; top: 112px; right: 0px; width: 142px; height: 67px; background: url( /img/top_logo.gif ) no-repeat; }
#header-print-logo { display: none; }

#main { width: 760px; min-height: 200px; margin-left: 15px; }

#footer { position: absolute; width: 735px; height: 69px; left: 15px; bottom: 0px; margin-top: 80px; padding: 15px 0px 0px 25px; font-size: 11px; background: #fff url( /img/bc_bg.gif ) top no-repeat; z-index: 20; }

#breadcrumps { position: absolute; top: 45px; right: 25px; font-size: 11px; text-align: right; }
#copyright { position: absolute; top: 45px; left: 25px; font-size: 11px; color: #444; }
#footer-phone { display: none; }

#multimedia-header { position: relative; width: 760px; height: 250px; }
#colorshapes { position: absolute; top: 204px; width: 90px; height: 230px; text-align: left; overflow: hidden; display: none; z-index: 99; }

#overlay-background { position: absolute; display: none; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; background: #000; opacity: 0.85; filter: alpha( opacity = 85 ); z-index: 200; }
#overlay-box { position: fixed; display: none; width: 100px; height: 100px; top: 0px; left: 0px; background: #fff; margin: 0 auto; overflow: hidden; z-index: 201; }
#overlay-content { position: relative; display: none; top: 0px; left: 0px; width: 544px; z-index: 202; padding: 25px 28px 15px 28px; }
#overlay-content-hider { position: absolute; display: none; top: 0px; left: 0px; width: 600px; height: 500px; background: #fff; z-index: 203; }
#overlay-loader { position: fixed; display: none; width: 30px; height: 30px; z-index: 204; }


/** Common navigation elements **/

#nav { position: absolute; top: 149px; left: 0px; padding: 8px 12px 0px 15px; width: 517px; height: 37px; background: url( /img/nav_bg.jpg ) top left no-repeat; }
#nav a { display: block; width: 95px; height: 37px; background-position: top left; }
#nav a:hover { background-position: left -37px; }
#nav li.current a:hover { background-position: left 74px; }
#nav a:active, #nav li.current a, #nav li.current a:active { background-position: bottom left; }
#nav ul, #nav li { margin: 0px; padding: 0px; }
#nav ul { list-style: none; }
#nav li { padding-right: 3px; height: 37px; float: left; display: block; background: none; }
#nav span { display: none; }
#nav-blog a { background: url( /img/nav/nav_blog.gif ); }
#nav-agentur a { background: url( /img/nav/nav_agentur.gif ); }
#nav-leistungen a { background: url( /img/nav/nav_leistungen.gif ); }
#nav-referenzen a { background: url( /img/nav/nav_referenzen.gif ); }
#nav-kontakt a { background: url( /img/nav/nav_kontakt.gif ); }

#subnav { position: absolute; top: 24px; left: 44px; width: 260px; font-size: 11px; }
#subnav a:link, #subnav a:visited { color: #000; text-decoration: none; }
#subnav li.current a:link, #subnav li.current a:visited, #subnav a:hover, #subnav a:active { color: #0079bd; text-decoration: none; }
#subnav ul { margin: 0px !important; list-style: none; float: right; border-right: 1px solid #000; }
#subnav li { display: block; text-align: right; margin: 2px 0px; padding-right: 10px; background: none; line-height: 1.2em; }


/** Overlays **/

#overlay-content .logo { position: absolute; top: 25px; right: 30px; width: 120px; height: 57px; background: url( ../img/overlay_logo.gif ) no-repeat; }
#overlay-content .ce_graphic_headline { margin: 5px 0px 10px; }
#overlay-content .overlay-info { margin: 65px auto 45px; }
#overlay-content .overlay-info-standalone { margin: 80px auto 45px; }
#overlay-content .overlay-info div, #overlay-content .overlay-info-standalone div { text-align: center; }

#overlay-buttons-second { display: none; }
#overlay-content-redirect { display: none; }

#overlay-content .formbody { margin-top: 35px; }


/** Buttons (mainly used within overlays) **/

.buttons { margin: 20px auto 0px auto; width: 384px; }
.buttons .button span { display: none; }
.buttons .button { display: block; float: right; width: 187px; height: 93px; }
.buttons button, .buttons a { display: block; width: 187px; height: 54px; background: transparent; }
.buttons .button-cancel { background: url( ../img/overlay_button-cancel.gif ) no-repeat; }
.buttons .button-close { background: url( ../img/overlay_button-close.gif ) no-repeat; }
.buttons .button-contact { margin-right: 10px; background: url( ../img/overlay_button-contact.gif ) no-repeat; }
.buttons .button-send { margin-right: 10px; background: url( ../img/overlay_button-send.gif ) no-repeat; }


/** Form elements **/

input, textarea { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; }

button { cursor: pointer; }

input { height: 17px; padding: 4px 6px 0px; }
input.form-text-short, input.form-captcha { width: 84px; background: url( /img/form_text-short.gif ) no-repeat; }
input.form-text-mid { width: 270px; background: url( /img/form_text-mid.gif ) no-repeat; }
input.form-text-long { width: 372px; background: url( /img/form_text-long.gif ) no-repeat; }
input.text-next { margin-left: 6px; }

span.form-captcha { color: #888c79; padding-left: 5px; }

.formbody .col_0 { width: 150px; text-align: right; padding: 5px 10px 0px 0px; }
.formbody .col_1 { width: 384px; padding: 3px 0px; }
.formbody label { color: #888c79; font-size: 13px; }

.formbody tr.form-topspacer td.col_0 { padding-top: 22px; }
.formbody tr.form-topspacer td.col_1 { padding-top: 20px; }

.formbody .form-error { font-size: 11px; color: #888c79; margin: 2px 7px 8px; }

div.form-checkbox, div.form-checkbox-checked { display: block; margin: 2px 0px; width: 15px; height: 15px; cursor: default; }
div.form-checkbox { background: url( /img/form_checkbox-unchecked.gif ) no-repeat; }
div.form-checkbox-checked { background: url( /img/form_checkbox-checked.gif ) no-repeat; }

div.form-textarea { width: 384px; height: 118px; background: url( /img/form_textarea.gif ) no-repeat; }
div.form-textarea textarea { width: 376px; height: 106px; padding: 6px 9px 6px 7px; resize: none; }

div.form-select { position: relative; height: 21px; background: url( /img/form_select-bg.gif ) no-repeat; text-align: left; }
div.form-select .trigger { position: absolute; top: 0px; left: 0px; height: 21px; width: 100%; z-index: 500; background-color: #fff; opacity: 0; filter: alpha( opacity = 0 ); }
div.form-select .clear { clear: both; }
div.form-select .selectedOption { float: left; padding: 4px 8px 0px; overflow: hidden; }
div.form-select .dropDown { width: 21px; height: 21px; float: right; background: url( /img/form_select-dropdown.gif ) no-repeat; }

div.form-select-box { position: absolute; display: none; border: 1px solid #000; margin: 0 5px; z-index: 501; }
div.form-select-box .option { padding: 3px 0px 3px 5px; background-color: #fff; }
div.form-select-box .selected { background-color: #f2f0f0; }


/** Inline lists **/

ul { margin: 2px; padding: 0px 0px 0px 1px; list-style: none; }
li { display: block; background: url( ../img/list.gif ) left 5px no-repeat; margin: 2px 0px; padding-left: 12px; }


/** Blog **/

div.blog-item { margin: 25px 0px; }
div.blog-item .date { color: #888c79; font-size: 12px; font-weight: bold; margin-bottom: 2px; }
div.blog-item .author { color: #888c79; font-size: 12px; font-weight: bold; margin: 15px 0px; font-style: italic; }
div.blog-item h1 { color: #3e3e3e; font-size: 16px; font-weight: bold; margin: 0px 0px 18px; }
div.blog-item h2 { color: #888c79; font-size: 14px; font-weight: bold; margin: 0px 0px 18px; }

div.blog-item .enclosure { font-size: 12px; margin-top: 15px; }
div.blog-item .enclosure img { vertical-align: baseline; }

div.blog-cols .size-small { width: 186px; }
div.blog-cols .size-mid { width: 372px; }
div.blog-cols .pos-left { float: left; margin-right: 16px; }
div.blog-cols .pos-right { float: right; }
div.blog-cols .clear-cols { clear: both; }

div.blog-text { margin: 18px 0px -12px; }
div.blog-cols div.blog-text { margin: -15px 0px -12px; }

div.blog-separator { border-top: 1px solid #888c79; margin: 10px 0px; }
a.blog-rss { display: block; float: right; width: 29px; height: 15px; background: url( /img/rss.gif ) no-repeat; }


/** Content elements **/

.ce_graphic_headline { margin: 15px 0px 5px; }
.agentur-top { background: url( /files/seiten/agentur/agentur_reagenzglaeser.jpg ) no-repeat 150px 70px; overflow: visible !important; height: 300px; }