/*  
Theme Name: Design and Engineering 
Theme URI: http://machen.de
Description: 
Version: 1.0
Author: Sascha Heilmeier
Author URI: http://machen.de
*/

/* Font styles */
/*
@import url( _inc/css/fonts/12px.css );
*/
/* Layout styles for home page, internal pages and blog/directory pages */
/*
@import url( _inc/css/layout/home-page/3c-right.css );
@import url( _inc/css/layout/internal-pages/3c-left.css );
@import url( _inc/css/layout/blog-dir-pages/2c-right.css );
*/
/* Admin bar styles */
@import url( _inc/css/adminbar.css );
@import url( _inc/css/jquery-ui-1.7.2.custom.css );

/* Default example styles -- these should be your own styles in a child theme */
/*@import url( _inc/css/screen.css ); */


body { margin: 0; margin-bottom:20px; background:center top url(images/head-bg.gif); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
a img { border:none; }
a { color:#F7740A; text-decoration:none; }
a:hover { color:#666666; text-decoration:underline; }
h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; margin-top:0; color:#666666; }

.empty { float:none; clear:both; font-size:1px; }

input { border:1px solid #636363; }

#page { width:990px; margin:0 auto; position:relative; }
#head { height:95px; }
#head-banner { float:left; }
#head-banner div { margin:0; }
#head-banner div a { text-indent: -999em; background: url(images/design-and-engineering-services.jpg) top left no-repeat; overflow: hidden; width: 480px; height: 65px; display: block; float: }
#login-form { padding:0px; margin:0px; float:none; clear:both; }
#login-form input, #search-form select { border:1px solid #636363; }
#head #search { margin-top:6px; }
#search-submit, #wp-submit, #signup-submit { border:1px solid #636363; padding:2px 4px 2px 4px; background-color:#8f8f8f; padding:0; color:#FFFFFF; font-weight:normal; font-size:11px; }
#search-terms { width:180px;}
#search-which { display:none; }
#user { float:right; margin: 10px 0 0 0; width: 400px; text-align:right; }
#user #user_login, #user #user_pass { padding:2px; font-size:11px; }
#user-inner { text-align:right; color:#727272; }
#user-inner ul { margin:10px 0 0 0; padding:0; list-style:none; }
#user-inner li { display:inline; float:right; margin: 0 5px; }
#user-inner li a { font-size:12px; color:#bcbcbc; text-decoration:none; display:block; margin:0px 0 0 5px; padding:0px;  }
#head-menu { background-image:url(images/bg-striche.gif); background-repeat:no-repeat; }
#inner-head-cat-menu { float:left; background-image:url(images/bg-striche.gif); background-repeat:no-repeat; }
#inner-head-menu { float:right; background-image:url(images/bg-striche-right.gif); background-repeat: no-repeat; }
#inner-head-menu ul { margin:0; padding:0; list-style:none; }
#inner-head-menu li { float:left; margin: 0 5px; }
#inner-head-menu a { font-site: 12px; }
#search { float:right; }
#search #search-terms { width: 150px; font-size: 11px; padding:2px; background-image: url(images/bg-search.gif); }

#menu { margin:0; padding:0; position:relative; z-index:1000; }
#menu a, #inner-head-menu li a{ font-size:12px; color:#bcbcbc; font-weight:bold; text-decoration:none; display:block; margin:0; padding:7px 15px 11px 8px; }
#menu a:hover, #menu li.akt a, #inner-head-menu li a:hover, #inner-head-menu li.selected  a { color:#ff9000; }
#menu li, #inner-head-menu li { float:left; list-style:none; cursor:default; width:auto; }
#menu .untermenu { margin:0; padding:0; position:absolute; display:none; top:30px; }
#menu .untermenu a { font-size:11px; border-bottom: 1px solid #949494; padding:7px 7px 7px 7px; margin:0; color:#bcbcbc !IMPORTANT; }
#menu .untermenu a:hover, #menu ul.untermenu li.akt a { color:#ff9000 !IMPORTANT; }
#menu .untermenu li { float:none; position:relative; background-color:#505050; padding:0; }
#menu .untermenu hr { margin:0 5px; padding:0; border:none; border-top:1px solid #929292; }



#inner-page { margin:20px 0; }
#inner-page #left { width:715px; float:left; border-right:1px solid #d8d8d8; }
#content { padding:0; width:690px; margin-right:15px; }
#inner-page #right { width:250px; float:right; }

#footer { }
#footer-menu { border-bottom:1px solid #d8d8d8; }
#footer-menu-left { float:left; width: 200px; font-size:11px; padding: 2px 0px 2px 0px;}
#footer-menu-right { float:right; width: 600px; font-size:11px; margin-top:3px; padding: 2px 0px 2px 0px; text-align:right;}
#footer-content { border-top:1px solid #d8d8d8; float:none; clear:both;  }

#footer-cats { margin:0; padding:0; }
#footer-cats a { font-size:11px; color:#737373; font-weight:bold; text-decoration:none; display:block; }
#footer-cats a:hover, #footer-cats ul.untermenu a:hover, #footer-cats ul.untermenu li.akt a { text-decoration:underline !IMPORTANT; }
#footer-cats li.akt a { text-decoration:underline; }
#footer-cats li { float:left; list-style:none; margin:0 0; padding:5px 0; position:relative; width:110px; }
#footer-cats .untermenu { margin:0; padding:0 0 0 15px; position:absolute; }
#footer-cats .untermenu a { font-size:11px; font-weight:normal; padding:0; text-decoration:none !IMPORTANT; }
#footer-cats .untermenu li { float:none; padding:0; list-style:square; color:#737373; }
#footer-cats .untermenu hr { margin:0 5px; padding:0; border:none; border-top:1px solid #929292; }


#top-news { width:690px; border:1px solid #999999;  }
#top-news .left { float:left; width:570px; height:300px; background-color:#000000; position:relative; }
#top-news .left .next { position:absolute; bottom:2px; right:5px; z-index:501; }
#top-news .left .previews { position:absolute; bottom:2px; left:5px; z-index:500; }
#top-news .right { float:right; width:120px; }
#top-news .right ul { margin:1px 1px 0 0;  padding:0; list-style:none; }
#top-news .right li { margin-bottom:1px; }
#top-news .right li a { background-image:url(images/news-button.gif); padding:10px 5px 9px 10px; display:block; text-decoration:none; color:#555555; }
#top-news .top_news_element { position:absolute; top:0; left:0; height:301px; }
#top-news .top_news_element img { padding:0; }
#top-news .post_title { position:absolute; bottom:0; left:0; height:51px; width:570px; background-color:#333333; }
#top-news .post_title h3 { margin:5px 25px; }
#top-news .post_title h4 { margin:0 25px; color:#CCCCCC; font-size:14px; font-weight:normal; }
#top-news .post_title a { color:#CCCCCC; display:block; }

#content hr { border:none; border-bottom:1px solid #d8d8d8; background:none; padding:0; margin:5px 0; }
#content .categories { margin-top:10px; }
#content .categories .head h2 { font-size:24px; color:#666666; margin:0; }
#content .categories .head h4 { margin:0; }
#content .categories .head .left { float:left; width:460px; }
#content .categories .head .left .left, #content .categories .left .right { width:auto; margin-top:8px; }
#content .categories .head .right { float:right; width:230px; text-align:right; }
#content .categories .head .right form { float:right; margin-left:10px; }
#content .categories .head h4 { font-size:12px; font-weight:bold; color:#666666; }


#content .categories .list .element { float:left; }

#content .categories .list .element { width:340px; }
#content .categories .list .left { float:left; width:120px;}
#content .categories .list .left img { padding: 5px 5px 5px 0; }
#content .categories .list .right { float:right; width:220px; }
#content .categories .list .right h4 { margin:0; margin-bottom:5px; }
#content .categories .list .right h4 a { font-weight:bold; font-size:14px; color:#666666; }
#content .categories .list .right h4 a:hover { color:#F7740A; }
#content .categories .list .right ul { margin:0; padding:0; list-style:none; }
#content .categories .list .right li { float:left; color:#666666; font-size:10px; }
#content .categories .list .right li a { text-decoration:underline; color:#666666; font-size:10px; }
#content .categories .list .right li a:hover { color:#F7740A; }

/* ADs */

#ad-left { position:absolute; left:-150px; width:160px; top:115px; }

/* single */
#post .infos { border-top:1px solid #bfbfbf; padding-top:5px; color:#bfbfbf; font-size:11px; }
#post .infos p { margin: 0 0 10px; 0 }
#post .infos a { color:#bfbfbf; }
#post .infos a:hover { color:#F7740A; }
#post .infos .left { float:left; }
#post .infos .right { float:right; }
#post .head { display:block; border-bottom:1px solid #d0d5d8; padding-bottom:5px; margin-bottom:5px; margin-top:20px; }
.post .head .left, #post .head .left { float:left; width:580px; }
.post .head .right, #post .head .right { float:right; font-size:11px; color:#666666; width:100px; text-align:right; }
#post .head h1 { color:#666666; font-size:24px; font-weight:normal; text-decoration:none; margin:0; }
#post .entry { color:#666666; }
#post .entry img, .post .entry img { float:left; padding:5px; border:1px solid #BFBFBF; margin: 0 5px 0 0; }

#comments-template {}
#comments-template h3 { font-size:18px; color:#666666; }
#comments-template #respond label { color:#666666; }
#comments-template #comments ol { margin:0; padding:0;  list-style:none; }
#comments-template #comments li { margin-bottom:10px; background-color:#f3f3f3; color:#666666; }
#comments-template #comments li .single-comment { padding:5px; }
#comments-template #comments .autor { font-size:12px; color:#666666; font-weight:bold; }
#comments-template #comments .time { font-size:12px; color:#BFBFBF; }

#content .pageTitle { color:#666666; font-size:24px; margin:20px 0; }
#content .post h2 { float:left; margin:0; font-size:18px; }
#content .post h2 a { color:#f98e04; }
#content .post h2 a:hover { text-decoration:underline; }
#content .post .time { float:right; font-size:12px; color:#666666; }
#content .post .entry { font-size:12px; }
#content .post p.postmetadata { color:#bfbfbf; font-size:12px; margin:0 0 15px 0; }
#content .post p.postmetadata a { color:#bfbfbf; text-decoration:underline; }
#content .post p.postmetadata a:hover { color:#F7740A; }

#compose-reply { padding:0; }
#compose-reply h3 { color:#666666; font-size:18px; }
#compose-reply label { font-size:11px; }
#compose-reply #submit { font-size:12px; font-weight:normal; border:1px solid #666666; background-color:#FFFFFF; margin:0; }

#comments-section {}
#comments-section li {}
#comments-section li h4 { font-size:12px; color:#666666; }
#comments-section li h4 a { color:#666666; font-weight:bold; text-decoration:none; }
#comments-section li h4 a:hover { color:#F7740A; }
#comments-section li .date { font-size:11px; color:#bfbfbf; margin-bottom:5px;}


/* ----- REGISTER ----- */
#register-page h2 { color:#666666; }
#register-page label { display:block; }
#register-page  div.error { font-size:11px; color:#FF0000; border:1px solid #ff4040; padding:3px; margin:3px; background-color:#ffbfbf; }
#register-page .reg-info{ font-size:10px; color:#ff4040; }
#basic-details-section, #profile-details-section, #blog-details-section { border:1px solid #BFBFBF; padding:5px; margin-bottom:10px;}
#basic-details-section h3, #profile-details-section h3, #blog-details-section h3 { color:#666666; }


/* ----- Profil ----- */
#inner-page-head {}
#inner-page-sidebar { width:180px; float:left;  }
#inner-page-content { float:right; width:500px; }
#inner-page-content .profile h4 { font-size:14px; margin-bottom:10px; }
#inner-page-content .profile-fields p { margin:0; }

.left-menu { float:left; width: 160px; }
.main-column { float:right; width: 515px;  }

.main-column table {margin:0px; padding:0px;}

.profile-fields .label { margin:0px 0px 0px 0px; padding: 0px; }
.profile-fields .data { margin:0px 0px 0px 0px; padding: 0px; }
.profile-fields .data p { margin:0px 0px 0px 0px; padding: 0px; }

.bp-widget { margin-top: 15px; }

.button-block { margin-top: 10px; line-height: 18px; }

.picture-thumb { height: 110px; }

/* ----- Careers ----- */
#careers-content { margin-bottom:30px; }
#careers-content .left  { float:left;  width:340px; border-right:1px solid #D8D8D8; padding-bottom:10px; }
#careers-content .right { float:right; width:340px; padding-bottom:10px; }
#careers-content ul { padding-left:20px; margin:0; list-style-image:url(images/list-icon.jpg); }
#careers-content h2 { font-weight:normal; }
#careers-content a { color:#555555; font-size:14px; }
#careers-content hr { margin-top:10px; }


#careers-content .post-job { margin-top:40px; }

/* ----- Messages ----- */
#message { }
#message .updated { border: 1px solid #009900; background-color:#99ff99; color:#009900; padding:6px; font-size:11px; }
#message .error { border: 1px solid #cc0000; background-color:#ffcccc; color:#cc0000; padding:6px; font-size:11px;  }

/* ----- News Navigations ----- */

#ext_cat_nav { width: 100%; text-align:right; float:none; clear: both; margin-bottom: 10px; } 
#ext_cat_nav ul { margin: 0px; padding: 0px; float:none; clear: both; list-style:none; }
#ext_cat_nav ul li { margin: 0px 0px 0px 10px; padding: 0px; display: inline;  }

/* ----- Profilauflistung ----- */

li.user-free .avatar { display:none; height:1px; font-size:1px; }

li.user-free a { color: #808080; }
li.user-free h3 { font-weight: bold; font-size: 12px; }
li.user-free .user-free-desc { display:none; height:1px; font-size:1px; }
li.user-free  { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }

li.user-pro { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; !IMPORTANT }

#letter-list { margin: 0px; padding: 0px; }
#letter-list ul { list-style:none; margin: 0px 0px 10px 0px; padding: 0px; float: none; clear: both;  }
#letter-list li { display:inline; float: left; padding-right: 4px; }
#members-directory-listing h3 { float:none; clear: both; margin-top: 10px; }

/* ------ Profil editieren ------ */

.bp-widget #album-list .picture-thumb { background-color: #FFFFFF; border:1px solid #d8d8d8; height: 160px; }

#content .picture-single { background-color: #FFFFFF; border:1px solid #d8d8d8; padding: 15px 15px 30px 15px; }

#content .picture-single .picture-nav .prev, #content .picture-single .picture-nav .next { font-size: 50px; top: 5px; }