/**
Theme Name: Planet ITservices GmbH
Theme URI: http://www.planet-itservices.com
Description: Planet ITservices Theme
Author: Andreas Hommel
Author URI: http://www.planet-itservices.com
Basic Styles
*/
	
/** =Colors
-------------------------------
dark gray: #3d3d3d
gray: #4b4b4b
orange: #ca7d03
white: #f2f2f2
creme: #e7e6e6
*/

@import url("reset.css");

/** =Layout 
-------------------------------*/
body {background:#3d3d3d url(img/bg_main.png) 0 0 repeat; margin:0; padding:0; font:normal 13px "Helvetica Neue", Arial, Verdana, sans-serif;}

/** =Basic Styles 
-------------------------------*/
span {display:block;}
p {padding-top:10px;}
hr {border:0; height:1px; color:#4b4b4b; background:#4b4b4b; margin:15px 0 15px 0;}

/** =Links & Headings 
-------------------------------*/
a {text-decoration:none; color:#ca7d03;}
a:hover {color:#cf9436;}
h1,h2,h3,h4,h5,h6 {color:#4b4b4b;}
h1 {font-size:20px; margin:0;}
h2 {font-size:18px; margin:0;}
h3 {font-size:14px; margin:0; font-style:italic; color:#ca7d03;}
h4 {font-size:14px; margin-top:5px; font-style:italic; color:#ca7d03;}
h5 {font-size:14px; margin-bottom:10px; font-style:italic; color:#ca7d03;}
h6 {font-size:10px; margin:0;}

/** =Classes 
-------------------------------*/
.bold {font-weight:bold;}
.email {color:#666666;}
.vcard {color:#666666; padding-left:22px; background:transparent url(img/icon_vcard.gif) 0 0 no-repeat;}
.clearfix {clear:both;}
.desc {color:#333; padding:10px 0 10px 0;}
.entry_start {padding-top:10px;}
.alignleft {padding-top:15px;}
.start_phone {padding-left:25px; background:transparent url(img/phone.gif) 0 0 no-repeat; display:inline-block; margin-right:15px;}
.start_email {padding-left:25px; background:transparent url(img/email.gif) 0 0 no-repeat; display:inline-block;}
.start_rss {padding-left:20px; background:transparent url(img/rss.gif) 0 0 no-repeat; margin-top:20px;}
.buttons {padding-top:10px;}
.page_left {float:left; width:615px; margin-right:40px;}
.page_right {float:right; width:265px;}
.orange {color:#ca7d03; display:inline;}

/** =Basic Grid
-------------------------------*/
#wrapper {width:100%; text-align:left; padding:0;}
#header {width:960px; margin:0 auto; height:150px; position:relative;}
#container {width:960px; margin:0 auto; text-align:left; padding:0;}
#banner {height:220px; width:960px;}
#banner_info {width:960px; height:220px;}
#banner_info img {width:960px; height:220px;}
#content {padding:30px 20px 50px 20px; margin:0 auto; width:920px; background:#f2f2f2 url(img/bg_content.png) 0 0 repeat-x; border-bottom:5px solid #CA7D03; border-top:5px solid #CA7D03; overflow:hidden;}

/** =Header
-------------------------------*/
#logo {width:230px; height:125px; position:absolute; left:0px; top:40px;}
#logo a {width:330px; height:85px; display:block; background:transparent url(img/logo.gif) 0 0 no-repeat;}
#contact_us {position:absolute; left:365px; bottom:30px; width:150px; padding:10px 10px 10px 20px; background:transparent url(img/bg_contactus.gif) 0 0 no-repeat;}
#contact_us a {color:#f2f2f2; font-size:14px;}
#contact_us a:hover {color:#CA7D03; font-size:14px;}
#contact_info {position:absolute; right:0px; bottom:30px; padding:10px 20px; background:transparent url(img/bg_contactinfo.gif) 0 0 no-repeat;}
#contact_info span {color:#f2f2f2; font-size:14px;}
#contact_info a {color:#f2f2f2; font-size:14px;}
#contact_info a:hover {color:#CA7D03; font-size:14px;}

/** =Navigation
-------------------------------*/
#nav {width:960px; height:50px; background:#3d3d3d url(img/nav_bg.png) 0 0 repeat-x; position:relative;}
#nav a {padding-top:15px; color:#3d3d3d; font-size:15px; display:block; width:100px; height:35px; background:transparent url(img/bg_nav.png) 0 -50px no-repeat;} 
#nav a:hover {color:#4b4b4b;}
#nav ul {margin:0; padding:0;}
#nav li {float:left; list-style-type:none; padding:0; margin:0; text-align:center; display:block;}
#nav li.current_page_item a {padding-top:15px; color:#4b4b4b; font-size:15px; display:block; width:100px; height:35px; background:transparent url(img/bg_nav.png) 0 0 no-repeat;}

/** =Search
-------------------------------*/
#search {padding:0; position:absolute; right:5px; bottom:11px;}
#s {color:#3d3d3d; height:20px; width:145px; border:0; background:transparent url(img/bg_searchfield.gif) 0 0 no-repeat; padding:6px 15px 2px 15px; font-size:12px;}
#s:focus {background-position: 0 -28px;}
#searchsubmit {border:none; cursor:pointer; vertical-align:top; height:28px; width:28px; background:transparent url(img/searchbutton.gif) 0 0 no-repeat;}	

/** =Projects
-------------------------------*/
#start_recent_projects {padding-top:10px;}
#start_recent_projects li {list-style-type:none; padding:10px; margin-top:10px; background:#dddddd; height:120px; font-size:13px;}
#start_recent_projects li:hover {background:#e6e6e6;}
#start_recent_projects li img {float:left; margin-right:15px;}
#site_recent_projects {padding:0; width:920px;}
#site_recent_projects .project {list-style-type:none; padding:10px; margin:0 20px 20px 0; background:#dddddd; width:420px; height:250px; float:left;}
#site_recent_projects .project:hover {background:#e6e6e6;}
#site_recent_projects .project img {float:left; margin:0 15px 15px 0;}

/** =News
-------------------------------*/
#start_recent_news {padding-top:10px;}
#start_recent_news li {list-style-type:none; padding:5px 0; margin-bottom:20px;}
#start_recent_news .news_details {padding:3px 0;}
#site_recent_news {float:left; padding:0; width:615px; margin-right:40px;}
#site_recent_news li {list-style-type:none; padding:10px; margin:10px 0; background:#E6E6E6;}
#site_recent_news .news_details {padding:3px 0;}
#site_news_archiv {float:left; width:250px;}

/** =Services Page
-------------------------------*/
#services {width:920px; overflow:hidden; margin-top:20px;}
#services_left {float:left; width:615px; margin-right:40px;}
#services_right {float:left; width:260px;}
#services_left .services_detail {width:595px; padding:10px 10px; background:#dddddd; margin:0 20px 20px 0;}
#services_list {width:250px; float:left;}
#services_list ul {padding:0; margin:0;}
#services_list li {list-style-type:none; padding:5px 0 4px 8px; margin:2px 0; background:#dddddd;}
#hardware {width:250px; float:left; padding:20px 0 0 0;}
#hardware ul {padding:0; margin:0;}
#hardware li {list-style-type:none; padding:5px 0 4px 8px; margin:2px 0; background:#dddddd;}

/** =Contact
-------------------------------*/
.page_right p {margin-bottom:30px; padding-top:15px;}
#wpcf label {clear: both; display: block; float: left; width: 200px; padding-top:4px;}
#wpcf input {float: left; width: 398px; padding: 5px; margin: 2px 5px 2px 0; border:1px solid #999; font:normal 12px "Helvetica Neue", Arial, Verdana, sans-serif;}
#wpcf textarea {width: 398px; height: 100px; padding: 5px; margin: 2px 5px 2px 0; border:1px solid #999; overflow:hidden; font:normal 12px "Helvetica Neue", Arial, Verdana, sans-serif;}
#wpcf input:focus, #wpcf textarea:focus {border:1px solid #666;}
#wpcf #contactsubmit {float:right; background:#ca7d03; width:100px; border:0; color:#f2f2f2;}

/** =Footer
-------------------------------*/
#footer {clear:both; width:960px; height:25px; background:transparent url(img/bg_footer.png) 0 0 repeat-x; color:#f2f2f2; padding:0 0 10px 0; margin-bottom:50px; position:relative;}
#footer_copy {position:absolute; left:20px; top:8px;}
#footer_copy a {color:#f2f2f2;}
#footer_copy a:hover {color:#CA7D03;}
#footer_top {position:absolute; right:20px; top:8px;}
#footer_top a {color:#f2f2f2;}
#footer_top a:hover {color:#CA7D03;}