@charset "utf-8";
/* CSS Document */

/* ============================================================ */
/* ==================== Global Tags =========================== */
/* ============================================================ */

* { margin:0; padding:0; border:0; outline:0; }

body { font:62.5%/18px arial, helvetica, sans-serif; color:#666; background:#fff url(images/bg-body.jpg) 0 0 repeat-x; }

div#container { width:960px; margin:0 auto; font-size:1.2em; }
div#container a,
div#footer a { color:#5799b5; text-decoration:none; }
div#container a:hover,
div#footer a:hover { text-decoration:underline; }

h1.branding a { width:315px; height:107px; display:block; position:absolute; top:18px; left:0; overflow:hidden; }

h2 { font-size:30px; color:#333; margin:0 0 20px 0; font-weight:normal; line-height:35px; }
h2 a { color:#333!important; }
h2.icon { padding:0 0 0 55px; }
h2.cal { background:url(images/icon-cal.jpg) 0 0 no-repeat; }
h2.lupe { background:url(images/icon-lupe.jpg) 0 0 no-repeat; }
h2.brief { background:url(images/icon-brief.jpg) 0 0 no-repeat; }
h2.bird{ background:url(images/icon-bird.jpg) 0 0 no-repeat; }

h3 { font-size:18px; color:#333; margin:0 0 18px 0; font-weight:normal; }

p { margin:0 0 18px 0; }

hr { width:100%; height:1px; float:none; clear:both; border-bottom:1px dotted #a6a6a6; margin:30px 0; }

strong { color:#333; }

/* ============================================================ */
/* ==================== Global Classes ======================== */
/* ============================================================ */

.stopfloat:after { content:"."; visibility:hidden; height:0; display:block; clear:both; }

.noMargin { margin:0!important; }

.noText { text-indent:-9999px; color:#b2b2b2; font-size:1px; overflow:hidden; }

.trenner { width:100%; height:1px; float:none; clear:both; padding:0 0 30px 0; border-bottom:1px dotted #a6a6a6; margin:0 0 30px 0; }

.button { width:117px; height:24px; display:block; text-align:center; padding:6px 0 0 0; margin:25px 0 0 0; background:url(images/bg-button.jpg) 0 0 no-repeat; color:#fff!important; }

.button:hover { text-decoration:none!important; background:url(images/bg-button.jpg) 0 -30px no-repeat; }

.highlight { background:#efefef; border:1px solid #ccc; padding:30px; margin:0 0 18px 0; }

/* ============================================================ */
/* ==================== header ================================ */
/* ============================================================ */

div#header { width:960px; height:157px; position:relative; background:url(images/bg-header.jpg) 0 0 no-repeat; }

div#header div#header-image { width:635px; height:382px; background:url(images/bg-header-image.jpg) 0 0 no-repeat; position:absolute; top:118px; right:0; }

div#header ul#navi { list-style:none; }
div#header ul#navi li a { height:28px; position:absolute; top:55px; background:url(images/bg-navi.jpg) no-repeat; }
div#header ul#navi li.cat-item-1 a { width:86px; background-position:0 0; right:512px; }
div#header ul#navi li.page-item-76 a { width:108px; background-position:0 -28px; right:364px; }
div#header ul#navi li.page-item-2 a { width:89px; background-position:0 -56px; right:234px; }
div#header ul#navi li.page-item-7 a { width:89px; background-position:0 -84px; right: 106px; }
div#header ul#navi li.page-item-9 a { width:66px; background-position:0 -112px; right:0; }
div#header ul#navi li a:hover,
div#header ul#navi li.current-cat a,
div#header ul#navi li.current_page_item a { background:none; }

/* ============================================================ */
/* ==================== slideshow ============================= */
/* ============================================================ */

div#slideshowBox { width:940px; height:286px; padding:21px 10px 74px; }
div#slideshowBox div#slidecontent { width:295px; margin:0 67px 0 0; float:left; }
div#slideshowBox div#slidecontent h2 { line-height:18px; }
div#slideshowBox div#slidecontent p { font-size:16px; line-height:22px; color:#666; }
div#slideshowBox div#slideshow { width:578px; float:right; }

/* ============================================================ */
/* ==================== contentContainer ====================== */
/* ============================================================ */

div#contentContainer { width:940px; padding:0 10px 40px; background:url(images/bg-content-container.gif) 339px 0 repeat-y; }

div#contentContainer table { width:100%; border:1px solid #353535; margin:0 0 18px 0; border-collapse:collapse; }
div#contentContainer table theader { background:#353535; }

/* ============================================================ */
/* ==================== contentMain =========================== */
/* ============================================================ */

div#contentMain { width:578px; float:right; }

div#contentMain .img,
div#contentMain .size-thumbnail { border:1px solid #ccc; background:#fff; padding:3px; margin:3px 10px 7px 0; float:left; }
div#contentMain .img:hover,
div#contentMain .size-thumbnail:hover { border:1px solid #5799b5; }

div#contentMain .img-breit { border:1px solid #ccc; background:#fff; padding:3px; margin:0 0 18px 0; }
div#contentMain .img-breit:hover { border:1px solid #5799b5; } 

div#contentMain ul { list-style:none; margin:0 0 18px 0; }
div#contentMain ul li { padding:0 0 0 36px; background:url(images/bg-li) 9px 2px no-repeat; margin:0 0 6px 0; }

div#contentMain p.tags { margin:0 0 18px 0; padding:9px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }

div#contentMain a.more-link { width:117px; height:24px; display:block; text-align:center; padding:6px 0 0 0; margin:25px 0 0 0; background:url(images/bg-button.jpg) 0 0 no-repeat; color:#fff!important; }
div#contentMain a.more-link:hover { text-decoration:none!important; background:url(images/bg-button.jpg) 0 -30px no-repeat; }

div#contentMain .contactform .contactleft { width:100px; text-align:left; }
div#contentMain .contactform input,
div#contentMain .contactform textarea { width:250px; padding:5px; border:1px solid #ccc; background:#fff url(images/form-bg.png) 0 0 repeat-x; color:#999; }
div#contentMain .contactform input:hover,
div#contentMain .contactform input:focus,
div#contentMain .contactform textarea:hover,
div#contentMain .contactform textarea:focus { border:1px solid #aaa; color:#515151; }
div#contentMain .contactform .error { background:#fff url(images/form-bg.png) 0 0 repeat-x; border:1px solid #5799b5; padding:20px; margin:0 0 1.2em 0; }
div#contentMain .contactform #contactsubmit { width:261px; cursor:pointer; background:#5799b5; border:1px solid #488098; color:#fff; }
div#contentMain .contactform #contactsubmit:hover,
div#contentMain .contactform #contactsubmit:focus { background:#6fadc7; }

div#contentMain ul.netzwerkliste { list-style:none; margin:0 0 18px 0; }
div#contentMain ul.netzwerkliste li { background:none; float:left; margin:0 10px 10px 0; padding:0; border:1px solid #ccc; width:180px; height:144px; }

/* ============================================================ */
/* ==================== contentSidebar ======================== */
/* ============================================================ */

div#contentSidebar { width:295px; margin:0 67px 0 0; float:left; }
div#contentSidebar ul { list-style:none; }

div#contentSidebar ul#sidebar li { padding:0 0 30px 0; border-bottom:1px dotted #a6a6a6; margin:0 0 30px 0; }

div#contentSidebar ul li.widget_search h2 { padding:0 0 0 55px; background:url(images/icon-lupe.jpg) 0 0 no-repeat; }

div#contentSidebar ul li.widget_search form#searchform div { width:295px; height:30px; background:url(images/bg-search.jpg) 0 0 no-repeat; }
div#contentSidebar ul li.widget_search form#searchform div label { display:none; }
div#contentSidebar ul li.widget_search form#searchform div input { background:none; }
div#contentSidebar ul li.widget_search form#searchform div input#s { width:192px; height:30px; padding:0 10px 0 10px; }
div#contentSidebar ul li.widget_search form#searchform div input#searchsubmit { width:80px; height:30px; text-indent:-9999px; color:#fff; font-size:1px; overflow:hidden; cursor:pointer; }

div#contentSidebar ul.subnavi { border:0; }
div#contentSidebar ul.subnavi li { border:0 !important; float:left; margin:0 !important; padding:0 !important; }
div#contentSidebar ul.subnavi li a { margin:0 20px; }

div#contentSidebar dl { width:295px; margin:0 0 18px 0; }
div#contentSidebar dl dt { width:55px; float:left; }
div#contentSidebar dl dd { width:240px; float:left; }

div#contentSidebar ul#twitter_update_list li { padding:0 0 0 36px; background:url(images/bg-li) 11px 3px no-repeat; border:0; margin:0 0 18px 0; }
div#contentSidebar ul#twitter_update_list li span { display:block; }

div#contentSidebar a.unternehmen-online { width:210px; height:48px; padding:32px 0 0 85px; background:url(images/bg-datev.jpg) 0 0 no-repeat; display:block; color:#fff; font-size:16px; font-weight:bold; }
div#contentSidebar a.unternehmen-online:hover { background-position:0 -80px; text-decoration:none; }

/* ============================================================ */
/* ==================== footer ================================ */
/* ============================================================ */

div#footerContainer { width:100%; height:315px; position:relative; background:url(images/bg-footer.jpg) 0 0 repeat-x; color:#eee; font-size:1.2em; }

div#footer { width:940px; height:265px; padding:0 10px 50px; margin:0 auto; }

div#footer h3 { color:#fff; }

div#footer .trenner { width:100%; height:1px; float:none; clear:both; padding:0; border-bottom:1px dotted #a6a6a6; margin:0 0 15px 0; }

div#footer div#footerSidebar { width:295px; margin:0 67px 0 0; float:left; }
div#footer div#footerSidebar ul { list-style:none; margin:0 0 1.2em 0; }
div#footer div#footerSidebar ul li { float:left; margin:0 45px 0 0; }

div#footer div#footerContent { width:578px; padding:40px 0 0; float:right; }
div#footer div#footerContent ul { list-style:none; }
div#footer div#footerContent ul li { float:left; margin:0 25px 0 0; }
div#footer div#footerContent ul li a { padding:0 0 0 30px;height:20px; display:block; }
div#footer div#footerContent ul li a.skype { background:url(images/skype.jpg) 0 0 no-repeat; }
div#footer div#footerContent ul li a.twitter { background:url(images/twitter.jpg) 0 0 no-repeat; }
div#footer div#footerContent ul li a.xing { background:url(images/xing.jpg) 0 0 no-repeat; }
div#footer div#footerContent ul li.logout a { background:url(images/logout.jpg) 0 0 no-repeat; }

/* ===========================
	Ende ;)
=========================== */