/* Fonts */
@font-face {
	font-family: 'Delicious';
	src: url('delicious-roman-webfont.eot');
    src: url('delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('delicious-roman-webfont.woff') format('woff'),
         url('delicious-roman-webfont.ttf') format('truetype'),
         url('delicious-roman-webfont.svg#DeliciousRoman') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Delicious';
	src: url('delicious-italic-webfont.eot');
    src: url('delicious-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('delicious-italic-webfont.woff') format('woff'),
         url('delicious-italic-webfont.ttf') format('truetype'),
         url('delicious-italic-webfont.svg#DeliciousItalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Delicious';
	src: url('delicious-bold-webfont.eot');
    src: url('delicious-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('delicious-bold-webfont.woff') format('woff'),
         url('delicious-bold-webfont.ttf') format('truetype'),
         url('delicious-bold-webfont.svg#DeliciousBold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Delicious';
	src: url('delicious-bolditalic-webfont.eot');
    src: url('delicious-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('delicious-bolditalic-webfont.woff') format('woff'),
         url('delicious-bolditalic-webfont.ttf') format('truetype'),
         url('delicious-bolditalic-webfont.svg#DeliciousBoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */


/* Reset Bugs */
:focus { outline: 0 }
button::-moz-focus-inner { border: 0; padding: 0 }

/* Allgemein */
body { font-size: 75.1%; background: #fcfcfc url("images/body_bg_top.png") repeat-x fixed; margin: 0; padding: 0; border: 0 }
body * { font-size: 1em; margin: 0; padding: 0; font-family: arial, verdana, sans-serif; position: relative }
p { margin-bottom: 6px; line-height: 150% }
a { text-decoration: none; font-weight: bold; border: none; color: #808183 }
a:hover { text-decoration: underline; border: none }
a:active, a:focus { outline: none }
h1 { font-size: 28px; padding: 0 0 15px 50px; position: relative; left: -50px; background: url("images/content_h1_bg.png") no-repeat left 3px; width: 550px }  
h2 { font-size: 24px; padding: 12px 0 6px }
h3 { font-size: 20px; padding: 12px 0 6px }
h4 { font-size: 16px; padding: 12px 0 0 }
h1, h2, h3, h4 { color: #808183; font-family: Delicious, "Helvetica Narrow", "Arial Narrow", sans-serif }
hr { margin-top: 14px; border: none; border-bottom: 1px dotted #808183 }

.clr { clear: both }

/* Layout */
#main { position: relative; margin: 0 auto; width: 976px; background: url("images/content_bg.png") repeat-y center top }
#wrapper { position: relative; padding: 0 13px; background: url("images/content_bg_bottom.png") no-repeat center bottom }
#accessibility { position: absolute; text-indent: -1000px; top: -1000px; display: none }

/* Layout Print */
#main.print { padding: 50px; width: 876px }
#main.print h1 { left: 0 }
#main.print ul { margin: 12px 0; list-style: none outside none; line-height: 150% }
#main.print li { padding-left: 15px; background: url("images/bullet.png") no-repeat left 5px }
#main.print h3 + ul { margin-top: 0 }

/* Header */
#header { position: relative; height: 121px; width: 950px; background: url("images/logo_bg.png") }
#header #homelink { position: absolute; left: 0; top: 0; display: block; height: 110px; width: 240px }
#header #topmenu { position: absolute; top: 72px; left: 240px }
#header #kontakt { position: absolute; top: 45px; left: 655px; font-weight: bold; height: 48px; width: 275px; line-height: 86px }
#header #kontakt #yalst, #header #kontakt #ylinvite { position: absolute }
#header #kontakt img { vertical-align: baseline; margin-right: 5px }
#header #kontakt a { color: #000 }

/* Headerimage */
#image { position: relative; width: 950px; height: 165px }
#image #maintext, #image #mainimage, #image #subtext, #image #subimage { position: absolute; right: 22px; top: 30px; width: 240px; height: 78px; padding: 16px }
#image #subtext { top: 135px }
#image #subimage, #image #mainimage { top: 156px; right: 50px; width: 85px; height: 62px; padding: 0; background: url("images/bvdw_mitglied.png") no-repeat }
#image #maintext p, #image #maintext h2, #image #maintext h2 .small { font-size: 22px; line-height: 27px; color: #fff; font-family: Delicious, "Helvetica Narrow", "Arial Narrow", sans-serif; font-weight: normal; margin: 0; padding: 0 }
#image #subtext p, #image #maintext.sub p { font-size: 20px; line-height: 24px; color: #fff; font-family: Delicious, "Helvetica Narrow", "Arial Narrow", sans-serif; font-weight: normal; margin: 0; padding: 0 0 0 20px; background: url("images/header_bullet.png") no-repeat 0 8px }
#image #maintext h2 .small { font-size: 17px }
#image #maintext.sub { top: 33px }
#image #mainimage.sub { top: 54px; right: 50px }
#image #klammer { position: absolute; right: -24px; top: 30px; width: 88px; height: 41px; background: url("images/klammer_ganz.png") no-repeat }

/* Startseite */
.index #image { height: 255px }

/* Content */
#contentwrapper { position: relative; background: url("images/content_bg_top.png") no-repeat; float: left; width: 100% } 
#contentwrapper.wide { background: url("images/-content_bg_top.png") no-repeat } 
#content { position: relative; margin-right: 315px }
#content.wide { margin-right: 0 }
#content .inner { position: relative; padding: 20px 15px 120px 70px }
#content a, .contentWrap a { color: #666; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #666 }
#content a:before, .contentWrap a:before { content: "»"; color: #82d92b; margin-right: 3px }
#content a:hover, .contentWrap a:hover { color: #000; border-bottom: 1px dotted #000 }
#content ul, .contentWrap ul { margin: 12px 0; list-style: none outside none; line-height: 150% }
#content li, .contentWrap li { padding-left: 15px; background: url("images/bullet.png") no-repeat left 5px }
#content h3 + ul { margin-top: 0 }

/* Breadcrumb */
#breadcrumb { position: relative; margin-bottom: 16px }
#breadcrumb a { color: #666; text-decoration: none; font-weight: normal; border: none; border-bottom: 1px dotted #666 }
#breadcrumb a:before { content: ""; display: none }
#breadcrumb a:hover { color: #000; border-bottom: 1px dotted #000 }

/* Sidebar */
#rightcolumn { position: relative; float: left; width: 315px; margin-left: -315px } 
#rightcolumn .inner { position: relative; padding: 12px 20px 20px }
#rightcolumn .element { margin-top: 14px; border-top: 1px dotted #808183 }
#rightcolumn .element:first-child { margin-top: 0; border-top: none }
#rightcolumn .element.top-100 + .element, #rightcolumn .element.bvdw-mitglied + .element { border-top: none; padding-top: 0 }
#rightcolumn .top-100, #rightcolumn .bvdw-mitglied { border-top: none }
#rightcolumn h2 { padding: 14px 0 6px } 
#rightcolumn a.readon { color: #666; text-decoration: none; font-weight: normal }
#rightcolumn a.readon:before { content: "»"; background: #82d92b; color: #fff; margin-right: 5px; padding: 0 3px }
#rightcolumn a:hover { color: #000 }
#rightcolumn a.title, #rightcolumn .title { color: #000; font-weight: bold }
#rightcolumn p.image img { position: relative; left: -10px }

/* Footer */
#footer { position: relative; clear: both; height: 50px; background: url("images/footer_bg.png") no-repeat center top; color: #999; text-align: center; width: 976px; margin: 0 auto; }
#footer a { text-decoration: none; color: #999; font-weight: normal }
#footer a:hover { color: #000 }
#footer ul { list-style: none outside none; text-align: center; padding: 15px 0 }
#footer ul li { display: inline }
#footer ul li:after { content: " | " }
#footer ul li.last:after { content: ""; display: none }

/* Menu Stuff */
#topmenu { position: relative; z-index: 100 }
#topmenu ul li a, #topmenu ul li a:visited { display: block; text-decoration: none; color: #000; height: 16px; padding: 9px 6px 12px; font-weight: normal }
#topmenu ul ul li a, #topmenu ul ul li a:visited { padding: 3px 6px 3px; border-right: none; width: 194px }
#topmenu ul { padding: 0; margin: 0; list-style: none outside none }
#topmenu ul li { position: relative; float: left }
#topmenu ul li ul { display: none; background: url("images/menu_bg.png") no-repeat -1000px top }
#topmenu ul li a.active { background: url("images/menu_1_active.png") no-repeat center bottom }

/* Menu Stuff for actual browsers */
#topmenu ul li:hover a { color: #fff; background: #82d92b }
#topmenu ul li:hover a.active { background: #82d92b url("images/menu_1_active_hover.png") no-repeat center bottom }
#topmenu ul li:hover ul li.first { background: url("images/menu_bg.png") no-repeat left top }
#topmenu ul li:hover ul li.first a { padding-top: 9px }
#topmenu ul li:hover ul ul li.first { background-image: none }
#topmenu ul li:hover ul ul li.first a { padding-top: 3px }
#topmenu ul li:hover ul { display: block; position: absolute; top: 37px; left: 0; min-width: 214px; background: url("images/menu_bg.png") no-repeat left bottom; padding-bottom: 8px }
#topmenu ul li:hover ul li a.hide { background: url("images/menu_2_dreieck.png") no-repeat 196px center }
#topmenu ul li:hover ul li a.hide:hover { background: #82d92b url("images/menu_2_dreieck_hover.png") no-repeat 196px center }
#topmenu ul li:hover ul li.active a { background: url("images/menu_2_active.png") no-repeat 6px bottom; text-indent: 16px }
#topmenu ul li:hover ul li.active a:hover { background: #82d92b url("images/menu_2_active_hover.png") no-repeat 6px bottom }
#topmenu ul li:hover ul li a.active.hide { background: url("images/menu_2_active_dreieck.png") no-repeat 6px bottom; text-indent: 16px }
#topmenu ul li:hover ul li a.active.hide:hover { background: #82d92b url("images/menu_2_active_dreieck_hover.png") no-repeat 6px bottom }
#topmenu ul li:hover ul li ul { display: none }
#topmenu ul li:hover ul li a { display: block; background: none; color: #000 }
#topmenu ul li:hover ul li a:hover { background: #82d92b; color: #fff }
#topmenu ul li:hover ul li:hover ul { display: block; position: absolute; left: 206px; top: 0 }
#topmenu ul li:hover ul li:hover ul.left { left: -214px }

/* Tooltips */
#adwords_tip { display: none; background: transparent url("images/tooltip_top.png"); height: 70px; width: 160px; padding: 22px 25px 38px; color: #000; z-index: 1000 }
#adwords_tip.bottom { background: transparent url("images/tooltip_bottom.png"); padding: 35px 25px 28px }
#content_tip { display: none; background-color: #fff; border: 2px solid #82D92B; padding: 8px 12px; max-width: 200px; color: #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; z-index: 1000 }
#question_tip { display: none; background: transparent url("images/tooltip_question.png"); height: 58px; width: 135px; padding: 22px 21px 21px 34px; color: #000; z-index: 1000 }

/* Lexikon */
#content .azalpha a { border: none; font-weight: bold }
#content .azalpha a:before { content: ""; display: none } 
.glossary { margin: 18px 0 6px }
.glossary dt { font-weight: bold; margin-bottom: 6px }
.glossary dt:before { content: "  "; background: #82d92b; color: #fff !important; margin-right: 5px; padding: 0 3px }

/* FAQ */
#content .answer { display: none; opacity: 0; border: 1px dotted #808183; padding: 8px 10px 2px; margin: 6px 0 }
#content .question:before { content: ""; display: none }
#content .question { font-weight: bold; padding: 6px 0; border: none }
#content .question:hover { border: none }

/* Referenzen */
#content .opinion { width: 275px; float: left; margin: 10px 0 }
#content .opinion.left { left: -4px; clear: left }
#content .opinion blockquote { background: transparent url("images/kasten_referenz.png") no-repeat left top; width: 249px; height: 130px; padding: 7px 12px }
#content .opinion .opinionuser { background: transparent url("images/kasten_referenz.png") no-repeat left -475px; width: 275px; height: 35px; padding: 30px 0 0 4px }
#content .opinion .opinioninfo { display: none }
#content .opinion a:before { content: ""; display: none }
#content .opinion a { border: none; font-weight: bold }
#content .opinion a:hover { border: none }

/* Stellenauschreibung */
#content .stelle:before { content: ""; display: none }
#content .stelle { border: none; font-weight: bold }
#content .stelle:hover { border: none }

.footnote:before { content: ""; display: none }

/* ajaxPopup */
#ajaxPopup { display: none; background: url("images/popup_bottom.png") no-repeat left bottom; width: 568px; padding: 8px 50px 50px; z-index: 1000 }
#ajaxPopup h1 { left: 0; width: 480px }
#ajaxPopup .inner { padding: 0 30px 0 1px; width: 535px; max-height: 535px; overflow: scroll }
#ajaxPopup .top { background: url("images/popup_top.png") no-repeat left top; position: absolute; top: -48px; left:0; height: 48px; width: 668px; z-index: 1001 }
#ajaxPopup .close { background: url("images/close.png") no-repeat left top; position: absolute; right: 48px; top: 2px; cursor: pointer; height: 32px; width: 32px; z-index: 1002 }
#ajaxPopup .contentWrap {  }
#ajaxPopup .nopop { display: none }
#ajaxPopup .buttons { position: absolute; top: -6px; right: 30px; z-index: 1003 }
#ajaxPopup .buttons a { background: url("images/pdf.png") no-repeat left top; width: 32px; height: 32px; display: block; float: left; text-indent: -2000px; border: none }
#ajaxPopup .buttons .loadpdf { background-image: url("images/pdf.png") }
#ajaxPopup .buttons .printpage { background-image: url("images/print.png")}
#ajaxPopup .buttons .fullpage { background-image: url("images/fullpage.png") }
#ajaxPopup .seoptForm input, #ajaxPopup .seoptForm select, #ajaxPopup .seoptForm textarea { width: 380px }
#ajaxPopup .seoptForm #vorname, #ajaxPopup .seoptForm #name { width: 185px }
#ajaxPopup .seoptForm .submit { width: 120px }
#ajaxPopup.meinung { background-image: url("images/popup_meinung_bottom.png"); padding: 20px 50px 60px }
#ajaxPopup.meinung .top { background-image: url("images/popup_meinung_top.png"); top: -111px; height: 111px }
#ajaxPopup.meinung .close { right: 30px; top: -52px }
#ajaxPopup.meinung .person { position: absolute; left: 32px; top: -70px; color: #fff; font-size: 16px; font-family: Delicious, "Helvetica Narrow", "Arial Narrow", sans-serif; z-index: 1004 }
#ajaxPopup.meinung .name { font-family: Delicious, "Helvetica Narrow", "Arial Narrow", sans-serif; font-size: 22px }
#ajaxPopup.meinung .firma { font-weight: normal; font-size: 13px }

/* Images */
img.right, img.justifyright { float: right; margin: 0 0 10px 10px }
img.left, img.justifyleft { float: left; margin: 0 10px 10px 0 }

/* Content Kasten */
#content .kasten { position: relative; background: url("images/kasten_drittel.png") no-repeat center bottom; float: left; width: 180px; left: -4px; margin-right: 5px; margin-top: 12px }
#content .kasten h2 { background: #fcfcfc url("images/kasten_drittel.png") no-repeat center top; color: #fff; font-size: 20px; height: 33px; padding: 7px 10px }
#content .kasten h3 { font-family: arial,verdana,sans-serif; font-weight: bold; font-size: 16px }
#content .kasten .inner h3:first-child { padding-top: 3px }
#content .kasten .inner, #content .kasten .link { padding: 0px 10px 12px }
#content .kasten .inner { min-height: 180px }
#content .kasten .inner p:first-child { margin: 0 }
#content .kasten .link { margin-bottom: 6px }
#content .kasten ul { margin: 0; list-style: none outside none }
#content .kasten li { padding-left: 15px; background: url("images/bullet.png") no-repeat left 5px }
#content .kasten.last { margin-right: 0 }
#content .kasten a { color: #666; text-decoration: none; font-weight: normal; border: none }
#content .kasten a:before { content: "»"; background: #82d92b; color: #fff; margin-right: 5px; padding: 0 3px }
#content .kasten a:hover { color: #000; border: none }

#content .kasten.breit { background-image: url("images/kasten_halb.png"); width: 270px }
#content .kasten.breit h2 { background-image: url("images/kasten_halb.png") }
#content .kasten.breit .inner { min-height: 115px }

/* Pakete */
#content .angebote { background-image: url("images/kasten_voll.png"); width: 558px; float: none; margin-bottom: 12px }
#content .angebote h2 { background-image: url("images/kasten_voll.png") } 
#content .angebote a:before { content: ""; display: none }
#content .angebote table { border-collapse: collapse; margin-top: 6px }
#content .angebote td, #content .angebote th { padding: 2px 4px }
#content .angebote p { margin: 0 }
#content .angebote .inner { padding: 0 10px 15px }
#content .angebote { background: #f4f4f4 }
#content .angebote .alt { background: #fff }
#content .angebote .hover { background: #e9e9e9 }
#content .angebote .alt .hover { background: #f4f4f4 }

#content .angebote .active { background: #dedede }
#content .angebote .alt .active { background: #e9e9e9 }
#content .angebote .active.hover { background: #d3d3d3 }
#content .angebote .alt .active.hover { background: #e9e9e9 }
#content .angebote .ja { background: transparent url("images/icons2.png") no-repeat 50% -18px; display: block; text-indent: -10000px }
#content .angebote .nein { background: transparent url("images/icons2.png") no-repeat 50% -37px; display: block; text-indent: -10000px }
#content .angebote .questionmark { padding: 0px 6px; background: transparent url("images/icons2.png") no-repeat; display: inline; top: 1px; line-height: 12px }
#content .angebote .name a { font-weight: bold }

/* Angebot Suchmaschinenmarketing */
#content .angebot_sem .name { width: 138px; text-align: left }
#content .angebot_sem .budget { width: 102px; text-align: right }
#content .angebot_sem .setup, #content .angebot_sem .preis { width: 76px; text-align: right }
#content .angebot_sem .details { width: 48px; text-align: right }
#content .angebot_sem .bestellen { width: 49px; text-align: right }
#content .angebot_sem .row:hover { background: #82d92b }

/* Angebot Linkmanagementsystem */
#content .angebot_lms .inner { padding: 0 10px 15px }
#content .angebot_lms .caption { width: 191px }
#content .angebot_lms .paket { width: 105px; text-align: center }
#content .angebot_lms .name { font-weight: bold }

/* Angebot Linkmanagementsystem */
#content .angebot_seo .inner { padding: 0 10px 15px }
#content .angebot_seo .caption { width: 191px }
#content .angebot_seo .paket { width: 105px; text-align: center }
#content .angebot_seo .name { font-weight: bold }

/* Angebot Linkaufbau */
#content .angebot_link table { margin-bottom: 10px }
#content .angebot_link td { vertical-align: top; padding: 2px 0 }
#content .angebot_link .preisbox { font-size: 22px; text-align: center; background: url("images/kasten_preis.png") no-repeat right bottom; padding: 21px 0px 0px; width: 88px; height: 53px; color: #fff; margin: 0 auto }
#content .angebot_link .laufzeit, #content .angebot_link .preis { line-height: 100% }
#content .angebot_link .laufzeit { font-size: 18px }

/* Preise */
#content .preise { background-image: url("images/kasten_halb.png"); width: 270px }
#content .preise { margin: 12px 5px 20px 0 }
#content .preise h2 { background-image: url("images/kasten_halb.png") } 
#content .preise .inner { min-height: 350px } 
#content .preise .preisbox { position: absolute; bottom: 10px; right: 10px; font-size: 21px; text-align: center; background: url("images/kasten_preis.png") no-repeat right bottom; padding: 22px 0px 0px; width: 88px; height: 53px; color: #fff }
#content .preise .laufzeit, #content .preise .preis { line-height: 100% }
#content .preise .laufzeit { font-size: 18px }
#content .preise .linktext p { margin: 0 }
#content .preise .preisbox .anfrage { font-size: 18px; line-height: 110%; padding: 4px 0px 0px }
#content .preise .preisbox .kostenlos { font-size: 18px; line-height: 110%; padding: 4px 0 0 }

/* Vertragslink */
#content .vertraglink { float: right; font-size: 25px; line-height: 100%; text-align: center; background: url("images/kasten_vertrag.png") no-repeat top left; padding: 22px 0px 0px; width: 135px; height: 84px; color: #fff; z-index: 10; margin: 0 0 1em 1em }
#content .vertraglink a { color: #fff; border: none; font-family: Delicious, "Helvetica Narrow", "Arial Narrow", sans-serif }
#content .vertraglink a:hover { color: #606163 }
#content .vertraglink a:before { content: ""; display: none }

/* Linkbox */
#content .linkbox { float: right; font-size: 25px; line-height: 100%; text-align: center; background: url("images/kasten_vertrag.png") no-repeat top left; padding: 22px 0px 0px; width: 135px; height: 84px; color: #fff; z-index: 10; margin: 0 0 1em 1em }
#content .linkbox.klein { font-size: 21px; line-height: 115% }
#content .linkbox a { color: #fff; border: none; font-family: Delicious, "Helvetica Narrow", "Arial Narrow", sans-serif }
#content .linkbox a:hover { color: #606163 }
#content .linkbox a:before { content: ""; display: none }

/* Partner */
#content .partner { float: left; width: 250px; margin: 10px 15px 10px 0; height: 70px; display: table }
#content .partner a { display: table-cell; vertical-align: middle; text-align: center  }
#content .partner a:before { content: ""; display: none }
#content .partner a img, #content .partner a { border: none }

/* Leitfäden */
#content .leitfaden { background-image: url("images/kasten_breit.png"); width: 484px }
#content .leitfaden h2 { background-image: url("images/kasten_breit.png"); padding: 4px 10px }
#content .leitfaden .inner { min-height: 135px }
#content .leitfaden .imglink { height: 48px; width: 48px; float: left; margin: 4px 8px 8px 0; border: none; z-index: 10 }
#content .leitfaden .imglink:before { content: ""; display: none }
#content .leitfaden .imglink img { border: none }

#content .download_box { float: right; margin: 0 0 0 5px; left: 4px }
#content .download_box .inner { min-height: 110px }
#content .download_box .pdf_download:before { content: ""; display: none }
#content .download_box .pdf_download { background: transparent url(/assets/images/icons/pdf_a_48.png) no-repeat; display: block; height: 48px; float: right; width: 48px; z-index: 5 }
#content .download_box .pdf_download:hover { background-position: left bottom }

/* Team */
#content .person { width: 250px; float: left; margin-bottom: 20px }
#content .person .kontaktimage { display: block; width: 225px; height: 210px; left: -15px }
#content .person .label { float: left; display: block; width: 30px }

/* Blog */
#content .post { margin-top: 20px }
#content .post hr { margin: 30px 120px 30px 174px }
#content .post .title a { border: none; font-family: Delicious,"Helvetica Narrow","Arial Narrow",sans-serif; font-weight: bold }
#content .post .title a:before { content: ""; display: none }
#content .post .calendar { display: block; padding: 18px 0 14px; margin: 0 10px 0 0; float: left; text-align: center; position: relative; left: -4px; width: 64px } 
#content .post .calendar .month { background: url("images/kalender.png") no-repeat left top; display: block; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; font-weight: bold; height: 35px; padding-top: 7px; font-size: 1.2em }
#content .post .calendar .date { background: url("images/kalender.png") no-repeat left center; display: block; color: #000; font-weight: bold; height: 23px; font-size: 2.5em; padding-top: 2px }
#content .post .calendar .weekday { background: url("images/kalender.png") no-repeat left bottom; display: block; color: #000; font-weight: normal; height: 24px; font-size: 0.95em; font-family: "Arial Narrow", Arial, "DejaVu Sans Condensed", sans-serif }
#content .post .entry, #content .post .postmetadata { margin-left: 74px }
#content .post .entry, #content .post .postmetadata { margin-left: 74px }
#content .post .entry a.readon { border: none !important }
#content .post .entry a.readon:before { content: "»"; background: #82d92b; color: #fff !important; margin-right: 5px; padding: 0 3px }
#content .post .postmetadata a:before, #content .post #commentsAnchor a:before { content: ""; display: none }
#content .post .jot-mod { float: right; position: relative; z-index: 2; width: 150px; text-align: right }
#content .post .jot-head, #content .post .jot-message, #content .post .jot-extra { padding: 12px 12px 12px 34px }
#content .post .jot-message, #content .post .jot-extra { padding-top: 0px }
#content .post .jot-extra { text-align: right; padding-bottom: 25px }
#content .post .jot-row { background: url("images/kasten_zitat.png") no-repeat left bottom; left: -20px; width: 500px; margin-bottom: 20px }
#content .post .jot-head { background: url("images/kasten_zitat.png") no-repeat left top }
#content .post .jot-cfm { border: 2px solid #82D82B; padding: 0.5em; margin-bottom: 1em; background-color: #e5ffcc }
#content .post .errors { border: 2px solid #82D82B; padding: 0.5em; margin-bottom: 1em; background-color: #e5ffcc }

#pagination { margin: 20px 0 0 74px; text-align: center }
#pages { margin: 20px 0 0 74px; text-align: center }
#pages a:before { content: ""; display: none }
#pages .ditto_page, #pages .ditto_currentpage { margin: 0 3px }
#pages .ditto_currentpage { font-weight: bold }

#commentsAnchor h3 { position: relative; left: -4px; padding: 4px 12px; width: 460px; height: 32px; background: url("images/kasten_breit.png") no-repeat left top; color: #fff }
#commentsAnchor form { position: relative; left: -4px; padding: 4px 12px 20px; width: 460px; background: url("images/kasten_breit.png") no-repeat left bottom }
#commentsAnchor label { width: 84px }
#commentsAnchor input, #commentsAnchor textarea { width: 360px }
#commentsAnchor .submit { width: 140px }

#content .trackback { border: 1px dotted #808183; padding: 10px }
#content .trackback .tb_row { padding-left: 30px }
#content .trackback .tb_num { position: absolute; left: 0px; background: #82d92b; padding: 0 2px; color: #fff }

/* Tagcloud */
.tagcloud a { font-weight: normal; color: #666; text-decoration: none; border-bottom: 1px dotted #666; line-height: 1.5em }
.tagcloud .s1 { font-size: 0.7em }
.tagcloud .s2 { font-size: 0.8em }
.tagcloud .s3 { font-size: 1em }
.tagcloud .s4 { font-size: 1.3em }
.tagcloud .s5 { font-size: 1.5em }

/* Formular allgmein */
.seoptForm { clear: both; margin-bottom: 10px }
.seoptForm fieldset { border: none; background: none; padding: 0 }
.seoptForm label, .seoptForm input, .seoptForm select, .seoptForm textarea, .seoptForm .small { float: left; width: 398px; margin-top: 6px }
.seoptForm input, .seoptForm select, .seoptForm textarea { border: 1px solid #ccc; padding: 1px }
.seoptForm br { clear: left }
.seoptForm select { width: 402px }
.seoptForm label { width: 138px; padding-right: 10px }
.seoptForm .submit { float: none; margin: 6px 0 24px; background-color: #82d92b; color: #fff; width: 120px; font-weight: bold }
.seoptForm .submit:hover { background-color: #73bf26 }
.seoptForm .small { color: #666; font-size: 0.8em }
.seoptForm .radio { width: auto; margin-right: 6px; margin-top: 9px }
.seoptForm .radiotext, .seoptForm .checkboxtext { width: 380px; float: left; margin: 4px 0 9px }
.seoptForm input.checkbox { width: 24px; margin-left: 150px; margin-top: 7px }
.seoptForm label.checkbox { width: 250px }
.seoptForm p.indent { width: 398px; margin-left: 150px; margin-top: 7px }
.seoptForm input#formid, .seoptForm input#validate, .seoptForm .hidden { display: none }
.seoptForm input.required, .seoptForm select.required, .seoptForm textarea.required { background: #e5ffcc; border: 1px solid #82d82b }
.seoptForm #vorname { width: 194px; margin-right: 6px }
.seoptForm #name { width: 194px }
.seoptForm #plz { width: 50px; margin-right: 6px }
.seoptForm #ort { width: 338px }
.seoptForm input[type=text][readonly] { border: 1px solid #fcfcfc; background: #fcfcfc }
.seoptFormThanks { border: 2px solid #82d92b; padding: 6px 6px 0; background-color: #fff; margin: 18px 0 6px }
.seoptFormThanks h3 { padding-top: 0 }
.seoptForm .errors { border: 2px solid #82d82b; padding: 0.5em; margin-bottom: 1em; background-color: #e5ffcc }
.seoptForm .jqTransformButtonWrapper { margin-right: 4px }
.seoptForm .add, .seoptForm .remove { display: block; height: 15px; width: 15px; background: url("images/add_remove.png") no-repeat left top; overflow: hidden; text-indent: -1000px; border: none !important; position: absolute; left: -20px; top: -24px }
.seoptForm .remove { left: auto; right: -20px; top: 4px; background-position: right top }
.seoptForm .add:hover { background-position: left bottom }
.seoptForm .remove:hover { background-position: right bottom }
#wettbewerberInputs, #wettbewerberButton, #suchbegriffeInputs, #suchbegriffeButton { margin-left: 148px }
#wettbewerberButton, #suchbegriffeButton { clear: left; position: relative }
#wettbewerberInputs .jqTransformInputWrapper, #suchbegriffeInputs .jqTransformInputWrapper { margin-bottom: 5px }

/* Formular in Tab */
.jTabs .seoptForm input { width: 372px }
.jTabs .seoptForm select { width: 376px }

/* FAQ Formular */
#faqFrageForm input, #faqFrageForm select, #faqFrageForm textarea { width: 438px }
#faqFrageForm label { width: 98px }
#faqFrageForm input.checkbox { width: 24px; margin-left: 0px; margin-top: 7px }
#faqFrageForm .radiotext, #faqFrageForm .checkboxtext { width: 418px; margin: 7px 0 9px }
#faqFrageForm label { width: 98px }
#faqFrageForm .submit { width: 120px }

/* Leitfaden Formular */
#LeitfadenThanks { clear: both; top: 20px; margin-bottom: 20px }

/* AGB */
h3.agb .num { background: #82d92b; color: #fff; padding: 0 3px }

/* Sidelinks position fixed */
html, body { height: 100%; }
#sidelinks { position: fixed; left: 0; top: 168px }
#sidelinks .top { background: url("images/sidelinks_top_bg.png") no-repeat top center; height: 25px; position: absolute; top: -25px; width: 49px }
#sidelinks .inner { background: url("images/sidelinks_bottom_bg.png") no-repeat bottom center; width: 49px; padding-bottom: 9px; z-index: 2 }
#sidelinks .inner a { display: block; width: 40px; height: 40px; overflow: hidden }
#sidelinks a img { border: none; padding: 3px }

/* Sidelinks Drawer */
#sidelinks .drawer { position: absolute; left: -70px; top: -4px; z-index: 1; background: url("images/sidelinks_right_bg.png") no-repeat top right; width: 90px; height: 78px; padding: 15px 15px 15px 5px; overflow: hidden }
#sidelinks .drawer div { margin-bottom: 6px }

/* Twitter/Facebook */
#content .socialentry { font-size: 1.5em }
#content .socialentry * { font-family: Delicious, "Helvetica Narrow", "Arial Narrow", sans-serif }
#content .socialentry img, .contentWrap .socialentry img { -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999; box-shadow: 0px 0px 5px #999 }
#content .socialentry .date { font-size: 0.75em; line-height: 1.5em }
#content .socialentry, .contentWrap .socialentry { border-bottom: 1px dotted #666666; margin-bottom: 10px; padding-bottom: 10px }
#content .socialentry:last-child, .contentWrap .socialentry:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0 }
#content .subline, .contentWrap .subline { font-size: 1.1em; margin-bottom: 10px }

/* Impressum */
#content .kommunikation { margin-top: 10px; left: -4px }
#content .kommunikation a { border-bottom: none }
#content .kommunikation a:before { content: ""; display: none }
#content .kommunikation a img { border: 0 }

/* Referenzen */
#rightcolumn #referenzticker { height: 120px; overflow: hidden } 
#rightcolumn #referenzticker li { list-style: none }
#rightcolumn #referenzticker .inner { padding: 5px 0 }
#rightcolumn #referenzticker .inner img { float: left; margin-right: 5px }
#rightcolumn #referenzticker .inner strong { color: #000 ; font-weight: bold }

/* TXNewsletters */
.TXNewsletters_form .TXNewsletters_form_labelErr { display: block; float: left; margin-top: 6px }
.TXNewsletters_form input[type="checkbox"] { width: 20px }
.TXNewsletters_form input[type="submit"] { width: 110px; clear: none }

/* Newsletter */
#main.newsletter { width: 570px; background: #fff; min-height: 100% }
#main.newsletter #wrapper { background: none; padding: 0 }
#main.newsletter #header { width: 570px; height: 80px; background: url("images/newsletter/nl_top.png") no-repeat 0 0 }
#main.newsletter #header #homelink { background: url("images/newsletter/nl_logo.png") no-repeat 0 0; top: 0; left: 0; width: 376px; height: 80px }
#main.newsletter #header #kontakt { line-height: 15px; text-align: right; left: 390px; top: 20px; width: 165px; font-weight: normal }
#main.newsletter #header #kontakt a { font-weight: normal }
#main.newsletter #bar { background: url("images/newsletter/nl_bar.png") no-repeat 0 0; top: 0; left: 0; width: 570px; height: 50px }
#main.newsletter #contentwrapper { background: url("images/newsletter/nl_content_top.png") no-repeat right top; position: relative }
#main.newsletter #contentwrapper #image { background: url("images/newsletter/nl_eren_kozik.jpg") no-repeat 0 0; width: 140px; height: 170px; position: absolute; right: 30px; top: 10px }
#main.newsletter #content { margin: 10px 0 }
#main.newsletter #content #intro { width: 325px; margin: 0 25px; min-height: 270px }
#main.newsletter #content #unterschrift { background: url("images/newsletter/nl_unterschrift_kozik.jpg") no-repeat 0 0; margin: 25px 0; height: 66px; width: 160px  }
#main.newsletter #content #overview { position: relative; margin: 25px 0 }
#main.newsletter #content #overview .top { background: url("images/newsletter/nl_box_top.png") no-repeat 0 0; height: 16px }
#main.newsletter #content #overview .left { background: url("images/newsletter/nl_box_left.png") repeat-y left top }
#main.newsletter #content #overview .right { background: url("images/newsletter/nl_box_right.png") repeat-y right top }
#main.newsletter #content #overview .bottom { background: url("images/newsletter/nl_box_bottom.png") no-repeat 0 0; height: 16px }
#main.newsletter #content #overview .title { background: url("images/newsletter/nl_box_head.png") no-repeat center top; font-family: Delicious, "Helvetica Narrow", "Arial Narrow", sans-serif; font-size: 24px; font-weight: bold; color: #fff; padding: 0 30px }
#main.newsletter #content #overview .inner { padding: 0 30px 6px }
#main.newsletter #content #overview .inner ul { margin-bottom: 0 }
#main.newsletter #content a:before { content: ""; display: none }
#main.newsletter #content #teaser a { display: inline-block; background: #82d92b; color: #fff; border-bottom: none; ; margin-right: 5px; padding: 0 3px }
#main.newsletter #content #teaser h1 { background: url("images/newsletter/nl_article_marker.png") no-repeat scroll left 3px transparent; font-size: 24px; left: 0; padding-left: 35px }
#main.newsletter #content #teaser h1, #main.newsletter #content #teaser p { margin: 0 25px; width: auto }
#main.newsletter #content #teaser .trenner { margin: 25px; border-bottom: 1px solid #808183; position: relative }
#main.newsletter #content #teaser .trenner a { background: url("images/newsletter/nl_top_marker.png") no-repeat scroll left 3px transparent; display: block; position: absolute; right: -11px; top: -14px; width: 20px; height: 11px }
#main.newsletter #footer { width: auto; background: none; text-align: left; font-size: 10px; padding: 0 25px 25px; height: auto }
#main.newsletter #header #klammer { background: url("images/newsletter/nl_klammer.png") no-repeat 0 0; height: 34px; width: 20px; left: 570px; top: 336px }

/* Tabs */
.jTabs .jTabHead { position: relative; left: 4px }
.jTabs .jTabHead .tabHead { float: left; padding: 0; margin-right: 2px }
.jTabs .jTabHead .tabHead .tabLeft { display: block; float: left; background: url("images/tabs.png") no-repeat 0 50%; height: 30px; padding: 0 0 0 6px; font-family: Delicious, "Helvetica Narrow", "Arial Narrow", sans-serif; font-size: 18px; line-height: 30px; color: #808183 }
.jTabs .jTabHead .tabHead .tabRight { display: block; float: left; background: url("images/tabs.png") no-repeat 100% 50%; height: 30px; width: 6px }
.jTabs .jTabHead:hover .tabHead .tabLeft { background-position: 0 50% }
.jTabs .jTabHead .tabHead.current .tabLeft { background-position: 0 0; color: #fff }
.jTabs .jTabHead .tabHead:hover .tabLeft { background-position: 0 100%; color: #fff }
.jTabs .jTabHead .tabHead.current .tabRight { background-position: 100% 0 }
.jTabs .jTabHead .tabHead:hover .tabRight { background-position: 100% 100% }
.jTabs .jTabContent { clear: left }
.jTabs .jTabContent .tabContent { background: url("images/tabs_content.png") no-repeat 0 0; padding: 10px; width: 524px }

/* Linkmanagement */
#content.wide .jTabs .jTabContent .tabContent { width: auto; background-image: url("images/tabs_content_wide.png") }
#content.wide .dataTables_wrapper .this_month, #content.wide .dataTables_wrapper .sum { cursor: pointer; left: 1px; position: relative }
#content.wide .dataTables_wrapper .this_month:after, #content.wide .dataTables_wrapper .sum:after { content: "+"; display: inline-block; background: #73c615; color: #fff; padding: 0 2px; margin-left: 3px }

/* Linkmanagement Tabelle */
.dataTables_wrapper .top, .dataTables_wrapper .bottom { position: relative }
.dataTables_wrapper .clear { clear: both }
.dataTables_wrapper table.display { clear: both; width: 100% }
.dataTables_wrapper .top, .dataTables_wrapper table.display, .dataTables_wrapper .bottom { margin-top: 10px }
.dataTables_wrapper tr.odd { background-color: #f3f3f3 }
.dataTables_wrapper tr.even { background-color: #fff }
.dataTables_wrapper tr.odd td.sorting_1 { background-color: #e5e5e5 }
.dataTables_wrapper tr.even td.sorting_1 { background-color: #f3f3f3 }
.dataTables_wrapper td { padding: 3px 10px }
.dataTables_wrapper td.center { text-align: center }
.dataTables_wrapper thead th { cursor: pointer; font-weight: bold; padding: 3px 18px 3px 10px }
.dataTables_wrapper tfoot th { font-weight: bold; padding: 3px }
.dataTables_wrapper .dataTables_length { float: left; width: 40% }
.dataTables_wrapper .dataTables_filter { float: right; width: 40%; text-align: right }
.dataTables_wrapper .dataTables_filter input { border: 1px solid #ccc; padding: 3px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 40%, #eff1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffff), color-stop(100%,#eff1f1)); background: -webkit-linear-gradient(top, #ffffff 40%,#eff1f1 100%); background: -o-linear-gradient(top, #ffffff 40%,#eff1f1 100%); background: -ms-linear-gradient(top, #ffffff 40%,#eff1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff1f1',GradientType=0 ); background: linear-gradient(top, #ffffff 40%,#eff1f1 100%) }
.dataTables_wrapper .dataTables_filter input:hover { border: 1px solid #aaa }
.dataTables_wrapper .dataTables_paginate { position: absolute; left: 400px; width: 44px }
.dataTables_wrapper .dataTables_info { float: left; width: 60% }
.dataTables_wrapper .DTTT_container { float: right }
.dataTables_wrapper .DTTT_button { border: none; cursor: pointer; float: left; margin-left: 4px; padding: 4px; position: relative; height: auto; color:#fff; font-weight: bold; background: #83df16; background: -moz-linear-gradient(top, #83df16 0%, #73c615 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83df16), color-stop(100%,#73c615)); background: -webkit-linear-gradient(top, #83df16 0%,#73c615 100%); background: -o-linear-gradient(top, #83df16 0%,#73c615 100%); background: -ms-linear-gradient(top, #83df16 0%,#73c615 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83df16', endColorstr='#73c615', GradientType=0); background: linear-gradient(top, #83df16 0%,#73c615 100%); border-radius: 2px; -moz-border-radius: 2px }
.dataTables_wrapper .DTTT_button_text_hover, .dataTables_wrapper .DTTT_button_copy_hover, .dataTables_wrapper .DTTT_button_csv_hover, .dataTables_wrapper .DTTT_button_xls_hover, .dataTables_wrapper .DTTT_button_print_hover { background: #83df16; background: -moz-linear-gradient(top, #73c615 0%, #83df16 100%); background: -webkit-linear-gradient(top, #73c615 0%, #83df16 100%); background: -o-linear-gradient(top, #73c615 0%, #83df16 100%); background: -ms-linear-gradient(top, #73c615 0%, #83df16 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5fb8f', endColorstr='#73c615', GradientType=0); background: linear-gradient(top, #73c615 0%, #83df16 100%) }
.dataTables_wrapper .dataTables_processing { background-color: #fff; color: #999; font-size: 14px; width: 250px; height: 30px; left: 50%; top: 50%; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px; position: absolute; text-align: center; border-radius: 6px; -moz-border-radius: 6px; z-index: 2; -moz-box-shadow: 0px 0px 10px #666; -webkit-box-shadow: 0px 0px 10px #666; box-shadow: 0px 0px 10px #666 }
.dataTables_wrapper .paginate_disabled_previous, .dataTables_wrapper .paginate_enabled_previous, .dataTables_wrapper .paginate_disabled_next, .dataTables_wrapper .paginate_enabled_next { float: left; margin-right: 3px; width: 19px; height: 19px; background: url("images/navigation.png") no-repeat 0 0 }
.dataTables_wrapper .paginate_disabled_previous { background-position: -19px -19px }
.dataTables_wrapper .paginate_enabled_previous { background-position: -19px 0 }
.dataTables_wrapper .paginate_disabled_next { background-position: 0 -19px }
.dataTables_wrapper .sorting, .dataTables_wrapper .sorting_asc, .dataTables_wrapper .sorting_desc, .dataTables_wrapper .sorting_asc_disabled, .dataTables_wrapper .sorting_desc_disabled { background: url("images/sort.png") no-repeat 100% 0 }
.dataTables_wrapper .sorting { background-position: 100% -152px }
.dataTables_wrapper .sorting_asc { background-position: 100% -38px }
.dataTables_wrapper .sorting_desc { background-position: 100% 0px }
.dataTables_wrapper .sorting_asc_disabled { background-position: 100% -114px }
.dataTables_wrapper .sorting_desc_disabled  { background-position: 100% -76px }

/* Popup */
#ajaxPopup #links { margin: 10px 0; padding: 0; border-collapse: collapse; width: 100% }
#ajaxPopup .dataTables_wrapper .dataTables_paginate { left: auto; right: 0 }

/* Kunden */
#kunde { min-height: 500px; }
#kunde table.display tfoot th { padding: 3px }
#kunde .seoptForm { padding: 6px 9px 0 }
#kunde .seoptForm .errors { width: 408px }
#kunde .seoptForm label { float: none; margin: 4px 0 }
#kunde .seoptForm textarea { width: 420px }
#kunde .stand { position: absolute; font-weight: bold; font-size: 1.1em }

/* Landingpages */
#main.seo-agentur #headertext { color: #fff; padding: 25px 329px 15px 30px; font-size: 16px } 
#main.seo-agentur #headertext h1 { color: #fff; background: none; font-size: 28px; padding-bottom: 15px } 
#main.seo-agentur #headertext #angebot { position: relative }
#main.seo-agentur #headertext p { margin-bottom: 12px }
#main.seo-agentur #image { height: 255px }
#main.seo-agentur #content { font-size: 1.15em }
#main.seo-agentur #content .inner { padding-left: 30px }
#main.seo-agentur #content h2 { font-size: 28px; padding-bottom: 15px }
#main.seo-agentur #content .button { padding-top: 10px }
#main.seo-agentur .button a:before { display: none }
#main.seo-agentur .button a { background: url("images/big_button.png") repeat-x top left; font-family: Delicious, "Helvetica Narrow", "Arial Narrow", sans-serif; font-size: 20px; font-weight: normal; padding: 6px 10px; color: #fff; line-height: 38px; border: none } 
#main.seo-agentur .button a:hover { background-position: bottom left; text-decoration: none } 

/* Networking Termine */
#content .networking { clear: right; position: relative; border-bottom: 1px dotted #808183; padding: 20px 0 }
#content .networking:last-child { border-bottom: none } 
#content .networking .link { float: right; position: relative; top: 10px; z-index: 2; border: none }
#content .networking .link:before { display: none }

.wait { display: block; background: url("images/preload.gif") no-repeat top left; width: 48px; height: 48px; position: absolute }

@media screen and (max-device-width: 480px) {
    body { width: 635px }
    #sidelinks { display: none }
    #wrapper { padding: 0 0 }
    #main, #footer { width: 635px }
    #main { overflow: hidden }
    #content { margin-right: 25px }
    #content .inner { padding-bottom: 30px }
    #rightcolumn { float: none; margin-left: 50px; width: auto; padding-bottom: 70px; }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    body { width: auto }
    #sidelinks { display: none }
    #wrapper { padding: 0 }
    #main, #footer { width: 950px }
    #main { overflow: hidden }
    #content { margin-right: 315px }
    #content .inner { padding-bottom: 120px }
    #rightcolumn { float: left; margin-left: -315px; width: 315px; padding-bottom: 0 }
}

@media screen and (max-device-width: 768px) {
    body { width: auto }
    #sidelinks { display: none }
    #wrapper { padding: 0 }
    #main, #footer { width: 950px }
    #main { overflow: hidden }
    #content { margin-right: 315px }
    #content .inner { padding-bottom: 120px }
    #rightcolumn { float: left; margin-left: -315px; width: 315px; padding-bottom: 0 }
}