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

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

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

@font-face {
	font-family: 'Delicious';
	src: url('delicious-bolditalic-webfont.eot');
	src: local('☺'), url('delicious-bolditalic-webfont.woff') format('woff'), url('delicious-bolditalic-webfont.ttf') format('truetype'), url('delicious-bolditalic-webfont.svg#webfont') 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 }

/* Header */
#header { position: relative; height: 121px; width: 950px; background: url("images/logo_bg.png") }
#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 }
#header #klammer { position: absolute; top: 152px; left: 950px; width: 23px; height: 35px; background: url("images/klammer.png") }

/* Headerimage */
#image { position: relative; width: 950px; height: 165px }
#adwords_qualified { position: absolute; width: 62px; height: 62px; display: block; right: 89px; top: 175px }
.index #image { height: 255px }
.index #adwords_qualified { right: 74px; top: 277px }

/* Content */
#contentwrapper { position: relative; background: url("images/content_bg_top.png") no-repeat; float: left; width: 100% } 
#content { position: relative; margin-right: 315px }
#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 { 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 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 }

/* Footer */
#footer { position: relative; clear: both; height: 50px; background: url("images/footer_bg.png") no-repeat center top; color: #999; text-align: center }
#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: "" }

/* 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 { 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 { 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 dt { background: transparent url("images/kasten_referenz.png") no-repeat left -475px; width: 275px; height: 35px; padding: 30px 0 0 4px }
#content .opinion a:before { display: none }
#content .opinion a { border: none; font-weight: bold }
#content .opinion a:hover { border: none }

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

/* Overlay */
#overlay { display: none; background-image: url("images/popup_referenz.png"); height: 340px; width: 638px; padding: 50px }
#overlay .contentWrap { height: 340px; overflow-y: auto; padding: 0 10px 0 1px }
#overlay .close { background-image:url("images/popup_close.png"); position: absolute; right: 5px; top: 5px; cursor: pointer; height: 51px; width: 51px }
.footnote:before { display: none }

/* Images */
img.right { float: right; margin: 0 0 10px 10px }

/* 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 { 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 .alt { background: #fff }
#content .angebote .hover { background: #fff; color: #000 }
#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 }

/* 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 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 .preise .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 }

/* 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 { 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 { 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 { 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 { 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 { 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 */
.post { margin-top: 20px }
.post hr { margin: 30px 120px 30px 174px }
.post .title a { border: none !important; font-family: Delicious,"Helvetica Narrow","Arial Narrow",sans-serif }
.post .title a:before { display: none }
.post .calendar { display: block; padding: 18px 0 14px; margin: 0 10px 0 0; float: left; text-align: center; position: relative; left: -4px; width: 64px } 
.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 }
.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 }
.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 }
.post .entry, .post .postmetadata { margin-left: 74px }
.post .entry, .post .postmetadata { margin-left: 74px }
.post .entry a.readon { border: none !important }
.post .entry a.readon:before { content: "»"; background: #82d92b; color: #fff !important; margin-right: 5px; padding: 0 3px }
.post .postmetadata a:before, .post #commentsAnchor a:before { display: none }
.post .jot-mod { float: right; position: relative; z-index: 2; width: 150px; text-align: right }
.post .jot-head, .post .jot-message, .post .jot-extra { padding: 12px 12px 12px 34px }
.post .jot-message, .post .jot-extra { padding-top: 0px }
.post .jot-extra { text-align: right; padding-bottom: 25px }
.post .jot-row { background: url("images/kasten_zitat.png") no-repeat left bottom; left: -20px; width: 500px; margin-bottom: 20px }
.post .jot-head { background: url("images/kasten_zitat.png") no-repeat left top }
.post .jot-cfm { 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 { 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: 1 em }
.tagcloud .s4 { font-size: 1.3em }
.tagcloud .s5 { font-size: 1.5em }

/* Formular allgmein */
.seoptForm { clear: both }
.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: #eee; color: #000; width: 120px }
.seoptForm .submit:hover { float: none; margin: 6px 0 24px; background-color: #82d92b; color: #fff; border: 1px solid #82d92b }
.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: #ffe5e5; border: 1px solid #ff0000 }
.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 }

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