/**
 *  main.css
 *  This is the main non-print stylesheet.
 *
 *  Copyright(c)2007 Mario Volke
 */
 

/* general */

body {
	color:#FFF;
	background-color:#2f2f2f;
	font-family:Corbel, Geneva, Verdana, sans-serif;
	font-size:0.95em;
}
span.none {
    display:none;
}


/* head */

div#head div {
	position:relative;
	padding-top:6em;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	color:#ffdd47;
	font-size:1em;
	text-align:right;
	vertical-align:bottom;
}
div#head a:link,a:visited {
	color:#FFF;
}
div#head a:hover {
	color:#ffdd47;
}
div#head img.logo {
	position:absolute;
	bottom:0;
	left:0;
}
div#head li {
    float:right;
    margin-left:8px;
}
div#head li a {
    padding-left:20px;
    background:url(images/icons/menu_bullet.gif) center left no-repeat;
}
div#head li.first a {
    background:none;
    padding-left:0;
}
div#head li.current_page_item a {
	color:#ffdd47;
}


/* content blue */

div.content-blue {
	background:url(images/layout/content_blue_background.gif) top left repeat-x #22559e;
	border-bottom:2px solid #8fbcfd;
}
div.content-blue a {
    color:#FFF;
}
div.content-blue a:hover {
    text-decoration:underline;
}
div.content-blue div.inner {
    width:900px;
    margin-left:auto;
    margin-right:auto;
    padding-top:1em;
}
div.content-blue div.inner p {
    margin:0 0 1em 0;
}
div.content-blue div.slogan {
	width:350px;
	background:url(images/layout/content_blue_eyecatcher.gif) top right no-repeat;
	margin-left:auto;
	margin-right:auto;
	padding-right:550px;
}
div.content-blue div.slogan div {
	padding:1em 0;
	color:#000;
}
div.content-blue div.search {
	padding:1em 0 1em 620px;
	color:#000;
	width:280px;
    margin-left:auto;
    margin-right:auto;
}
div.content-blue div.search form {
    margin:0;
    padding:0;
}
div.content-blue div.search input {
    border:2px solid #bee1ff;
    font-size:1em;
    padding:0.2em;
    width:160px;
}
div.content-blue div.search button {
    color:#bee1ff;
    border:0;
    background-color:transparent;
    font-size:1.3em;
    cursor:pointer;
}
div.content-blue div.search button:hover {
    color:#FFF;
}
div.content-blue p.white {
    color:#FFF;
}
div.content-blue strong {
    color:#FFF;
    font-weight:bold;
}


/* content white */

div.content-white {
    color:#2F2F2F;
    background-color:#FFF;
}
div.content-white div.content-white-inner {
    width:900px;
    margin-left:auto;
    margin-right:auto;
}
div.content-white div.col1 {
    width:590px;
    float:left;
    padding-top:1em;
    padding-bottom:1em;
}
div.content-white div.col2 {
    width:280px;
    margin-left:30px;
    float:left;
    padding-top:1em;
    padding-bottom:1em;
}
div.content-white div.no-col {
    width:100%;
}
div.content-white a:link, div.content-white a:active, div.content-white a:visited {
    color:#679ef1;
}
div.content-white a.arrow-right,
div.content-white div.navigation div.alignright a {
    color:#679ef1;
    line-height:1.6em;
    padding-right:30px;
    padding-top:10px;
    padding-bottom:10px;
    background:url(images/icons/arrow_white_right.gif) center right no-repeat;
}
div.content-white a.arrow-left,
div.content-white div.navigation div.alignleft a {
    color:#679ef1;
    line-height:1.6em;
    padding-left:30px;
    padding-top:10px;
    padding-bottom:10px;
    background:url(images/icons/arrow_white_left.gif) center left no-repeat;
}
div.content-white a.arrow-up,
div.content-white div.navigation-up a {
    color:#679ef1;
    line-height:1.6em;
    padding-right:30px;
    padding-top:10px;
    padding-bottom:10px;
    background:url(images/icons/arrow_white_up.gif) center right no-repeat;
}
div.content-white a:hover {
    color:#22559e;
    text-decoration:underline;
}
div.content-white div.col2 h1 {
    font-size:1.1em;
    border-bottom:#bee1ff 5px solid;
    padding-bottom:0.1em;
    margin-bottom:1em;
}


/* home portfolio */

div.content-white div.portfolio1 {
    width:590px;
    float:left;
    padding-top:1em;
    padding-bottom:1em;
}
div.content-white div.portfolio1 h1 {
    font-size:1.1em;
    border-bottom:#bee1ff 5px solid;
    padding-bottom:0.1em;
    margin-bottom:1em;
}
div.content-white div.portfolio2 {
    width:280px;
    float:left;
    margin-left:30px;
    margin-top:80px;
    padding-top:1em;
    padding-bottom:1em;
}
div#projects {
    height:100px;
    overflow:hidden;
    position:relative;
}
div#projects a {
    display:block;
    overflow:hidden;
    float:left;
    margin-right:10px;
}
div#projects a img {
    height:80px;
    width:120px;
    padding:2px;
    border:5px solid #679ef1;
}


/* content-white col1 content */

div.content-white div.col1 h1,
div.content-white div.col1 div.portfolio,
div.content-white div.col1 div.portfolio-thumb,
div.content-white div.col1 div.post,
div.content-white div.col1 div.content,
div.content-white div.col1 div.kontakt,
div.content-white div.col1 div.navigation {
    padding-left:80px;
}
div.content-white div.col1 blockquote,
div.content-white div.col1 div.wp_syntax {
    margin-left:-80px;
    padding-left:80px;
}
div.content-white div.col1 div.kontakt h1 {
    padding-left:0px;
}
div.content-white div.col1 div.post {
    background:url(images/icons/post.gif) top left no-repeat;
    margin-bottom:3em;
}
div.content-white div.col1 p.message {
    margin-top:5em;
    text-align:center;
}
div.content-white div.col1 h1 {
    color:#bee1ff;
    border:0;
    text-transform:uppercase;
    margin-bottom:2em;
    font-size:1.1em;
}
div.content-white div.col1 h2 {
    font-size:1.5em;
}
div.content-white div.col1 h2 a {
    color:#000;
}
div.content-white div.col1 h2 a:hover {
    color:#000;
    text-decoration:none
}
div.content-white div.col1 h2 span.ampersand {
    color:#679ef1;
    font-size:1.2em;
    font-family:'Palatino Linotype', 'Book Antiqua', 'Palatino', serif;
}
div.content-white div.col1 h2 cite {
    display:block;
    text-align:left;
    font-size:0.75em;
    color:#679ef1;
    margin:0;
}
div.content-white div.col1 h3 {
    color:#679ef1;
    font-size:1.125em;
    font-style:italic;
    margin-top:2em;
}
div.content-white div.col1 h3 span.ampersand {
    font-size:1.2em;
    font-family:'Palatino Linotype', 'Book Antiqua', 'Palatino', serif;
    font-style:normal;
}
div.content-white div.col1 p.right {
    clear:both;
    text-align:right;
}
div.content-white div.col1 div.navigation  {
    text-align:right;
}
div.content-white div.col1 div.navigation div.alignleft  {
    float:left;
}
div.content-white div.col1 div.navigation-up {
    text-align:right;
    margin-top:1em;
}
div.content-white div.col1 p.addnotes {
    margin-top:2em;
    padding-top:2em;
    border-top:#bee1ff 5px solid;
    font-size:0.8em;
}
div.content-white div.col1 ul {
    margin:0.6em 0;
    list-style-image:url(images/icons/list_bullet.gif);
    list-style-position:outside;
}
div.content-white div.col1 blockquote {
    margin-top:2em;
    padding-bottom:0.2em;
    background:url(images/icons/cite.gif) top left no-repeat;
    font-style:italic;
}
div.content-white div.col1 cite {
    display:block;
    text-align:right;
    font-style:italic;
    font-size:0.8em;
    margin-bottom:2em;
}
div.wp_syntax {
	border:0;
	overflow:visible;
    margin:1em 0;
    padding:1em 0;
    background:url(images/icons/code.gif) top left no-repeat;
}
div.wp_syntax td.line_numbers {
	background:transparent;
    padding-right:1em;
}
div.wp_syntax pre {
    line-height:1.2em;
}

div.content-white div.col1 div.portfolio {
    margin-bottom:3em;
}
div.content-white div.col1 div.portfolio img.big-image {
    width:496px;
    border:5px solid #BEE1FF;
    padding:2px;
    margin-bottom:2em;
}
div.content-white div.col1 div.portfolio-thumb {
    margin-bottom:2em;
}
div.content-white div.col1 div.portfolio-thumb img {
    padding:2px;
    margin-right:1em;
    border:5px solid #BEE1FF;
    background-color:#FFF;
    float:left;
}
div.content-white div.col1 div.portfolio-thumb h2 {
    padding-top:20px;
}

div.content-white div.col1 div.kontakt {
    background:url(images/icons/kontakt.gif) top left no-repeat;
}
div.content-white div.col1 label {
    float:right;
    width:200px;
    line-height:1.5em;
}
div.content-white div.col1 input,
div.content-white div.col1 textarea,
div.content-white div.col1 select {
    font-size:1em;
    line-height:1.5em;
    padding:0.2em;
    border:1px solid #BEE1FF;
    font-family:Corbel, Geneva, Verdana, sans-serif;
}
div.content-white div.col1 textarea {
    width:498px;
}
div.content-white div.col1 button {
    float:right;
    padding-right:30px;
    padding-top:10px;
    padding-bottom:10px;
    border:0;
    background:transparent url(images/icons/arrow_white_right.gif) center right no-repeat;
    font-family:Corbel, Geneva, Verdana, sans-serif;
    color:#679ef1;
    cursor:pointer;
}
div.content-white div.col1 button:hover {
    color:#22559e;
}
div.content-white div.col1 input {
    width:200px;
}
div.content-white div.col1 select {
    width:300px;
}
div.content-white div.col1 input.error {
    border-color:#cf4e44;
}
div.content-white div.col1 label.error {
    color:#cf4e44;
}
div.content-white div.col1 ul.error {
    list-style-image:url(images/icons/list_bullet_error.gif);
    color:#cf4e44;
    margin-bottom:2em;
}


/* content-white col2 content */

div.content-white div.col2 p,
div.content-white div.col2 ul,
div.content-white div.col2 div {
    margin-bottom:2em;
}
div.content-white div.col2 ul li {
    line-height:1.5em;
}
div.content-white div.col2 ul li a {
    display:block;
    color:#000;
    border-bottom:1px solid #BEE1FF;
    line-height:1.5em;
    height:1.5em;
}
div.content-white div.col2 ul li a:hover {
    background-color:#BEE1FF;
    color:#000;
    padding-left:1em;
    text-decoration:none;
}
div.content-white div.col2 ul li.current-cat a {
    color:#679ef1;
}
div.content-white div.col2 p.portfolio-web {
    padding-left:40px;
    background:url(images/icons/web.gif) top left no-repeat;
    line-height:1.5em;
}
div.content-white div.col2 p.portfolio-customer {
    padding-left:40px;
    background:url(images/icons/customer.gif) top left no-repeat;
    line-height:1.5em;
}


/* content dark */

div.content-dark div.content-dark-inner {
    width:900px;
    margin-left:auto;
    margin-right:auto;
    padding-top:1em;
    padding-bottom:2em;
    border-bottom:#393939 5px solid;
}
div.content-dark a {
    color:#679ef1;
}
div.content-dark a:hover {
    color:#ffdd47;
}
div.content-dark div.col1 {
    width:590px;
    float:left;
}
div.content-dark div.col2 {
    width:280px;
    margin-left:30px;
    float:left;
}
div.content-dark h1 {
    font-size:1.1em;
    border-bottom:#393939 5px solid;
    padding-bottom:0.1em;
    margin-bottom:1em;
}


/* content-dark col1 content */

div.content-dark div.col1 div.comment-content,
div.content-dark div.col1 div.comment-write {
    padding-left:80px;
}
div.content-dark div.col1 div.comment-content ol.commentlist img.addBorder,
div.content-dark div.col1 div.comment-content ol.commentlist a img {
    margin-left:-80px;
}
div.content-dark div.col1 ul.article li {
    float:left;
}
div.content-dark div.col1 ul.article a {
    color:#FFF;
    display:block;
    width:280px;
}
div.content-dark div.col1  ul.article li.right {
    margin-left:30px;
}
div.content-dark div.col1 ul.article a strong {
    display:block;
    height:1.7em;
    line-height:1.6em;
    color:#679ef1;
    padding-left:30px;
    margin-bottom:0.5em;
    background:url(images/icons/arrow_dark.gif) top left no-repeat;
}
div.content-dark div.col1 ul.article a em {
    font-style:normal;
    font-weight:bold;
}
div.content-dark div.col1 ul.article a:hover strong {
    color:#ffdd47;
    background-position:0px -100px;
}

div.content-dark div.col1 div.comment-content {
    background:url(images/icons/comments_dark.gif) top left no-repeat;
}
div.content-dark div.col1 div.comment-content h1 {
    margin-bottom:2em;
}
div.content-dark div.col1 div.comment-content ol.commentlist img.addBorder,
div.content-dark div.col1 div.comment-content ol.commentlist a img {
    float:left;
    border:2px #679ef1 solid;
}
div.content-dark div.col1 div.comment-content ol.commentlist a:hover img {
    border-color:#ffdd47;
}
div.content-dark div.col1 div.comment-content ol.commentlist cite {
    display:block;
    color:#679ef1;
    font-style:normal;
    padding-bottom:0.3em;
}
div.content-dark div.col1 div.comment-content ol.commentlist div.comment-meta {
    float:right;
    font-size:0.8em;
}
div.content-dark div.col1 div.comment-content ol.commentlist div.comment-text {
    font-size:0.8em;
    background-color:#393939;
    margin-bottom:2em;
    padding:1em;
}

div.content-dark div.col1 div.comment-write {
    margin-top:2em;
    background:url(images/icons/new_comment_dark.gif) top left no-repeat;
}
div.content-dark div.col1 div.comment-write h1 {
    margin-bottom:2em;
}
div.content-dark div.col1 div.comment-write input,
div.content-dark div.col1 div.comment-write textarea {
    font-size:1em;
    line-height:1.5em;
    padding:0.2em;
    border:5px solid #393939;
    font-family:Corbel, Geneva, Verdana, sans-serif;
}
div.content-dark div.col1 div.comment-write textarea {
    width:498px;
}
div.content-dark div.col1 div.comment-write button {
    float:right;
    padding-right:30px;
    padding-top:10px;
    padding-bottom:10px;
    border:0;
    background:transparent url(images/icons/arrow_dark_right.gif) center right no-repeat;
    font-family:Corbel, Geneva, Verdana, sans-serif;
    color:#679ef1;
    cursor:pointer;
}
div.content-dark div.col1 div.comment-write button:hover {
    color:#ffdd47;
}
div.content-dark div.col1 div.comment-write input {
    width:200px;
}


/* content-dark col2 content */
div.content-dark div.col2 ul.comment a {
    color:#FFF;
    display:block;
    margin-bottom:1em;
    height:44px;
}
div.content-dark div.col2 ul.comment a img {
    float:left;
    border:2px #679ef1 solid;
    margin-right:10px;
}
div.content-dark div.col2 ul.comment a cite {
    display:block;
    color:#679ef1;
    font-weight:bold;
}
div.content-dark div.col2 ul.comment a em {
    font-style:italic;
}
div.content-dark div.col2 ul.comment a:hover img {
    border-color:#ffdd47;
}
div.content-dark div.col2 ul.comment a:hover strong {
    color:#ffdd47;
}


/* foot */

div#foot {
    width:900px;
    margin-left:auto;
    margin-right:auto;
    padding-top:1em;
    padding-bottom:1em;
    text-align:right;
    font-size:0.85em;
}
div#foot p {
    margin:0;
    padding:0;
    float:left;
}
div#foot p strong {
    color:#679ef1;
}
div#foot a {
    color:#679ef1;
}
div#foot a:hover {
    color:#ffdd47;
}
div#foot a.rss {
    padding-left:20px;
    background:url(images/icons/rss_dark.gif) center left no-repeat;
}
div#foot a.top {
    padding-left:20px;
    background:url(images/icons/top_dark.gif) center left no-repeat;
}