/*
Theme Name: why-design.de
Theme URI: http://why-design.de/
Description: Das neue Design von why-design.de.
Version: 1.0
Author: Patrick Mayer
Author URI: http://why-design.de/


*/

body {
color:#CCCCCC;
font-family:Verdana, Tahoma, _sans;
font-size:9pt;
margin:0;
padding:0;
background-color:#000000;
line-height:1.6;
}

#wrapper {
position:relative;
width:1000px;
margin:0 0 0 -500px;
left:50%;
background-image:url(pix/body.jpg);
}

#header {
width:1000px;
height:250px;
background-image:url(pix/head.jpg);
}

#menu {
padding:190px 90px 0 355px;
}

#menu a {
float:left;
background-image:url(pix/menu.jpg);
background-position:top left;
height:31px;
width:100px;
}

#menu a.home {
width:80px;
}
#menu a.about {
background-position:-80px 0;
width:85px;
}
#menu a.service {
background-position:-165px 0;
width:95px;
}
#menu a.partners {
background-position:-260px 0;
width:115px;
}
#menu a.contact {
background-position:-460px 0;
float:right;
width:95px;
}

#menu a.home:hover {
width:80px;
background-position:0 -31px;
}
#menu a.about:hover {
background-position:-80px -31px;
width:85px;
}
#menu a.service:hover {
background-position:-165px -31px;
width:95px;
}
#menu a.partners:hover {
background-position:-260px -31px;
width:115px;
}
#menu a.contact:hover {
background-position:-460px -31px;
float:right;
width:95px;
}

.breadcrumb {
background-image:url(pix/breadcrumb.jpg);
background-repeat:no-repeat;
font-size:8pt;
margin:0 0 20px 26px;
padding:2px 0 0 31px;
}

.breadcrumb a {
color:#BBBBBB;
}

#middle {
width:900px;
padding:0 50px;
}

#content {
float:left;
display:inline;
width:645px;
}

.pagetitle_cat {
background-image:url(pix/category.jpg);
border:1px solid #222222;
height:41px;
margin:0 30px 30px;
padding:6px 20px 0 0;
text-align:right;
}

.pagetitle_tag {
background-image:url(pix/tag.jpg);
border:1px solid #222222;
height:41px;
margin:0 30px 30px;
padding:6px 20px 0 0;
text-align:right;
}

.welcome {
background-image:url(pix/welcome.jpg);
background-repeat:no-repeat;
border:1px solid #333333; 
margin:0 30px 25px 30px;
padding:55px 25px 15px;
}

.post {
background-color:#111111;
border:1px solid #222222;
border-top:0px;
margin:0 30px;
padding:17px 25px 8px;
}

.post h2 a {
color:#CCCCCC;
}

.post a {
/*color:#CCCCCC;*/
}

.post_time {
text-align:right;
float:right;
line-height:1.3;
color:#666666;
padding:1px 0 0 0;
}

.post_time a {
color:#CCCCCC;
}

.postmetadata {
color:#666666;
}

.postmetadata a {
color:#CCCCCC;
}

#respond {
background-color:#111111;
border:1px solid #222222;
margin:30px;
padding:5px 25px 10px;
}

.navigation {
background-color:#111111;
border:1px solid #222222;
margin:30px;
padding:10px 20px;
height:18px;
}

.navigation a {
color:#999999;
text-decoration:none;
}

.navigation a:hover {
text-decoration:underline;
}

#comments {
font-family:arial,veradana,tahoma,_sans;
font-weight:normal;
font-size:14pt;
margin:20px 30px 10px;
}

.comment {
background-color:#111111;
border:1px solid #222222;
margin:20px 30px 30px;
padding:18px 25px 10px;
}

.comment-author {
float:left;
}

.fn {
color:#FFFFFF;
}
.says {
color:#666666;
}

.comment-meta {
text-align:right;
line-height:1.3;
color:#666666;
padding:0 0 10px;
}

.comment-meta a {
color:#666666;
}

#sidebar {
float:right;
display:inline;
width:253px;
}

#sidebar a {
color:#DDDDDD;
text-decoration:none;
}

#sidebar a:hover {
text-decoration:underline;
}

#sidebar ul {
list-style:none;
padding:0;
margin:0;
}

#sidebar ul li {
margin:0 0 25px 0;
padding:35px 10px 0 27px;
}

#sidebar ul li ul li {
margin:5px 0;
padding:0;
}

#sidebar ul li ul li ul{
padding:0 0 0 15px;
margin:0;
}

.widget_categories {
background-image:url(pix/sidebar_cat.jpg);
background-repeat:no-repeat;
}

.widget_daikos_text {
background-image:url(pix/sidebar_work.jpg);
background-repeat:no-repeat;
}

.widget_tag_cloud {
background-image:url(pix/sidebar_tag.jpg);
background-repeat:no-repeat;
}

/*
.widget_search {
background-image:url(pix/sidebar_search.jpg);
background-repeat:no-repeat;
}
*/

#text-3 {
background-image:url(pix/sidebar_search.jpg);
background-repeat:no-repeat;
}
#text-3 input {
float:left;
}

#text-3 #s {
color:#DDDDDD;
background-image:url(pix/bg_input.jpg);
border:1px solid #444444;
margin:6px 5px 0 0;
padding:4px;
width:150px;
}

#footer {
text-align:center;
color:#999999;
background-image:url(pix/foot.jpg);
background-repeat:no-repeat;
font-size:9px;
height:77px;
padding:5px 324px 0 70px;
}

#footer_line {
border-top:1px solid #333333;
}

#footer a {
color:#999999;
}


#author {
color:#DDDDDD;
background-image:url(pix/bg_input.jpg);
border:1px solid #444444;
padding:6px;
}

#email {
color:#DDDDDD;
background-image:url(pix/bg_input.jpg);
border:1px solid #444444;
padding:6px;
}

#url {
color:#DDDDDD;
background-image:url(pix/bg_input.jpg);
border:1px solid #444444;
padding:6px;
}

textarea {
font-family:Verdana,Tahoma,_sans;
font-size:9pt;
color:#DDDDDD;
padding:6px;
background-image:url(pix/bg_input.jpg);
border:1px solid #444444;
}

.wpcf7-form-control-wrap input {
font-family:Verdana,Tahoma,_sans;
font-size:9pt;
color:#DDDDDD;
padding:6px;
background-image:url(pix/bg_input.jpg);
border:1px solid #444444;
}


img {
border:1px solid #444444;
}

img.screenshot {
margin:0 0 20px;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

img.alignright {
float: right;
margin:5px 0 7px 25px;
}

img.alignleft {
float: left;
margin:5px 25px 7px 0;
}

.icon {
border:0;
vertical-align:middle;
margin:0 5px 0 0;
}

p {
/*text-align:justify;*/
margin:10px 0;
}

a {
color:#FFFFFF;
}

h2 {
font-family:Arial,Tahoma,Verdana,_sans;
font-weight:normal;
font-size:22px;
margin:0;
padding:0;
line-height:1.4;
}

h2 a {
text-decoration:none;
}

h2 a:hover {
text-decoration:underline;
}

h3 {
color:#DDDDDD;
font-family:Arial,Tahoma,Verdana,_sans;
font-size:14pt;
font-weight:normal;
margin:25px 0 10px;
}

textarea {
width: 525px;
}