@charset "UTF-8";

/*------------------------------------------------------------------------------*/
/*	Stylesheet																	*/
/*------------------------------------------------------------------------------*/
/*

	Theme Name:		Portfolio

	Site-URI:		http://www.web-funk.de
	Author URI:		http://www.web-funk.de

	Author:			Markus Vocke
	Description:	Professional Wordpress Template
	Copyright:		Copyright Markus Vocke

	Version:		01.00.00
	Date:			16.04.2010

*/
/*------------------------------------------------------------------------------*/
	@import url(reset.css);
/*------------------------------------------------------------------------------*/

	body {
	font-family: Arial, Helvetica, sans-serif; color: #526166; font-size: 12px;
	background: #f8f8f8 url("images/back.gif") repeat-x top left;}

	#page {width: 900px; margin: 0 auto;}

	#header {height: 280px; background: url("images/header.jpg") no-repeat bottom left;}

	#left_head {width: 560px; height: 224px; padding: 56px 0 0 0; float: left;}

	#right_head {width: 320px; height: 280px; float: right;}

	#main {width: 100%; display: inline; clear: both;}

	#content {float: left; width: 560px; height: auto; padding: 0 0 40px 0; color: #242729; /* 484f52 */ }

	#site {float: left; width: 900px; height: auto;}

	#sidebar {float: right; width: 290px; height: auto; padding: 30px 0 0 30px;}

	.ibox {float: right; width: 260px; height: auto; margin: 10px 0 30px 0; padding: 0 30px 0 30px;}

	#footer {clear: both; padding: 40px 0 14px 0; background: #293133 url("images/footstripes.gif") repeat-x bottom left;}

	#footbox {width: 900px; margin: 0 auto;}

	#box_a {
	float: left; display: inline; width: 240px;
	height: auto; margin: 0px 0 20px 20px;}

	#box_b {
	float: left; display: inline; width: 240px;
	height: auto; margin: 0px 0 20px 40px;}

	#box_c {
	float: left; display: inline; width: 260px;
	height: auto; margin: 0px 0 20px 70px;}

	#box_d {margin: 0 0 0 20px; padding: 0; clear: both;}

	p {margin: 0 20px 12px 20px; line-height: 1.8em; text-align: justify;}

	a, a:visited, a:hover {text-decoration: none; color: #b35f00;}

	#content p {font-size: 13px;}

	#content p a, #content ul li a {text-decoration: underline; color: #526166;}

	#header p {margin: 0; line-height: normal;}

	#sidebar p {margin: 0 30px 12px 0; text-align: left; line-height: 1.6em;}

	#footer p {margin: 0; text-align: left; line-height: normal; color: #707c80;}

	#sidebar p.rss {margin: 0 0 24px 0;}

	#sidebar p.rss a {
	margin: 0; padding: 12px 60px 8px 0; color: #89b300;
	background: url("images/feed.gif") no-repeat center right;}

	#sidebar p.steps {
	font-weight: bold; margin: 0 40px 0 0;
	padding: 4px 0 8px 10px; background: url("images/line.gif") repeat-x bottom left;}

	#sidebar p.steps a {color: #526166;}

	#sidebar p.teaser {
	line-height: normal; text-align: center;
	margin: 40px 0 40px 0; width: 260px; height: 50px;}

	#site p {margin: 7px 0 7px 0; line-height: 1.6em; clear: both;}

	#site p.up {color: #6ba2b3;}

	#content p.clip {
	color: #f8f8f8; margin: 0; padding: 7px 0 20px 22px;
	background: url("images/clip.gif") no-repeat top left; line-height: normal;}

	#content p.clip a {color: #f8f8f8; text-decoration: none;}

	#content p.text_pad {line-height: 1.6em; color: #3689b3; margin: 0 0 12px 20px;}

	#content p.pic_pad {line-height: normal; color: #9dadb3; margin: 0 20px 24px 20px;}

	#content p.code_pad {line-height: 1.6em; color: #9dadb3; margin: 20px 40px 16px 40px;}

	#content p.pricing {
	line-height: normal; color: #3689b3; font-size: 20px; margin: 0 0 0 20px;
	font-family: Georgia, "Times New Roman", Times, serif;}

	#content p.short_links {padding: 8px 0 8px 0; border-bottom: 1px dotted #dadecc; border-top: 1px dotted #dadecc;}

	#content p.short_links a {color: #b35f00;}

	#content p.button_a {color: #f8f8f8; text-align: center; width: 200px; margin: 20px 0 70px 20px; clear: both;}

	#content p.button_a a {color: #f8f8f8; background: #8fb300; -moz-border-radius: 12px; display: block; text-decoration: none;}

	#content p.button_a a:hover {background: #293133;}

	#content p.tags {color: #89b300; text-align: left; margin: 0 20px 16px 20px; line-height: 1.5em;}

	#content p.tags a, #content .stags a {color: #89b300;}

	#content .stags {
	color: #89b300; background: url("images/line.gif") repeat-x bottom left;
	padding: 0 0 6px 0; margin: 0 20px 0 20px;}

	#content .meta {text-align: left; padding: 3px 0 4px 0; margin: 0 20px 40px 20px;}

	#content .meta a {color: #89b300;}

	#content p.down_check {color: #3d4e52; margin: 0 20px 0 20px; padding: 0 20px 0 0;}

	#content p.down_check #check_down {vertical-align: middle;}

	#content p.down_check label {vertical-align: middle; margin: 0 0 0 7px;}

	#content p.formsend {margin: 8px 0 40px 20px;}

	#sendsubmit {padding: 0 20px 0 20px; line-height: 2em;}

	.wp_syntax {
	color: #526166; -moz-border-radius: 7px;
	padding: 16px 20px 4px 20px; margin: 20px 20px 20px 20px;
	overflow: auto; font-style: normal; background: #f3f3f3;
	overflow-x: auto; overflow-y: hidden;}

	#content img, #content .sticky img, 
	#content img.left, #content .sticky img.left {
	float: left; display: inline; padding: 7px;
	margin: 6px 10px 0 0; border: 1px solid #9dadb3;}

	#content img.right, #content sticky img.right {
	float: right; display: inline; padding: 7px;
	margin: 6px 0 0 10px; border: 1px solid #9dadb3;}

	#content img.aligncenter {
	padding: 10px; width: 500px; display: block; float: none;
	margin: 24px 0 24px 0; background: #f0f0f0; border: none;
	margin-left: auto; margin-right: auto;}

	#header img {width: 320px; height: 120px; display: block;}

	#site img {
	float: left; display: block; width: 500px; height: auto;
	padding: 9px; margin: 20px 0 80px 20px; border: 1px solid #b3b3b3;}

	#content img.base {
	display: block; width: 520px; height: 100px;
	padding: 0; margin: 0 0 30px 0; border: none;}

	#content img.picbox {
	display: block; width: 500px; height: 100px; float: none;
	padding: 9px; margin: 20px 0 12px 20px; border: 1px solid #dedede;}

	h1 {font-size: 18px; color: #003d52; font-weight: bold; margin: 0 0 0 20px;}

	h2 {font-size: 12px; color: #9dadb3; margin: 30px 0 0px 20px;}

	h3 {
	font-size: 17px; color: #003d52; font-weight: bold;
	margin: 12px 100px 10px 20px; clear: both; line-height: 1.4em;}

	#content h3 a {color: #003d52; font-weight: bold;}

	h3.alpha {
	font-size: 15px; line-height: 1.6em;
	margin: 20px 20px 12px 20px; padding: 4px 0 4px 0;
	border-bottom: 1px solid #a3c0cc; border-top: 1px solid #a3c0cc;}

	h3#details {
	padding: 4px 20px 4px 0; margin: 40px 20px 4px 20px; line-height: 1.4em;
	border-bottom: 1px solid #91bd00; border-top: 2px solid #91bd00;}

	h3#comments {
	color: #93b800; line-height: 1.4em;
	padding: 4px 20px 4px 0; margin: 40px 20px 4px 20px;
	border-bottom: 1px solid #91bd00; border-top: 2px solid #91bd00;}

	h4 {
	font-size: 14px; color: #003d52; font-weight: bold;
	margin: 28px 0 12px 20px; line-height: normal;}

	h4.alpha {
	font-size: 14px; color: #3d4e52; line-height: 1.6em;
	margin: 20px 20px 8px 20px; padding: 4px 20px 4px 0;
	border-top: 1px solid #a3becc; border-bottom: 1px solid #a3becc;}

	h4.clip {
	font-size: 13px; color: #f8f8f8; font-weight: normal;
	margin: 0; padding: 7px 0 24px 22px;
	background: url("images/clip.gif") no-repeat top left;}

	h4.clip_space {
	font-size: 13px; color: #f8f8f8; font-weight: normal;
	margin: 32px 0 0 0; padding: 7px 0 20px 22px;
	background: url("images/clip.gif") no-repeat top left;}

	h4.write {
	color: #9eb359; line-height: 1.4em;
	margin: 60px 20px 4px 20px; font-weight: normal;}

	h4.rehead {margin: 17px 0 4px 0; font-weight: bold; color: #003d52;}

	h5 {
	font-size: 14px; color: #6b9bb3;
	margin: 32px 20px 8px 20px; padding: 0 0 7px 0;
	border-bottom: 1px dotted #63a6c7;}

	h5.cancel {margin: 0 20px 0 20px; padding: 0; border: none;}

	h6 {font-size: 13px; margin: 28px 0 12px 20px; padding: 0;}

	#header h2 {
	font-size: 14px; color: #526166; float: left; clear: left;
	padding: 0 15px 0 0; margin: 17px 1px 0 20px;
	background: url("images/menu.gif") no-repeat center right;}

	#footer h2 {font-size: 15px; color: #707c80; margin: 0 0 30px 20px;}

	#footer h2#keyhead {
	clear: left; float: left;
	margin: 0 15px 0 0; padding: 3px 7px 4px 7px;
	border: 1px solid #5a6366; -moz-border-radius: 3px;}

	#footer h3 {
	font-size: 14px; color: #707c80; padding: 0 0 12px 0; margin: 0;
	background: url("images/footline.gif") repeat-x bottom left; font-weight: normal;}

	#sidebar h2 {margin: 0;}

	#sidebar h3 {
	font-size: 15px; line-height: normal; clear: both; margin: 47px 30px 20px 0;
	padding: 5px 0 5px 0; border-bottom: 1px solid #91bd00; border-top: 4px solid #91bd00;}

	#sidebar h3.alpha {clear: both; margin: 18px 30px 12px 0; padding: 0; border: none;}

	#sidebar h3.beta {
	color: #f8f8f8; width: 250px; height: 22px; font-weight: normal;
	margin: 34px 0 10px 0; padding: 6px 0 0 10px; border: none;
	background: #9fc700; font-size: 13px;}

	#sidebar h3.gamma {
	color: #f8f8f8; width: 250px; height: 22px; font-weight: normal;
	margin: 43px 0 10px 0; padding: 6px 0 0 10px; border: none;
	background: #97bd00; font-size: 13px;}

	#sidebar h3.delta {
	color: #f8f8f8; text-align: center; border: none; font-weight: normal;
	padding: 6px 0 0 0; width: 260px; height: 31px; margin: 34px 0 0 0;
	background: url("images/bubble.gif") no-repeat center left; font-size: 14px;}

	#sidebar h3.folder {
	margin: 2px 54px 0 0; padding: 12px 0 4px 0; border: none;
	background: url("images/folder.gif") no-repeat top right; font-size: 17px;}

	#sidebar h4 {
	font-size: 12px; line-height: normal; font-weight: normal;
	clear: both; margin: 32px 30px 12px 0; padding: 0 0 0 0; color: #9dadb3;}

	ul#menu {
	float: left; display: inline; color: #005b80; padding: 0; 
	margin: 17px 0 0 0; background: url("images/stripes.gif") no-repeat top left;}

	ul#menu a {color: #526166; padding: 0 10px 30px 10px; display: block;}

	ul#menu li a:hover {color: #005b80; background: url("images/active.gif") no-repeat bottom center;}

	ul#menu li {float: left; font-size: 13px; list-style-type: none; margin: 0;}

	ul#menu li.active a, ul#menu li.active a:focus,
	ul#menu li.active a:hover, ul#menu li.active a:active {
	color: #526166; background: url("images/active.gif") no-repeat bottom center;}

	#searchform {text-align: left; vertical-align: top; background: #f3f3f3; padding: 50px 30px 17px 30px;}

	#searchform label {color: #9dadb3; line-height: 2.4em;}

	#searchform #s {
	color: #9daeb3; text-align: left; vertical-align: top; width: 190px; height: 23px;
	padding: 0 5px 1px 5px; border: none; background: url("images/search.gif") no-repeat top left;}

	#searchsubmit {
	color: #f8f8f8; height: 24px; width: 60px; padding: 0 0 3px 0; border: none;
	vertical-align: top; background: url("images/submit.gif") no-repeat center left;}

	#sidebar ul {margin: 8px 30px 8px 0;}

	#sidebar ul.listpoint {background: url("images/line.gif") repeat-x top left;}

	#sidebar ul.more {margin: 0 30px 0 0;}

	#sidebar ul.more li {padding: 8px 0 10px 10px;}

	#sidebar ul.more li a {color: #526166;}

	#sidebar ul li {
	color: #526166; list-style-type: none;
	background: url("images/line.gif") repeat-x bottom left;
	padding: 8px 0 10px 0; line-height: 1.4em; font-weight: bold;}

	#sidebar ul li a {color: #313b3d;}

	#sidebar ul li.active a, #sidebar ul li a:hover {color: #89b300;}

	#sidebar ul.listpoint li a {background: url("images/arrow_x.gif") no-repeat center right; width: 226px; display: block;}

	#sidebar ul.listpoint li a:hover, #sidebar ul.listpoint li.active a {background: url("images/arrow_y.gif") no-repeat center right;}

	#footer ul.access {margin: 0; padding: 0;}

	#footer ul.access li {
	float: left; display: inline; margin: 0 15px 0 0; padding: 2px 7px 2px 7px;
	background: none; line-height: normal; border: 1px solid #5a6366; -moz-border-radius: 3px;}

	#footer ul.access li a {color: #707c80;}

	#footer ul {margin: 0 0 40px 0; padding: 0;}

	#footer ul li {
	list-style-type: none; margin: 0; padding: 0 0 2px 0; line-height: 2.5em;
	background: url("images/footline.gif") repeat-x bottom left;}

	#footer ul li a {color: #9dadb3;}

	#footer ul li a:hover {color: #f8f8f8;}

	#footer #box_c ul li {padding: 8px 0 10px 0;}

	#footer #box_c ul li a {
	width: 240px; display: block;
	background: url("images/foot_leaf.gif") no-repeat center right;}

	#content ul {margin: 16px 20px 16px 28px;}

	#content ul li {
	list-style-type: none; line-height: 1.8em; margin: 0 30px 10px 28px;
	padding: 0 0 0 20px; background: url("images/list.gif") no-repeat center left;}

	#content ul li ul {margin: 12px 0 24px 24px; padding: 0;}

	#content ul li ul li {margin: 0 0 8px 0; padding: 0; list-style: none; list-style-type: disc;}

	#sidebar .blogmap {margin: 20px 0 0 0; padding: 0;}

	#sidebar .blogmap li a {background: none; display: inline;}

	#sidebar .blogmap li a:hover {background: none; display: inline;}

	#sidebar .blogmap li {
	float: left; display: inline; line-height: normal; border: none;
	margin: 0 10px 10px 0; padding: 0; background: none;}

	#sidebar .blogmap img {
	display: block; margin: 0; width: 60px; height: 60px;
	border: 1px solid #d4d6cb; padding: 9px; background: #f8f8f8;}

	#sidebar .blogmap img:hover, #sidebar #zootool-badge img:hover {
	display: block; margin: 0; width: 60px; height: 60px;
	border: 1px solid #003d52; padding: 9px;}

	#sidebar blockquote {
	clear: both; color: #526266; padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px; border: none;}

	#sidebar ul.termlist {margin: 12px 30px 0 0px; padding: 0; clear: both;}

	#sidebar ul.termlist li {
	background: url("images/line.gif") repeat-x bottom left; font-size: 13px; margin: 0;
	line-height: 1.5em; padding: 0; color: #003d52; font-weight: bold; text-align: center;}

	#sidebar ul.termlist li blockquote p {padding: 0 0 12px 0; font-size: 12px; text-align: center; margin: 0;}

	#sidebar ul.termlist li a {color: #526266; }

	#sidebar p.button_a {
	font-size: 13px; color: #f8f8f8; text-align: center; width: 220px; line-height: 1.8em;
	margin: 32px 0 20px 20px; clear: both; background: #8fb300; padding: 0 0 1px 0;
	-moz-border-radius: 12px; display: block;}

	#sidebar p.button_a a {color: #f8f8f8;}

	#content ol.commentlist {margin: 0 0 0 20px; padding: 0; list-style-type: none;}

	#content ol.commentlist li {margin: 30px 0 0 0; padding: 0; list-style-type: none;}

	#content ol.commentlist li a { /* color: #b35f00; text-decoration: none; */ }

	.comlink {margin: 10px 0 10px 100px; font-size: 14px; padding: 0; color: #3d4e52; text-align: right;}

	#content ol li.track {margin: 30px 0 40px 0; padding: 0; text-align: left; clear: both;}

	#content .track p.base {
	color: #003d52; border: none; font-size: 13px; padding: 1px 0 0 0;
	margin: 0 20px 0 70px; font-weight: bold; line-height: 1.4em; text-align: left;}

	#content .track p.base a {color: #003d52; font-weight: bold; text-decoration: none;}

	#content .track p.line {
	color: #89b300; line-height: 1.4em; margin: 0 20px 0 70px; padding: 0 0 7px 0;
	background: url("images/line.gif") repeat-x bottom left;}

	#content .maintrack .trackline a {color: #6b9bb3;}

	#content .track p {line-height: 1.7em; margin: 10px 20px 0 70px; padding: 0;}

	#content ol.commentlist blockquote p {padding: 0; margin: 0;}

	#content ol.commentlist blockquote {
	padding: 0 20px 0 20px; margin: 12px 50px 20px 90px;
	clear: none; border-left: 4px solid #b33000;}

	#content p.mod {color: #b34700; line-height: normal; margin: 8px 0 0 80px;}

	#commentform p {margin: 0; padding: 0;}

	#content #commentform a {color: #9eb359; text-decoration: none;}

	#commentform #email, #commentform #author, #commentform #url {
	padding: 5px 5px 0 5px; margin: 0 0 8px 0; width: 240px; color: #6b9bb3;
	font-size: 12px; border: 1px solid #9eb359; vertical-align: middle; background: #f8f8f8;}

	#comment {
	width: 508px; height: 160px; color: #6b9bb3; font-size: 12px; margin: 0;
	border: 1px solid #9eb359; padding: 5px 5px 5px 5px; background: #f8f8f8;}

	input {padding: 0 0 2px 0;}

	#commentform {color: #1f5866; margin: 0 20px 0 20px; padding: 0;}

	#commentform label {font-size: 12px; border: none; color: #526166;}

	#commentform #submit {
	color: #f8f8f8; height: 24px; width: auto; padding: 0 12px 3px 12px; margin: 10px 0 0 0;
	background: #293133; border: none; vertical-align: middle; -moz-border-radius: 12px;}

	#commentform #submit:hover {background: #9eb359;}

	#content p.date {
	float: left; display: inline; text-align: center; clear: left;
	line-height: 1.2em; font-size: 18px; color: #8bad00;
	margin: 0; padding: 0; width: auto; border: none;}

	#content p.admin {color: #8bad00;}

	.day, .month {font-size: 15px;}

	.year {display: block; clear: left;}

	#content ol.commentlist .wp_syntax {
	color: #100; border: none; background: none; padding: 0;
	margin: 12px 60px 0 70px; overflow: auto; font-style: normal;}

	#site ul.sitemap_a h3, #site ul.sitemap_b h3 {margin: 0; padding: 0; line-height: normal; font-size: 17px;}

	#site ul {margin: 20px 20px 0 20px; width: 240px; float: left;}

	#site ul.sitemap_b {margin: 20px 0 0 50px;}

	#site ul li ul {margin: 8px 0px 0 14px; width: 220px;}

	#site ul li ul li {line-height: 2.4em; list-style: disc; color: #6ba2b3;}

	.wp-pagenavi {margin: 40px 20px 0 20px; padding: 0; clear: both;}

	.wp-pagenavi a {margin: 0 5px 0 0; padding: 4px 8px; color: #505050; text-align: center;}

	.wp-pagenavi .current, .wp-pagenavi a:hover {margin: 0 5px 0 0; padding: 4px 8px; background: #505050; color: #fff; text-align: center; -moz-border-radius: 3px;}

	.wp-pagenavi .pages {float: right;}

	#sidebar #zootool-badge img {
	display: block; margin: 0; width: 60px; height: 60px;
	border: 1px solid #d4d6cb; padding: 9px; background: #f8f8f8;}

	#sidebar #zootool-badge ul {margin: 0; padding: 0;}

	#sidebar #zootool-badge ul li a {background: none; display: inline;}

	#sidebar #zootool-badge ul li a:hover {background: none; display: inline;}

	#sidebar #zootool-badge li {
	float: left; display: inline; line-height: normal; border: none;
	margin: 0 10px 10px 0; padding: 0; background: none;}

	#sidebar p.zootool {
	line-height: normal; text-align: center; padding: 9px;
	margin: 0px 0 20px 0; width: 240px; height: 80px;
	border: 1px solid #d4d6cb;}

	#sidebar p.zootool:hover {border: 1px solid #003d52;}

	#content a.more-link {
	color: #f8f8f8; background: #293133; -moz-border-radius: 12px; display: block;
	clear: both; text-align: center; padding: 0 20px 1px 20px; line-height: 1.7em; color: #f8f8f8;
	text-decoration: none; margin: 0px 0 60px 0px; width: 70px;}

	#content a.more-link:hover {background: #97bd00;}

	#content .topspin-widget {margin: 10px 0 0 20px;}

	iframe #tweetmeme_button {float: left;}