/*
Theme Name: karriere.blog
Theme URI: http://blog.karriere.at
Description: Das karriere.Blog ist ein Weblog mit Beiträgen rund um die Themen Jobs, Joballtag, Jobsuche, Karriere und berufliche Lebensplanung.
Version: 1.1
Author: karriere.at
*/

* {margin:0; padding:0; border:0;}
body {font:11px/19px Tahoma,Verdana,Arial,Helvetica,Sans-serif; color:#333; background:#ffffff url(images/header_bg.jpg) no-repeat center top;}
ul {list-style-type:none;}
a {text-decoration:none; color:#8BC72A;}
a:hover {text-decoration:underline;}
input {font-size:11px; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-serif; }
h3 {font-size:18px; font-weight:bold;}
p {margin:0 0 12px 0;}

#centerpage {margin:0 auto; width:1000px; position:relative;}
.centerbox {margin:0 auto; width:797px;}
.clear, .c {clear:both; float:none;}
.floatleft {float:left; margin:0 10px 10px 0;}
.hrline {background:url(images/line_date.gif) repeat-x top; height:1px; font-size:1px; margin:10px 0 20px 0; clear:both; float:none;}
.h {display:none}

#header {background:url(images/header_line.gif) no-repeat center 167px; margin:0 0 50px 0; height:180px; position:relative;}

	#logo {display:block; float:left; position:absolute; top:120px; left:104px;}

	#headernav {position:absolute; left:440px; top:148px;}
	#headernav li {float:left; margin:0 20px 0 0;}
	#headernav a {font-size:11px; color:#58585a;}

	#headericons_png {display:block; width:145px; height:87px; background:url(images/header_icons.png); position:absolute; top:99px; right:88px; z-index:5;}
	#headericons {display:block; width:145px; height:87px; position:absolute; top:99px; right:88px; z-index:10;}
	#headericons li {display:block; position:absolute;}
	#headericons li a {width:100%; height:100%; display:block;}
	#headericons .twitter {width:135px; height:73px; top:0; right:0; bottom:0; left:0; z-index:5;}
	#headericons .twitter span {display:block; color:white; text-transform:uppercase; font-weight:bold; margin:13px 0 0 58px;}
	#headericons .twitter a:hover {text-decoration:none;}
	#headericons .rss {width:50px; height:45px; right:24px; bottom:0; z-index:10;}
	#headericons .rss span {display:none;}

#content {float:left; width:640px; font-size:12px;}

	.postItem {clear:both; margin:0 0 12px 0; border-bottom:1px solid white;}
    .postItem .left {float:left; width:97px; padding-right:10px;}
    .postItem .right {float:right; width:532px;}

    /* Header Left */
    .postItem .postHeader {padding-top:17px; background:url(images/line_date.gif) repeat-x bottom; position:relative;}
    .postItem .content .left, .postItem .content .right {padding-top:10px;}
	.postDate {text-transform:uppercase; font-size:10px; white-space:nowrap; text-align:right; position:absolute; bottom:0; left:0; padding-bottom:3px;}
	.postDate span {font-weight:bold; font-size:18px; padding-left:5px;}

    /* Header Right */
    .postTitle {font-size:18px; line-height:22px; font-weight:normal; padding-bottom:5px;}
    .postTitle a {color:#000000;}
	.archivpost .titleof .postTitle, .searchpage .titleof .postTitle {margin:0 0 20px 0;}
	.subtitle, .related_post_title {display:block; padding:0 0 7px 0; margin:0 0 10px 0; font-weight:normal; }
	.pagealone .posttitle {margin:0 0 12px 0;}

    /* Content Left */
    #fbShare {float:right; margin:0 0 12px 0}
    .twitterShare {width:53px; height:65px; overflow:hidden; margin:0 0 12px 40px; }
    #plusoneShare {float:right; margin:0 5px 15px 0}
    .single .socialShare {position:relative;}
    .single .socialShare .inner {position:absolute; top:10px; right:10px;}
    .socialShare .forwardShare {border:0;}
    .socialShare .forwardShare div {border:0; float:none;}
    .socialShare .forwardShare .head {background:url('/images/layout/social_media_features_unten.gif') no-repeat 0px 0px; width:53px; height:30px; text-align:center; font-size:11px; color:#444444; padding:6px 0px;}
    .socialShare .forwardShare .foot {background:url('/images/layout/social_media_features_unten.gif') 0px -45px; float:none; height:16px; width:53px; text-align:center; display:block; cursor:pointer; font-size:11px; color:#000; text-decoration:none; line-height:16px;}
    .socialShare .forwardShare .foot:hover {background-position:0px -61px; color:#80b62a;}
    .socialShare #print {background:url('/images/layout/social_media_features_unten.gif?v=1') 0px -77px; height:16px; width:53px; text-align:center; display:block; cursor:pointer; margin-top:12px;}
    .socialShare #print:hover {background-position:0px -93px;}

    /* Content Right */
    .entry {padding-right:10px;}
    .entry a {color:#333; text-decoration:underline;}
    .entry a:hover {text-decoration:none;}
	.entry .alignleft {float:left; margin:0 10px 10px 0; display:inline;}
	.entry .alignright {float:right; margin:0 0 10px 10px; display:inline;}
	.entry .aligncenter {display:block; margin-left:auto; margin-right:auto; text-align:center;}
    .entry .more-link {color:#8BC72A; text-decoration:none;}
    .entry .more-link:hover {text-decoration:underline;}
	.entry ul {list-style-type:disc; margin:0 0 12px 35px;}
    .entry ol {list-style-type:decimal; margin:0 0 12px 35px;}
	.entry ul li, .entry ol li {margin:0 0 4px 0;}
    .entry h2 {font-size:13px; color:black; margin:0 0 12px 0;}
    .singlepage .entry {margin:0 0 40px 0;}
	.singlepage .entry p {margin:0 0 12px 0;}
    .singlepage .entry img {border:2px solid #f1f1f1;}
    .postmetadata {color:#b0b0b0; font-size:11px; margin:0 0 8px 0; line-height:15px;}
	.postmetadata a {color:#8bc72a;}
    .fb_like {height:41px; background:url(images/fb_like_bg.gif) no-repeat; color:#3b5998; font-weight:bold; font-size:12px; margin:15px 0; position:relative;}
    .fb_like .fb_like_label {display:block; position:absolute; top:12px; left:12px;}
    .twitter-share-button {float:right; margin-bottom:12px;}
    .postItem .fb_like iframe { border:none; overflow:hidden; height:30px; position:absolute; top:8px; left:175px; width:340px; }
	#commentform, #relatedPosts {font-size:12px; margin:0 0 40px 0;}
    #commentform p {margin:0 0 5px 0;}
	#commentform a {color:#8bc72a;}
	#commentform label {display:block; font-size:12px; margin:0 0 4px 0; float:left; width:90px;}
	#commentform input {line-height:20px; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-serif; border:1px solid #d7d7d7; height:auto; font-size:12px; width:425px; padding:1px; margin:0 0 6px 0; -webkit-border-radius:4px; -moz-border-radius:4px;}
	#commentform textarea {border:1px solid #d7d7d7; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-serif; font-size:12px; width:427px; margin:0 0 15px 0; -webkit-border-radius:4px; -moz-border-radius:4px;}
	#commentform #submit {float:right; padding:0; margin:0; background:url(images/comment_button.gif); width:88px; height:24px; border:none; cursor:pointer;}
	#commentform .submitfields {color:#b0b0b0;}
    #commentform div.k2-button {float:right;}
	.related_post li {margin:0 0 5px 0;}
	.related_post li a {color:#8BC72A;}
	.commentlist {list-style-type:none; margin:0 0 30px 0;}
	.commentlist li {padding:0 0 10px 0; margin:0 0 10px 0; clear:both; background:url(images/line_date.gif) repeat-x bottom; }
	.commentlist .firstrow {float:left; margin:0 15px 15px 0; padding:3px; border:1px solid #dedede; -moz-border-radius:3px; -webkit-border-radius:3px;}
    .commentlist .comment_meta {color:#b0b0b0; display:block; font-size:11px; }
	.commentlist .comment_meta a {color:#8bc72a;}
	.comment_text a {color:#8bc72a;}
	.navigation {padding:12px 0 10px 0; font-size:11px; clear:both; float:none;}
	.navigation a {color:#000000;}
    .navigation a {color:#8BC72A; font-weight:bold; font-size:12px;}
	.navigation .alignleft {float:left; margin:0 0 10px 0;}
	.navigation .alignright {float:right;}
    .right .gradientHeadline {background:url(images/headline_gradient_line.gif) no-repeat bottom; padding-bottom:30px; margin:0 0 10px 0; font-weight:normal; display:block;}

    /* special styles for first post */
    .firstPost {background:url(images/postitem_first1.jpg) top right repeat-y;}
    .firstPost .startInner {background: url(images/postitem_first.jpg) no-repeat top right; zoom:1;}
    .firstPost .right {width:520px; padding-left:10px;}
    .firstPost .postHeader {background:none;}
    .firstPost .postHeader .left {background:url(images/line_date.gif) repeat-x bottom;}
    .firstPost .postHeader .right {background:url(images/linie_posttitle.gif) repeat-x bottom;}
    .firstPost .postend {height:6px; font-size:1px; width:532px; background:url(images/postitem_first2.gif) no-repeat top right; margin-left:108px;}
    .firstPost .postTitle {padding-bottom:7px;}
    .firstPost .postDate {padding-bottom:7px;}
    .firstPost .entry .more-link {color:#fff;}
    .firstPost .entry {font-size:15px;}




	.pagealone .blogroll h2 {display:none;}
	.pagealone .autoren_title, .pagealone .firstitem {clear:both; float:none; display:block; background:url(images/line_date.gif) repeat-x bottom; padding:0 0 5px 0; clear:both; margin:0 0 3px 0; font-weight:normal; font-size:18px;}
	.pagealone .autoren_role {font-size:11px; color:#b0b0b0; font-style:normal; display:block; padding:1px 0;}
	.pagealone .floatleft {/* clear:both; float:none; */ border:2px solid #f1f1f1;}
	.mailicon {display:block; width:16px; height:16px; background:url(images/mailicon.gif) no-repeat center left; float:right;}
	.mailicon span {display:none;}
    hr.clear {clear:both; float:none; border:1px solid white;}


#sidebar {float:left; width:227px; margin:0 0 0 32px; position:relative;}
.sidebarbox {padding:20px 0; background:url(images/line_date.gif) repeat-x bottom; width:227px; margin:0;}
#sidebar .first {padding:0 0 10px 0!important;}
.sidebarbox h3 {text-transform:uppercase; color:#8bc72a; margin:0 0 10px 0; font-size:12px;}
.sidebarbox a {color:#000000;}

	.starttext {background:url(images/startbox_bg.jpg) no-repeat; width:206px; height:111px; color:#ffffff; padding:8px 10px; font-size:15px; line-height:19px;}

	#searchform {width:227px; height:23px; background:url(images/sidebar_searchform_bg.gif); position:relative;}
    #searchform:hover {background-position:0 -23px;}
	#searchform label {display:none;}
	.inputtext {position:absolute; top:1px; left:1px; bottom:1px; width:154px; background:#fff; color:#333; line-height:21px;}
	.inputsubmit {position:absolute; top:0; right:0; bottom:0; background:none; cursor:pointer; width:70px; }

	.list_categories {color:#b0b0b0; margin:0 0 17px 0;}
	.list_categories li span {color:#000000;}

    #sidebar .twitterbox li {display:none;}

    #k2-widget-searchbox {}
    .k2_searchbox h3 a {color:#8BC72A;}
    #k2-widget-searchbox label {display:block; clear:both; margin-bottom:7px}
    #k2-widget-searchbox label input {display:block; width:220px; padding:2px; border:1px solid #dedede; border-radius:3px, -webkit-border-radius:3px; color:#b0b0b0; font-weight:bold; font-size:15px;}
    #k2-widget-searchbox label span {font-weight:bold; display:block; float:left; width:40px; position:relative; top:-1px;}
    #k2-widget-searchbox .button {float:right; font-weight:bold; color:#8BC72A; cursor:pointer;}

	.twitterbox {padding:20px 0 10px 0; line-height:15px;}
	.twitterbox h3 {margin:0 0 12px 0;}
	.twitterbox h3 a {display:block; background:url(images/footer_karriere_tweet.gif) no-repeat; width:140px; height:17px;}
	.twitterbox .external_twitter a {background:url(images/tweets_external.gif) no-repeat; width:134px; height:17px;}
	.twitterbox h3 span {display:none;}
	.twitterbox li {margin:0 0 10px 0;}
	.twitterbox li a {color:#3fcdeb;}
	.twitterbox .twitter-timestamp {clear:both; display:block; color:#b0b0b0; text-transform:uppercase; font-size:10px; margin:3px 0 0 0;}
	.external img {float:left; margin:0 8px 8px 0;}
	.external_tweets .loader {padding:7px; color:#8BC72A;}
	.external_tweets .loader span {position:relative; top:-10px;}
	.twitteravatar {width:24px; height:24px;}

    #flyingSharePanel {position:fixed; z-index:10; height:45px; background:#58585A; padding:2px 28px 2px 12px; color:#8BC72A; font-size:12px; font-weight:bold; border-radius:5px 5px 0 0; text-align:center; box-shadow:1px 1px 8px #58585A; display:none;}
    #flyingSharePanel div.fb-like {position:absolute; top:26px; left:50%; margin-left:-51px;}
    #flyingSharePanel .close {position:absolute; top:2px; right:2px; height:20px; width:20px; color:white; cursor:pointer;}
    #flyingSharePanel .close:hover {color:#000;}
    
#footer {clear:both; background:url(images/footer_gradient_bg.jpg) repeat-x left 36px; height:344px; margin:30px 0 0 0; color:#b0b0b0; line-height:13px;}
#footer .centerbox {background:url(images/footer_sujet_bg.jpg) no-repeat center top; width:851px; height:344px; padding:0 0 0 65px;}
#footer a {color:#b0b0b0;}

    #footer li {margin:0 0 12px 0;}
    #footer li a {color:#fff;}
    #footer .twitterbox {line-height:13px;}

	.footerbox {float:left; width:246px; margin:60px 40px 0 0; height:235px;}

	#footer h3 {text-transform:uppercase; font-size:12px; margin:0 0 14px 0; color:#fff; padding:0 0 9px 0; border-bottom:1px dotted #b0b0b0; }
	#footer .twitterbox {width:227px; margin-right:0; padding:0;}
    #footer .twitterbox h3 {padding:0 0 5px 0;}
    #footer .twitterbox li {color:#fff;}
    #footer .twitterbox a {color:#3fcdeb;}
    #footer .copyright {clear:both; padding:22px 0 0 0;}
    #footer .copyright a.impr {text-decoration:underline;}


/* lightbox */
#jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding:10px; }
#lightbox-loading {	position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block; }
#lightbox-nav-btnPrev { left:0; float:left; }
#lightbox-nav-btnNext { right:0; float:right; }
#lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0; }
#lightbox-container-image-data { padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; }	
#lightbox-image-details-caption { font-weight:bold; }
#lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; }			
#lightbox-secNav-btnClose {width:98px; float:right; padding-bottom:0.7em; }

/* basic styles from portal */
#recommendEmailPopupBackground { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 90; }
#recommendEmailPopup { position: absolute; display:none; z-index: 1000; left:0; top:0; width:600px; font-size:12px; }
.c { clear:both; }
.l { float:left; }
.r { float:right; }
div.k2-button { height:23px; float:left; width:auto; cursor:pointer; }
div.k2-button button, div.k2-button a { text-decoration:none; border:none; overflow:visible; width:auto; display:block; height:23px; padding:1px 3px 3px 3px; float:left; margin:0; cursor:pointer; font-size:11px; color:#333; }
div.k2-button img.icon { margin-left:5px; }
div.k2-button div.left, div.k2-button div.right { float:left; width:5px; height:23px; padding:0!important; margin:0; }
div.k2-button div.right { width:19px; padding:0; }
div.k2-button-green-off button, div.k2-button-green-off a { background:url(/images/layout/button-green-bg-off.gif) repeat-x; color:#fff; }
div.k2-button-green-off div.left { background:url(/images/layout/button-green-left-off.gif); }
div.k2-button-green-off div.right { background:url(/images/layout/button-green-right-off.gif);}
div.k2-button-green-off img.icon { background:url(/images/layout/button-arrow-white.gif); }
div.k2-button-green-on button, div.k2-button-green-on a { background:url(/images/layout/button-green-bg-on.gif) repeat-x; color:#fff; }
div.k2-button-green-on div.left { background:url(/images/layout/button-green-left-on.gif); }
div.k2-button-green-on div.right { background:url(/images/layout/button-green-right-on.gif); }
div.k2-button-green-on img.icon { background:url(/images/layout/button-arrow-white.gif); }
.k2-dialog input, .k2-dialog textarea { color: #003333; margin:0 0 5px 0; font-size:12px; border:1px solid #969696; padding:1px 0; }
.k2-dialog { color:#333; width: 100%; padding-bottom:20px; }
.k2-dialog .error { font-weight: bold; color: red; }
.k2-dialog h6 { height:15px; width:90%; font-size: 12px; font-weight: bold; background:url(/images/layout/dlg-tl.png) no-repeat; padding:10px !important; color:#fff !important; }
.k2-dialog .k2-dialog-close { width:10%; cursor: pointer; background:url(/images/layout/dlg-tr.png) no-repeat right top; height:15px; padding:10px; display:block; position:absolute; right:0; top:0; }
.k2-dialog .k2-dialog-close span { display:block; position:absolute; width:12px; height:12px; right:10px; top:10px; background:url(/images/layout/white-close.gif) no-repeat; }
.k2-dialog h6 .hover span { background:url(/images/layout/white-close-on.gif) no-repeat; }
.k2-dialog .k2-box-content, .k2-dialog .k2-dialog-body {  background:#fff; padding:15px; width: 570px; }
.k2-dialog .k2-box-content p, .k2-dialog .k2-dialog-body p { line-height:18px; }
.k2-dialog .k2-button {margin:0 15px 0 0;}
.k2-zform dl {}
.k2-zform dt { margin:4px 0; font-weight:bold; }
.k2-zform dt.weightNormal { font-weight:normal; }
.k2-zform dd { margin:4px 0; }
.k2-zform label { color: #000; float: left; }
.k2-zform dd input { width:250px; }
.k2-zform dd textarea { width: 550px; }