/* general */

html, body, div, p, h1, h2, h3, ul, ol, span, table, td, form, img, li, select, input {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 100%;
    color: #000;
}

/* ++++  GENERAL ++++  */

img {border:0px;}
img.right {margin-left:24px; float:right;}
img.left {margin-right:24px; float:left;}
img.rightborder {margin-left:24px; border:1px #000 solid; float:right;}
img.leftborder {margin-right:24px; border:1px #000 solid; float:left;}

table {border:0px; }
td {vertical-align:top;}
p { margin:0; padding:0; display:inline; }

img.border { border:1px #838383 solid; }

html { margin:0; padding:0; }
body { margin:0; padding:0; background:#fff url(../images/bg.gif) repeat-x; text-align:center; }

h1 { color:#265585; margin:0 0 2.4em 0; padding:0; font-size:1.3em; font-weight:bold; }
div#content div.inhalt div.leftcolumn h2 { margin: 1.4em 0 0.6em 0; padding:0; font-weight:bold; font-size:1.1em; }
div#content div.inhalt div.leftcolumn div.downloads h2 { margin: 0.2em 0 0 0; padding:0; }
div#content div.inhalt div.marginal h2, div#content div.inhalt div.startboxen h2 { margin:0 0 0.8em 0; padding: 0 0 0.5em 2px; color:#265585; background: url(../images/bg_h2-marginal.gif) repeat-x bottom; }
div#content div.inhalt div.startboxen h2 { margin-bottom:2px; }

div#content div.inhalt div.marginal h3 { font-weight:bold; margin:0 0 1em 0; color:#265585; }
h3 { }

ul { margin:0; padding:0; }
li { margin:0; padding:0; list-style-type:none; }

.right { float:right; }
.left { float:left; }
.clear { clear:both; }

/* ++++  / GENERAL ++++  */


/* ++++  LINKS ++++  */

a { color:#265585; text-decoration:none; }
a:hover { text-decoration:underline; }

a.more, div#content div.inhalt div.marginal ul.unternavigation li a { padding-left:16px; background:url(../images/pfeil_mehr.gif) no-repeat left 0.5em; display:block; }


div#bcp a { color:#bcbcbc; }

div#content div.inhalt div.bottomline div a { color:#ccc; }
div#hauptnavigation a { color:#fff;  }
div#hauptnavigation ul li a, div#hauptnavigation ul li.aktiv div { display:block; padding:1.1em 2.4em 1.2em 2.4em; }
div#hauptnavigation ul li.aktiv div { margin:0;  border:none; font-size:1em; }
div#hauptnavigation ul li a:hover span { text-decoration:none; color:#aec0d1; }
div#hauptnavigation ul li a:hover {  text-decoration:none; }
div#hauptnavigation ul li a span { background:url(../images/pfeil_hauptnavigation.gif) left center no-repeat; padding-left: 20px; color:#fff; }
div#hauptnavigation ul li.aktiv a span, div#hauptnavigation ul li.aktiv span.aktiv {  background:url(../images/pfeil_hauptnavigation-akt.gif) left center no-repeat; padding-left: 20px; color:#aec0d1; }

div#teaserbox a.more { padding:0.8em 0 1.5em 16px; background-position:left 1.4em; }


/* ++++  DIVs ++++  */

div#content div.inhalt div.leftcolumn div.box { background:url(../images/bg_ul.gif); border:1px #efefef solid; margin:5px 0; padding:10px 20px; } 
div#content div.inhalt div.leftcolumn div.box h2 { margin-top:5px; }
div#content div.inhalt div.leftcolumn div.box table.ref tr td a { font-size:0.8em; }
div#content div.inhalt div.leftcolumn div.aktuelles { background:url(../images/bg_ul.gif); border:1px #efefef solid; margin:5px 0; padding:10px 20px; } 
div#content div.inhalt div.leftcolumn div.aktuelles h2 { margin-top:5px; }
div#content div.inhalt div.leftcolumn div.aktuelles span { padding-left:15px; color:#838383; background:url(../images/bg_marginaldatum-dot.gif) no-repeat left center; }



div.main { width:990px; position:relative; margin:0 auto; text-align:left;  }
div.main hr.design { margin:0; padding:0; position:absolute; top:141px; width:990px; height:1px; background:#265585; border:none; }

div#datum { position:absolute; right:0; top:123px; color:#bcbcbc; font-size:0.6em; }
div#logo { position:absolute; top:50px; left:20px; }

div#metanavigation { position:absolute; right:0; top:5px; }
div#metanavigation ul li a, div#metanavigation ul li span { display:block; padding:2.4em 3.2em 1.2em 3.2em; }

div#metanavigation ul li span { color:#bcbcbc; }
div#metanavigation ul li { font-size:0.6em; color:#265585; font-weight:bold; float:left; list-style:none; border-right:1px solid #265585; }

div#hauptnavigation { z-index:100; font-size:0.7em; position:absolute; left:20px; top:144px; background:url(../images/bg_li-hauptnavigation.gif) left top no-repeat; }
div#hauptnavigation ul li { color:#fff; float:left; font-weight:bold; list-style:none; background:url(../images/bg_li-hauptnavigation.gif) right top no-repeat; position:relative; }
div#hauptnavigation ul li.aktiv { color:#aec0d1; }

div#hauptnavigation ul li ul { position:absolute; top:39px; left:0; visibility:hidden; background:#265585 url(../images/bg_hauptnavigation-ul.gif) top repeat-x; display:block; }
div#hauptnavigation ul li ul li { background:none; white-space:nowrap; display:block; border-left:none; font-weight:normal; color:#fff; padding:0; padding:1em 0;  }
div#hauptnavigation ul > li > ul > li { float:none; }
div#hauptnavigation ul li ul li a { margin:0 28px; display:block; padding:0 1em 0 2em; background:url(../images/pfeil_hauptnavigation.gif) left center no-repeat; padding-left: 20px; color:#fff; }
div#hauptnavigation ul li ul li a:hover { color:#aec0d1; }

div#content div.inhalt div.leftcolumn ul { margin:10px 0; padding:10px 10px; border:1px #efefef solid; }
div#content div.inhalt div.leftcolumn ul li { margin:5px 10px; padding-left:20px; list-style-type:none; background:url(../upload/content/pfeil_list.gif) no-repeat left 0.5em; }
div#content div.inhalt div.leftcolumn ul li a { padding-left:0; }


div#motive { position:absolute; top:182px; }
div#motive img { border:1px solid #fff; }

div#motive img#christmasadd { position:absolute; left:630px; top:199px; border:none; }


div#motive div#label { position:absolute; left:-6px; bottom:-4px; }
div#motive div#label img { border:none; }

div#bcp { position:absolute; top:392px; left:20px; font-size:0.6em; color:#bcbcbc; }
div#bcp span { color:#bcbcbc; padding-right: 20px; }
div#bcp img { margin:0 0.85em; }

div#teaserbox h2 { font-size:1em; position:absolute; top:0; height:30px; width:200px; }
div#teaserbox h2 a { position:absolute; bottom: 0; font-size:1em; }
div#teaserbox { position:absolute; right:0; top:226px; width:200px; font-size:0.7em; line-height:1.5em; padding-top: 68px; color:#838383; }

div#content { position:absolute; top:456px; z-index:100; }

div#content div.inhalt { font-size:0.75em; line-height:1.5em; width:990px; background:url(../images/bg_inhalt-line.gif) 768px 0 repeat-y; }
div#content div.inhalt div.bottomline { margin-top:50px; padding: 6px 0 30px 0; color:#ccc; font-size:0.75em; border-top:1px solid #efefef;}
div#content div.inhalt div.bottomline div { color:#ccc; }
div#content div.inhalt div.bottomline div.left span { margin:0 10px; color:#ccc; }
div#content div.inhalt div.bottomline a { padding:1em 0; }
div#content div.inhalt div.bottomline div.left a.facebook { background:url(/cms/images/icon-facebook_lo.gif) no-repeat left center; padding-left:22px; }
div#content div.inhalt div.bottomline div.left a.facebook:hover { background:url(/cms/images/icon-facebook_hi.gif) no-repeat left center; }

div#content div.inhalt div.marginal { float:right; width:200px; font-size:0.95em; line-height:1.6em; }
div#content div.inhalt div.marginal ul.unternavigation { margin:0 0 40px 0; background:none; border:none; }
div#content div.inhalt div.marginal ul { background:none; border:none; }
div#content div.inhalt div.marginal ul.unternavigation li { padding:0.5em 0; }
div#content div.inhalt div.marginal ul.unternavigation li.unter { margin-left:1.5em; }
div#content div.inhalt div.marginal ul.unternavigation li span { color:#bcbcbc; padding-left:16px; background:url(../images/pfeil_mehr-hi.gif) no-repeat left 0.5em; display:block;  }
div#content div.inhalt div.marginal div.leistungen { margin: 0px 0px 25px 0px; }
div#content div.inhalt div.marginal div.leistungen p a img { background:url(../upload/referenzen_teaser/leist_hintergrund.jpg) no-repeat; padding:6px 2px 2px 21px; }



div#content div.inhalt div.marginal hr { color:#efefef; background:#efefef; height:1px; margin:20px 0; padding:0; border:none; }

div#content div.inhalt div.marginal div.datum { color:#838383; font-size:0.95em; padding-left:12px; background:url(../images/bg_marginaldatum-dot.gif) no-repeat left center; }

div#content div.inhalt div.leftcolumn { padding-left:20px; float:left; width:710px; line-height:1.7em; }

div#content div.seofooter { border-top:1px solid #efefef; width:930px; padding: 10px 20px 60px 40px; margin-top:80px; font-size:0.6em; line-height:1.6em; color:#bcbcbc; text-align:center; }
div#content div.seofooter a {color:#bcbcbc; }

div#content div.inhalt div.startboxen { padding-top:20px; }
div#content div.inhalt div.startboxen div { width:163px; float:left; background:url(../images/bg_startboxen.gif) right 1.8em no-repeat; margin-left:9px; padding-right:9px; padding-bottom:20px; }
div#content div.inhalt div.startboxen div img { margin-bottom:18px; }
div#content div.inhalt div.startboxen div p { font-size:0.95em; line-height:1.5em; } 

div#content div.inhalt ul { border:1px solid #ccc; padding:10px; background:#fafafa url(../images/bg_ul.gif) repeat-x top; }
div#content div.inhalt ul li a { line-height:1.6em; background:url(../images/pfeil-more_lo.gif) no-repeat left center; padding-left:14px; }
div#content div.inhalt ul.sitemap li ul { border:none; padding:10px; margin:0; padding-left:0; background:none; }
div#content div.inhalt ul.sitemap li ul li ul li { margin-left:2em; }

div#content div.inhalt div.leftcolumn ul.sitemap li { background:none; }
div#content div.inhalt ul.sitemap li a { padding-left:16px; background:url(../images/pfeil_mehr.gif) no-repeat left center; display:block; }
div#content div.inhalt div.leftcolumn ul.sitemap li a { padding-left:16px; }
div#content div.inhalt ul.sitemap li ul li { padding:0.5em; padding-left:0; margin:0 0 0 2em;  }
div#content div.inhalt ul.sitemap li ul li ul li a { font-weight:normal; padding-left:16px; background:url(../images/pfeil_mehr.gif) no-repeat left center; display:block; }

div#content div.inhalt ul.sitemap li { padding:0 0 2em 0; margin:0; line-height:0; font-weight:bold; }

div#content div.inhalt table td.fakten { width:15%; padding:0px 10px 10px 10px; background:url(../images/divider.jpg) repeat-x; }
div#content div.inhalt table td.fakteninhalt { padding:0px 10px 0px 10px; background:url(../images/divider.jpg) repeat-x;}
div#content div.inhalt table td.fakten ul {background:none;border:0;padding:0px; }


/* ++++  REFERENZEN ++++  */

div.referenzenbox { background:#f1f1f1 url(../images/ref_bg_overview.jpg) repeat-x; padding:13px 0 0 5px; border-style:double; border-color:#fff; border-top:2px #d3d3d3 solid;}
div.referenzenbox div img { margin:1px 34px 8px 0; }

div.referenzenbox div.referenzeninhalt h3 { 0.6em 0 1em 0;}

div.referenzenbox div.referenzeninhalt table { width:510px; }
div.referenzenbox div.referenzeninhalt td { width:33%; background: url(../images/ref_bg_stripe.jpg) repeat-y right; padding: 0 0 18px 0; margin-right:14px; margin-top:16px;}

div#content div.inhalt div.leftcolumn ul.morereferenzen li.aktiv { background:url(../images/pfeil_mehr-hi.gif) no-repeat left 0.5em; color:#bcbcbc; }
div#content div.inhalt div.leftcolumn ul.morereferenzen li.aktiv span { color:#bcbcbc; }

div#content div.inhalt div.leftcolumn div.referenzen table.leistungsumfang { width:100%; }
div#content div.inhalt div.leftcolumn div.referenzen table.leistungsumfang tr.colored td { background:#ebebeb; }
div#content div.inhalt div.leftcolumn div.referenzen table.leistungsumfang td { padding:0.4em 0.2em 0.4em 0.8em; }
div#content div.inhalt div.leftcolumn div.referenzen table.leistungsumfang td.head { color:#fff; background:#336699; font-size:0.9em; font-weight:bold;  }
div#content div.inhalt div.leftcolumn div.referenzen table.produktdetails td { padding:0.4em 0.2em 0.4em 0.8em; }

div#sortieren input { background:#848484; border-style:double; border-color:#fff; color:#fff; }
div#sortieren select { background:#fff; border:2px #d3d3d3 solid; color:#336699; width:26%; }
div#sortieren option { padding: -1px 0 2px 5px; }




div#content div.inhalt div.leftcolumn fieldset { width:360px; margin : 0; padding :1em 1.4em 1em 1em; border : 1px solid #ccc; }
div#content div.inhalt div.leftcolumn fieldset div br { display : none; }
div#content div.inhalt div.leftcolumn legend { font-weight : bold; color: #004589; margin : 0; padding : 0.5em; }
div#content div.inhalt div.leftcolumn label { display : block; }
div#content div.inhalt div.leftcolumn #submit { clear : both; padding-top : 1em; text-align : center; }
div#content div.inhalt div.leftcolumn #submit input { border: 1px solid #333; padding: 2px 4px; color: #333; }
div#content div.inhalt div.leftcolumn fieldset div { margin : 0; padding : 0.4em 0; }
div#content div.inhalt div.leftcolumn fieldset div.optional { display : block; }
div#content div.inhalt div.leftcolumn fieldset div input { width:100%; border: 1px solid #004589; padding: 1px; }
div#content div.inhalt div.leftcolumn fieldset div select { width:100%; border : 1px solid #004589; padding: 1px; }
div#content div.inhalt div.leftcolumn fieldset div label { background:url(/cms/images/bg_stern.gif) left 0.4em no-repeat; padding-left:10px; }
div#content div.inhalt div.leftcolumn fieldset div.optional label { background:none; padding-left:0; }
div#content div.inhalt div.leftcolumn fieldset div textarea { font-size:100%; font-family: Arial; width: 100%; border : 1px solid #004589; padding : 1px; }
div#content div.inhalt div.leftcolumn .optional input { border : 1px solid #ccc; }



/* ++++  INFOBOXEN ++++  */

div#content div.inhalt div.leftcolumn div.infobox { margin-top:20px; border-top:2px #d3d3d3 solid; background:#f1f1f1 url(../images/ref_bg_overview.jpg) repeat-x;}
div#content div.inhalt div.leftcolumn div.infobox div { vertical-align:middle; padding:30px 40px 32px 90px; }
div#content div.inhalt div.leftcolumn div.infobox div.information { background:url(../images/info_information.jpg) 10px center no-repeat; }
div#content div.inhalt div.leftcolumn div.infobox div.ausruf { background:url(../images/info_ausruf.jpg) 10px center no-repeat; }
div#content div.inhalt div.leftcolumn div.infobox div.frage { background:url(../images/info_frage.jpg) 10px center no-repeat; }
div#content div.inhalt div.leftcolumn div.infobox div.zitat { background:url(../images/info_zitat.jpg) 10px center no-repeat; }


/* ++++  DOWNLOADS ++++  */

div#content div.inhalt div.leftcolumn div.downloads table { width:100%; }
div#content div.inhalt div.leftcolumn div.downloads table td { padding:0 0 0.4em 0; vertical-align:top; text-align:center; }

div#content div.inhalt div.leftcolumn div.downloads table td.imgfile { background: url(../images/icon_imgfile.gif) 1em top no-repeat; padding-left:2em;  }
div#content div.inhalt div.leftcolumn div.downloads table td.pdffile { background: url(../images/icon_pdffile.gif) 1em top no-repeat; padding-left:2em; }

div#content div.inhalt div.leftcolumn div.downloads table td.size, div#content div.inhalt div.leftcolumn div.downloads table td.format, div#content div.inhalt div.leftcolumn div.downloads table td.dl { font-size:0.9em; color:#838383; width:80px; }

div#content div.inhalt div.leftcolumn div.downloads table.headerinformationen { background:url(../images/bg_download-tableheader.gif) repeat-x left 24px; margin-top:30px; margin-bottom:10px; }
div#content div.inhalt div.leftcolumn div.downloads table.headerinformationen td { background:url(../images/bg_download-tableheader-informationen.jpg) no-repeat left top; padding:24px 10px 24px 80px; line-height:2em;  }

div#content div.inhalt div.leftcolumn div.downloads table.headerfotos { background:url(../images/bg_download-tableheader.gif) repeat-x left 24px; margin-top:30px; margin-bottom:10px; }
div#content div.inhalt div.leftcolumn div.downloads table.headerfotos td { background:url(../images/bg_download-tableheader-fotos.jpg) no-repeat left top; padding:24px 10px 24px 80px; line-height:2em;  }

div#content div.inhalt div.leftcolumn div.downloads table.headerlogo { background:url(../images/bg_download-tableheader.gif) repeat-x left 24px; margin-top:30px; margin-bottom:10px; }
div#content div.inhalt div.leftcolumn div.downloads table.headerlogo td { background:url(../images/bg_download-tableheader-logo.jpg) no-repeat left top; padding:24px 15px 24px 80px; }

div#content div.inhalt div.leftcolumn div.downloads table.headeragb { background:url(../images/bg_download-tableheader.gif) repeat-x left 24px; margin-top:30px; margin-bottom:10px; }
div#content div.inhalt div.leftcolumn div.downloads table.headeragb td { background:url(../images/bg_download-tableheader-agb.jpg) no-repeat left top; padding:24px 10px 24px 80px; line-height:2em;  }

div#content div.inhalt div.leftcolumn table.downloads tr.dunkelgrau { border-bottom:#848484; }
div#content div.inhalt div.leftcolumn table.downloads tr.hellgrau { border-bottom:#efefef; }

/* ++++ PROJEKTPLANER ++++ */

div.marginal_navigation a { padding-left: 20px; font-size: 11px; background:transparent url(../images/icon_link_lo.gif) no-repeat scroll 0 1px; }
div.marginal_navigation a:hover { padding-left: 20px; font-size: 11px; background:transparent url(../images/icon_link_hi.gif) no-repeat scroll 0 1px; }


table.projektplaner { width: 100%; }

//table#neuetelefonnummern {height:100%; width:100%; top:0; left:0; background:#ccc; z-index:999; }
//table#neuetelefonnummern div {height:140px; width:400px; top:0; left:0; background:#FFFFFF; z-index:199;border:1px solid #265585;font-size: 100%;text-align:center;padding:4px;}

table#neuetelefonnummern {position:absolute; height:170px; width:430px; top:0; left:0; background:#FFFFFF; z-index:199;border:1px solid #265585;font-size: 0.75em;vertical-text-align:middle;padding-left:24px;padding-right:15px;padding-top:15px;padding-bottom:15px;}
table#neuetelefonnummern tr td {text-align:left; line-height:1.6em; }
#overlay {width: 100%; height: 100%; opacity: 0.5; top: 0pt; left: 0pt; background:#000000; z-index:111; position:fixed; }

.close {float:right;margin-top: 10px;padding:5px;width:115px;}
.close a {font-size:8pt;background-position:left 0.5em;}

div#Pages { text-align:center; padding-top:10px; }

#Pages a, #Pages span { margin-right: 30px; font-size: 0.95em; }
a.more.backlink {font-size: 0.95em;background-position:left 0.7em;}

div canvas { background: url(../images/news-bg.gif) no-repeat; padding: 0px 1px 0px 1px; }
.reflected { border: 1px solid #bcbcbc; }
div.newstext { width: 550px; }

img.t3ass { margin-top:6px; }