/*
Theme Name: MLebens EDV Systemhaus GmbH
Theme URI: http://www.ml-edv.de
Description: Wordpress-Theme der Mlebens EDV Systemhaus GmbH
Version: 1.0
Author: Daniel Zellfelder
Author URI: http://www.zellfelder.de
*/



@import "css/reset.css";

@import "css/typography.css"; 

body { font-family: SansationRegular, Arial, sans-serif; font-size:15px; background:#e4e9ff; }

/* Header & Navigation */
#header { width:940px; height:210px; margin:auto; background:url(images/mlebens-header.png) no-repeat; }
a.header { display:block; width:920px; height:210px; margin:auto; }
.menu-hauptmenu-container { width:920px; margin:20px auto 0px; height:32px; }

/* Layout */
#wrap { width:920px; margin:auto; background:#fff url(images/mainbg.png) repeat-y; height:100%; }
#main { width:670px; float:left; }
#content { width:620px; margin:40px auto 25px; }
#sidebar { width:250px; float:left; background:#b6c8da; padding-top:20px; }

/* Footer */
#footer { width:880px; margin:auto; font-size:14px; padding:10px 20px; color:#b6c8da; }
#footer a { text-decoration:none; color:#2d6295; }

/* Typografie */
h1 { font-family: SansationBold, Arial, sans-serif; font-size:24px; color:#2d6295; margin-bottom:10px; }
#content p { margin-bottom:14px; line-height:22px; font-size:16px; }
#content strong { font-family: SansationBold, Arial, sans-serif; color:#2d6295; }
#content a { color:#2d6295; text-decoration:underline; }
#content a:hover { color:#b6c8da; }
#content h2 { font-family: SansationBold, Arial, sans-serif; font-size:18px; margin-bottom:5px; padding-top:10px; }
#sidebar strong { color: #2d6295; }
#content h3 { font-family: SansationBold, Arial, sans-serif; font-size:22px; margin-bottom:5px; padding-top:10px; color:#b6c8da; }
#content ul { margin-left:30px; margin-bottom:10px; }
#content li { list-style:circle;  margin-bottom:5px; }


/* Sidebar */
#sidebar h3 { font-family: SansationBold, Arial, sans-serif; font-size:17px; color:#2d6295; background:#e6e8ff; text-transform:uppercase; display:block; width: 225px; padding:3px 0px 3px 10px; margin-bottom:10px; }
#sidebar p { font-size:13px; color:#fff; padding:0px 20px 10px 10px;}
a.kundenmodul { display:block; width:161px; padding:5px 0px 0px 39px; height:23px; background:url(images/kundenmodul.png) no-repeat; margin-left:10px; text-decoration:none; font-size:12px; color:#2d6295; text-transform:uppercase; margin-bottom:20px; }
a.kundenmodul:hover { color:#b6c8da; }

a.kontakt { display:block; text-decoration:none; width:170px; height:21px; color:#fff; margin-left:10px; padding:7px 0px 0px 40px;}
a.telicon { background:url(images/icon-telefon.png) no-repeat; }
a.faxicon { background:url(images/icon-fax.png) no-repeat; }
a.mailicon { background:url(images/icon-mail.png) no-repeat; margin-bottom:20px; }

/* Uebersichten */
.overview { width:600px; margin:0 auto 10px; }
.ov-left { width:200px; float:left; }
.ov-right { width:400px; float:left; }
.ov-right a { display:block; width:360px; height:110px; padding:20px; background:#e6eaff; text-decoration:none !important; color:#2d6295; font-family: SansationBold, Arial, sans-serif; font-size:26px; }
.ov-right a:hover { color:#2d6295 !important; background:#b6c8da; }
.ov-right span { font-size:15px; line-height:23px; color:#2d6295; font-family:SansationBold, Arial, sans-serif; }

/* InternetExplorer 6 Bugfix */
* html a { text-decoration:none; color:#2d6295; }
* html .sf-menu li { padding:6px; }
* html .sf-menu a { color:#fff; }
* html .current_page_item a { color:#2d6295; }

/* Referenzen */
.referenzrahmen { width:560px; margin:auto; }
.referenz { width:280px; float:left; margin-top:30px;}
h4.ref { font-size:18px; color:#b6c8da; }