/*

Theme Name: WordWeb Minimalist
URL: www.wordweb.ch

Description: WordWeb Web- & Werbetext
Version: 1.0

Author: WordWeb
*/


@import url(css/color.css);
@import url(css/typography.css);
@import url(css/reset.css);
@import url (pagenavi-css.css);


div#header {position: relative; width: 880px; height: 100px; margin: 0 auto;}
div#header h1 a {position: absolute; left: 0; bottom: 16px; width: 354px; height: 30px; text-indent: -9999px;}
p#navigation {position: absolute; right: 0; bottom: 16px; width: 500px; height: 18px;}
div#header-blog {position: relative; width: 860px; height: 100px; margin: 0 auto;}
div#header-blog h1 a  {position: absolute; left: 0; bottom: 10px; width: 209px; height: 37px; text-indent: -9999px;}

div#content {width: 880px; margin: 35px auto 30px auto;}
div#content-startseite-left {width: 480px; float: left;}
div#content-startseite-right {position: relative; width: 360px; margin-left: 40px; float: right;}
div#content-startseite-right img {position: absolute; top: 70px; right: 0;}
div#content-startseite-right img.coffee {position: absolute; top: 110px; right: 0;}
div#content-startseite-right img.girl {position: absolute; top: 115px; right: 80px;}
div#content-startseite-right img.kitty {position: absolute; top: 130px; right: 30px;}
div#content-startseite-right img.globe {position: absolute; top: 120px; right: 55px;}
p#bubble {position: absolute; top: -10px; right: 0; width: 230px; height: 74px; padding-top: 10px; z-index: 1;}
div#bubbletip {position: absolute; top: 10px; right: 230px; width: 24px; height: 25px; z-index: 1;}
p#bubble-2{position: absolute; top: 15px; right: 30px; height: 56px; padding: 10px 20px 0 20px; z-index: 1;}
div#bubbletip-2 {position: absolute; top: 85px; right: 100px; width: 19px; height: 22px; z-index: 1;}

div#content-blog {width: 860px; margin: 30px auto 25px auto;}
div#content-blog-main {width: 540px; margin-right: 60px; float: left;}
div#content-blog-sidebar {width: 260px; float: right;}

div#content-page, div#content-page-standard {width: 880px; margin: 0 auto; padding-bottom: 25px;}
div#content-page-main {width: 560px; margin-right: 60px; float: left;}
div#content-page-sidebar {width: 260px; float: right;}

p#social {position: relative; height: 16px;}

div#content-blog-main div.comments-container {width: 470px; padding: 35px 35px 25px 35px; margin: 10px 0 30px 0; overflow: hidden;}
div#content-blog-main div.comment-avatar {float: left; width: 110px;}
div#content-blog-main div.comment-text {float: right; width: 330px; margin-left: 30px; overflow: hidden;}

p#facebook a {border: none;}

form.searchform {width: 260px; height: 30px; margin-top: 5px; margin-bottom: 7px;}
form.searchform input {width: 200px; height: 20px; padding: 5px 10px; background-position: 100% 0;}
form.searchform button {width: 30px; height: 26px;}

form#comment-form input {width: 230px;}
form#comment-form textarea {width: 524px;}
form#comment-form button {margin-bottom: 10px;}
form#comment-form {margin-bottom: 20px;}

div.comment-subscription {margin-top: 0;}

div#categories {width: 260px;}
div#categories-left {width: 140px; float: left;}
div#categories-right {width: 120px; float: right;}
div#categories ul li {padding-left: 20px;}
div#categories ul.level-2 {padding-bottom: 5px;}
div#categories ul.level-2 li {padding-left: 15px; margin-left: 20px;}
div#content-blog-sidebar ul.dashed li, div#content-blog-sidebar ul.nodash li {padding-left: 20px;}
div#content-blog-sidebar ul.dashed-noflower {margin-top: 5px;}
div#content-blog-sidebar ul.dashed-noflower li img {margin-right: 10px;}

div#teaser-startseite {width: 880px; margin: 0 auto; padding-bottom: 20px;}
div#teaser-startseite-1 {width: 260px; margin-right: 50px; padding: 15px 0 20px 0; float: left;}
div#teaser-startseite-2 {width: 260px; margin-right: 50px; padding: 15px 0 20px 0; float: left;}
div#teaser-startseite-3 {width: 260px; padding: 15px 0 20px 0; float: left;}
div#teaser-startseite img {margin: 10px;}

ul.portfolio li {float: left; margin: 0 10px 10px 0;}
div#kunden {margin-top: 20px;}
div#agenturen {width: 580px; float: left; margin-top: 10px;}
ul#agenturen-left {width: 270px; margin-right: 20px; float: left;}
ul#agenturen-right {width: 270px; margin-right: 20px; float: right;}
div#eigene {width: 270px; float: right; margin-top: 10px;}
div#themen {width: 880px; margin-top: 30px;}
div.themenliste {width: 210px; margin-right: 10px; margin-top: 10px; float: left;}

div#footer {width: 820px; margin: 50px auto 0 auto; padding-bottom: 10px;}

div#socialbuttons {width: 460px; height: 40px;}
div#twitter {float: left; width: 130px; margin-top: 3px;}
div#facebookbutton {float: left; width: 90px;}
div#flattr {float: left; width: 150px; margin-top: 5px;}
div#wikio{float: left; width: 150px; margin-top: 5px;}

div#content-blog-main  .wp-pagenavi {margin-top: 25px; float: right; font-size: 12px;}

div#content-blog-main .wp-pagenavi a, .wp-pagenavi a:link {
	padding: 5px 10px 7px 10px;
	margin: 2px;
	text-decoration: none;
	border: none;
	color: #ffffff;
	background-color: #634b42;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 	
}
div#content-blog-main .wp-pagenavi a:visited {
	padding: 5px 10px 7px 10px;
	margin: 2px;
	text-decoration: none;
	border: none;
	color: #ffffff;
	background-color: #634b42;
}

div#content-blog-main .wp-pagenavi a:hover {	
	background-color: #fe2542;
}

div#content-blog-main .wp-pagenavi a:active {
	padding: 5px 10px 7px 10px;
	margin: 2px;
	text-decoration: none;
	border: none;
	color: #ffffff;
	background-color: #634b42;	
}
div#content-blog-main .wp-pagenavi span.pages {
	padding: 5px 10px 7px 0;
	margin: 2px 2px 2px 0;
	font-weight: bold;
	color: #634b42;
	border: none;
}
div#content-blog-main .wp-pagenavi span.current {
	padding: 5px 10px 7px 10px;
	margin: 2px;
	background-color: #fe2542;
	color: #ffffff;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
div#content-blog-main .wp-pagenavi span.extend {
	padding: 5px 10px 7px 10px;
	margin: 2px;
	text-decoration: none;
	border: none;
	color: #ffffff;
	background-color: #634b42;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}