/* CSS Formatierung style XP communications v. 1.5 2009 */

html{height:100%}
body{
text-align:center;
height:100%;
margin:0;
background-image:url('bg_site.gif');
background-repeat:repeat-x;
background-position:top;
background-color:#f6f6f6;
}
#designbody{text-align:left;}

img {border:0;padding:0;}

#baseLine{
margin:0;
background-image:url('bg_baseline.gif');
background-repeat:repeat-x;
background-position:top;
background-color:transparent;
width:100%;
height:35px; /* minus padding */
padding-top:16px;
color:#e1e1e1;
font-family:Georgia;
font-size:11px;
font-weight:400;
text-align:right;
position:relative;
}
#baseLine a:link, #baseLine a:visited{color:#FFF;font-weight:700;text-decoration:none;margin-right:80px;}

#baseLineSlogan{
margin:0;
width:100%;
height:35px;
font-family:Georgia; font-size:20px;font-weight:400;
position:relative;
}

#mainframe{ 
width:900px;
/* margin:0px auto; */
margin: 0 0 0 10%;
text-align:left;
background-color:transparent;
overflow:auto;
padding-top:50px;
}

#divLeft{
float:left;
width:107px;
}

#divRight{
float:left;
width:230px;
padding:27px 0 0 30px;
}

#divMainMenu{
width:100%;
position:absolute;
top:271px;
left:0;
}

#titleImage{
width:425px;
padding-left:20px;
height:210px;
margin-bottom:90px;
}

h1{font-family:georgia, serif; font-size:24px;font-weight:400;color:#9FA0A3;margin:5px 0 10px 0;line-height:26px;}
h2{font-family:georgia, serif; font-size:14px;font-weight:700;color:#660000;margin:5px 0 5px 0;}
.infotext{font-size:9px;}

span.sloganText{display:inline;position:absolute;color:#FFF;width:280px;right:65px;top:6px;}
span.sloganShadow{display:inline;color:#9a9a9a;position:absolute;width:280px;right:65px;top:5px;}

#content, #divRight{
font-family:verdana, sans-serif;
font-size:11px;
line-height:16px;
font-weight:400;
/* color:#545454; */
color:#404040;
}

#content{
float:left;
width:535px;
padding:0 40px 25px 0;
border-right:1px solid #C3C3C3;
}

/* Formatierungen der Menus und Submenus */

#divSubmenuShadow{
position:absolute;
background-image:url('bg_sub.gif');background-repeat:repeat-x;background-position:top left;
width:100%;
height:34px;
top:22px;
left:0;
z-index:11;
}
#divSubmenu{position:absolute;width:600px;z-index:22;margin-left:15px;}

ul.mainMenu{
text-align:left;
list-style:none;
z-index:10;
color:#9a9a9a;
font-size:14px;
font-weight:400;
font-family:georgia, serif;
padding:0;
margin:0;
display:inline;
text-align:center;
}

li.liMainMenu{float:left;height:26px;text-align:left;z-index:23;position:relative;}

li.liMainMenu a:link, li.liMainMenu a:visited{
display:block;
height:29px;
width:115px;
color: #9a9a9a;
text-decoration:none;
padding:0;
margin:0;
text-align:center;
}

li.liMainMenu a:hover span.menuShadow{color:#333;}

ul.subMenu{
text-align:left;
list-style:none;
z-index:10;
font: 10px Verdana;
color: #333;
font-weight:400;
padding:0;
margin:0;
display:inline;
text-align:center;
}

li.liSubMenu{float:left;text-align:left;z-index:20;padding-top:4px;}
li.liSubMenu a:link, li.liSubMenu a:visited{display:inline;color:#555;padding:0 10px 0 10px;}
li.liSubMenu a:hover{color:#660000;}

span.menuText{display:inline;position:relative;color:#FFF;width:115px;left:0;top:6px;}
span.menuShadow{display:inline;color:#9a9a9a;position:absolute;width:115px;left:0;top:5px;}

/* aktive Menüpunkte */
li.liMainMenu a.active{background-image:url('bg_highlighted.gif');background-repeat:no-repeat;background-position:top left;}
a.active span.menuText{color:#929396;top:4px;}
a.active span.menuShadow{color:#F5F5F5;top:5px;}
li.liMainMenu a.active:hover span.menuShadow{color:#F5F5F5;}

/*separate Abtrennung von Mainmenupunkten */
#main117E060F1D2, #main117E05D8C6A{/*margin-left:150px;*/margin-left:10%;}
#main117E060F1D2 span.menuShadow, #main117E05D8C6A span.menuShadow{color:#660000}


/* Formatierungen Sitemap */
div.sitemapBox{float:left;border:1px solid #dcd8d2; margin:0 20px 15px 0;width:368px;padding:5px}
div.sitemapBox h3, div.sitemapBox h3 a{color:#CC6666;font: 14px Georgia;}
div.sitemapBox div.sitemaptext0 {padding: 0 0 5px 10px; font-size:10px;} 
div.sitemapBox div.sitemap1 {padding: 5px 0 0 5px; } 
div.sitemapBox div.sitemaptext1 {padding: 0 0 5px 20px; font-size:10px;} 
div.sitemapBox div.sitemap2 {padding: 0 0 5px 20px; } 
div.sitemapBox div.sitemaptext2 {padding: 0 0 5px 35px; font-size:10px;}
div.sitemapBox div.sitemap3 {padding: 0 0 3px 35px; } 
div.sitemapBox div.sitemaptext3 {padding: 0 0 5px 45px; font-size:10px;}

/* Formatierung Darstellung Partner + Projekte */
div.divReferenzen, div.divPartner{
font-family:verdana, sans-serif;
line-height:12px;
position:relative;
width:155px;
float:left;
background-image:url('bg_refoverview.png');
background-repeat:no-repeat;
background-position:top left;
margin: 0 20px 30px 0;
}
div.divReferenzen a, div.divReferenzen a:link, div.divReferenzen a:visited{color:#999;}
div.divPartner a, div.divPartner a:link, div.divPartner a:visited{color:#999;}
div.divPartner h1, div.divReferenzen h1{font-family:Georgia, serif; font-size:11px;font-weight:400;color:#555;margin:0;text-align:center;padding:0;line-height:11px;}

a.referenzBild, a.partnerBild{position:relative;top:5px;left:21px;}
img.referenzButton, img.partnerButton{position:absolute;bottom:5px; right:5px;}
div.referenzText, div.partnerText{padding-top:14px;text-align:center;font-size:10px;font-family:verdana, sans-serif;line-height:12px}

/* 4Block-Darstellung */
#div4BlockOverview{width:493px;border:1px solid #C3C3C3;padding:20px;position:relative;}
div.divBlockContentLeft, div.divBlockContentRight{width:236px;height:90px;float:left;padding-bottom:20px;position:relative;}
div.divBlockContentLeft:hover, div.divBlockContentRight:hover{background-color:#dadce3;}
div.divBlockContentLeft{padding-right:10px;border-right:1px dotted #C3C3C3;}
div.divBlockContentRight{padding-left:10px;}
div.rahmenUnten{border-bottom:1px dotted #C3C3C3;}
#div4BlockOverview a.textLink{color:#545454;}
#div4BlockOverview a.readMoreLink{position:absolute;bottom:7px;right:5px;padding:3px 26px 2px 0;}
a.readMoreLink img{position:absolute;right:0;top:0;}
div.quadrat{background-color:#f6f6f6;width:18px;height:18px;position:absolute;top:121px;left:257px;}

/* Kontakt */
.spanMitteilung{width:100px;display:block;float:left;}
.text, textarea{border:1px solid #c3c3c3}

/* Referenzen-Popup */
#mainPopup{
width:715px;
height:453px;
padding:10px;
}

#contentTextLeft{
float:left;
width:485px;
padding-right:20px;
border-right:1px solid #C3C3C3;
}

#contentTextRight{
float:right;
width:189px;
height:453px;
padding-left:20px;
text-align:left;
position:relative;
}
#contentTextRight h1.h1Popup{font-family:georgia, serif; font-size:14px;font-weight:400;color:#666;margin:10px 0 4px 0;line-height:15px;}
#contentTextRight h2{line-height:15px;margin-bottom:10px;font-weight:400 !important;color:#888 !important;}

#contentTextLeft, #contentTextRight{
font-size:10px;
font-family:verdana, sans-serif;
line-height:12px;
color:#999;
}
  
#contentBigImage{
width:485px;
height:395px;
background-repeat:no-repeat;
background-position:top left;
}

#contentBig{
background-repeat:no-repeat;
background-position:top left;
}

#contentImageDescription{padding-top:10px;float:left;width:61%;text-align:left;}
#contentTextPreview{float:right;padding-top:15px;}

table.previewTable td{background-color:#b0b0b0;width:40px;height:28px;overflow:hidden;background-repeat:no-repeat;
background-position:top left;}

a.webseiteLink, a.webseiteLink:visited{color:#660000;text-decoration:none;}
a.popupExternLink{position:absolute;bottom:0;right:0;}

a, a:visited{color:#660000;text-decoration:none;}

a.divNextLinkBox{border-top:1px dotted #C3C3C3;height:33px;font-size:14px;font-family:Georgia;display:block;width:100%;position:relative;padding-top:15px;}
span.moreInfo{
position:absolute;
top:12px;right:0;
padding-right:25px;
height:25px;
background-image:url('bt_openref.png');
background-repeat:no-repeat;
background-position:top right;
font-size:10px;
font-family:verdana, sans-serif;
padding-top:4px;
}
a.divNextLinkBox:hover{background-color:#dadce3;}

/* Formatierung Weblinks */
#weblinks{position:absolute;top:0;right:0;}

/* Formatierung Downloads */
span.spanDownloadDunkel, span.spanDownloadHell{display:block;width:400px;margin:5px;}

span.spanDownloadDunkel{background-color:#F2F2F2}
span.spanDownloadHell{background-color:#FFF}

a.linkDateiDownload:link, a.linkDateiDownload:visited{display:block;width:100%;}
a.linkDateiDownload:hover{background-color:#ccddee;}

/* Kundenlogin */
#kundenlogin{position:absolute;left:12%;}
div.loginfailed{color:red;}

/* Bilderansichten formatiert */
.galpicright {background-color: #fff; float: right; height: 150px; margin: 5px 0 5px 10px; border: 1px solid #fff;}
.galpicleft {background-color: #fff; float: left; height: 150px; margin: 5px 10px 5px 0; border: 1px solid #fff;}

/* XP Blog */
span.articleDate{font-size:10px;color:#333;}
span.articleCatagory, span.articleTags{font-size:10px;font-style:italic;}
span.articleAuthor{font-size:10px;}
p.blogtext{margin-bottom:30px;}
label span.message, span.errorMessageText{color:#CC6666;font: 9px Verdana;}
.messagebox, .messageboxError{padding:5px;text-align:center}
.messagebox{border:1px solid #4d8b55;}
.messageboxError{border:1px solid #a92e2e;}

pre{border:1px solid #C3C3C3;background-color:#FFF; width:550px;overflow:auto;}
div.divCommentaryBlock{border-top:1px solid #C3C3C3;margin-top:5px;}
div.divCommentaryBlock p.comment{font-family:Georgia;font-style:italic;}
#makeComment{margin-top:50px;}