/*
ProFolio vcard
Copyrights- istoredesigns.com - PremiumFreebies.eu
made by: Oussama Afellad

July - 2011
*/

@import "reset.css";

/*----------------------------------General Styles----------------------------------*/
body{font-size:12px;font-family:"Lucida Grande",Verdana,sans-serif;background:url("../images/dotted_background.jpg") no-repeat scroll right top white; }
a{color:#C07F00}
b { font-weight:bold; }
p{padding:0px 15px 10px 0;color:#777;text-shadow:1px 1px 1px #fff;line-height:16px}
p img{background:#eee; border:5px solid #e6e6e6; float:left;margin:0 10px 10px 0}
h1{color:#555;font-size:20px;font-weight:normal;text-shadow:1px 1px 1px #fff;margin:10px 0; }
h2{color:#636363;font-size:14px;line-height:22px;font-weight:normal;text-shadow:1px 1px 1px #fff;padding:0;margin:10px 0; }
ul,ol{margin:10px 0px; }
ul li,ol li{padding:5px 0 5px 0;color:#777;text-shadow:1px 1px 1px #fff;list-style:square outside;line-height:16px; margin-left: 15px; }
ol li{list-style-type:lower-alpha}
li span{display:block}
.li-moreinfo{padding:5px 0 5px 0;color:#777;text-shadow:1px 1px 1px #fff;list-style:none}
hr{height:2px;border:none;background:url(../images/hr.gif) repeat-x;margin:0 30px}
hr.spacer{clear:both;height:25px;background:none}
input{font-family:Arial;padding:8px 0 8px 5px;margin:0 0 10px 0;width:420px;background:#fff;border:1px solid #dbdbdb;color:#999;font-size:13px;display:block;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
textarea{font-family:Arial;padding:8px 0 8px 5px;margin:0 0 10px 0;width:420px;background:#fff;border:1px solid #dbdbdb;color:#999;font-size:13px;display:block;height:45px;resize:none;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.clear{clear:both}
.clearpx{height:1px}
.spacer{height:15px}
.small{position:absolute;font-size:11px;color:#777;padding-top:4px}
.small a{color:#777;text-decoration:none}
.pagetitle{display:none}
.nopadding{padding:0}

.cols_2 { position:relative; vertical-align:top; }
.cols_2 .col   { float:left;  width:33%; margin-top:0px; margin-right:2px; }
.cols_2 .col.col_right   { margin-right:0px; }
.cols_2 li small { display:block; }


/*----------------------------------Sidebar----------------------------------*/
.sidebar h1 { font-size:16px; }
small { font-size:10px; color:#666; }


/*----------------------------------Items----------------------------------*/
#wrapper{min-width:900px;min-height:500px}
#vcard{display:none;z-index:2;position:relative;margin:auto;width:900px;height:420px;background:url(../images/wrapper.jpg);-webkit-box-shadow:0 0 0px #000;-moz-box-shadow:0 0 0px #000;box-shadow:0 0 0px #000}
#vcard_bottom{z-index:2;position:relative;margin:auto;width:900px;height:30px;background:url(../images/wrapper_bottom.png);-webkit-box-shadow:0 0 0px #000;-moz-box-shadow:0 0 0px #000;box-shadow:0 0 0px #000}
.main{float:right;width:540px;margin-right:20px;background:url(../images/sidebar.gif) no-repeat;padding-left:40px}
.sidebar{float:left;margin:0px;width:200px;height:240px;}
.button{padding:6px 8px;border:1px solid #c07f00;background:url(../images/button.gif) repeat-x;color:#fff;text-shadow:1px 1px 1px #c07f00;text-transform:uppercase;font-size:9px;font-weight:bold;text-decoration:none;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.button:hover{background-position-y:-24px;border-color:#a95000;text-shadow:1px 1px 1px #a95000}

/*----------------------------------Header----------------------------------*/
#header{margin:30px 30px 0 30px;height:100px}
#header .profilepicture{float:left}
#header .profilepicture img{width:80px;height:80px}
#header #logo{float:left;text-indent:-9999px;background:url(../images/susan_thieme_personalberatung_coaching.png);margin:7px 0 0 20px;width:335px;height:60px}
#header ul#menu{ top: 78px; right:0; width: 660px; position: absolute; float:right;height:45px;margin:14px 20px 0 0;padding:0 0 0 0;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
#header ul#menu li{ margin-left: 0px; float:left;padding:16px 0 0 15px;font-weight:bold;font-size:13px;text-transform:uppercase;color:#999;text-shadow:1px 1px 1px #fff;list-style:none}
#header ul#menu li a{color:#999;text-decoration:none}
#header ul#menu li a:hover{color:#555; border-bottom:2px solid #e3e3e3; border-margin:10px;}
#header ul#menu li.active a{color:#555;}
#social_networks { position:absolute; right:30px; }
#social_networks .icon { display:inline-block; width:16px; height:16px; background:url('../images/icons_social_media.png') no-repeat scroll 0 0 transparent; }
#social_networks .icon.xing                     { background-position:   0px   0px; }
#social_networks .icon.xing:hover         { background-position:   0px -16px; }
#social_networks .icon.linkedin             { background-position: -16px   0px; }
#social_networks .icon.linkedin:hover { background-position: -16px -16px; }


/*----------------------------------Content----------------------------------*/
#content{position:relative;margin:25px 30px 0 50px;height:240px;overflow:hidden}
#scroller{position:relative;height:240px}
#scroller .contentitem{width:810px;height:240px;float:left;display:none;margin-right:30px}

.quote { margin:32px auto 32px; width:340px; }
.quote p { font-style:italic; }
.quote .signature { left:170px; margin-top:-10px; position: relative;}

/*----------------------------------unternehmen----------------------------------*/
ul.unternehmen{margin:10px 0 0 0}
ul.unternehmen li{padding:15px 10px 14px 0;border-bottom:1px solid #ddd;color:#888;text-shadow:1px 1px 1px #fff;list-style:none}
ul.unternehmen li:last-child{border-bottom:none}
ul.unternehmen li .topic{float:left;width:160px;font-weight:bold;color:#777;font-size:14px;text-shadow:1px 1px 1px #fff;height:7px}
ul.unternehmen li .stars{float:left;width:120px}

/*----------------------------------personalberatung----------------------------------*/
#workmask{width:710px;height:185px;position:relative;margin-top:25px;overflow:hidden}
#workscroller{width:710px;position:absolute;margin-top:0}
.personalberatung-item-preview {display:block;background:url(../images/bg-fade.png) no-repeat center center;}
ul.personalberatung{margin-top:0}
ul.personalberatung a{color:#4d4d4d}
ul.personalberatung li{padding:0;position:relative;float:left;display:block;list-style:none;width:225px;height:85px;margin:0 15px 15px 0;background:url(../images/personalberatungbg.png);overflow:hidden}
ul.personalberatung li a{text-decoration:none}
ul.personalberatung li.last{margin:0 0 15px 0}
ul.personalberatung li .personalberatungtitle{font-family:Verdana;position:relative;margin:-55px 0 0 0;margin:0 0 0 0;padding:10px 7px 7px 7px;width:211px;height:14px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#dedede;font-weight:bold;font-size:13px;text-transform:uppercase;list-style:none}
ul.personalberatung li img{width:225px;height:85px;overflow:hidden}
ul.navigation{float:right;margin:5px 0 0 0}
ul.navigation li{float:left;margin-left:5px;padding:3px 5px 3px 6px;background:#ddd;color:#777;font-weight:bold;text-shadow:1px 1px 1px #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; list-style:none; cursor:pointer}
ul.navigation li.active{background:#ccc;color:#555;text-shadow:1px 1px 1px #eee;border:none;padding:3px 6px 4px 6px; }
ul.navigation li:hover{background:#ccc;border:none;padding:3px 6px 4px 6px; }

/*---------------------------------- Referenzen ----------------------------------*/
.menu_left {  }
.menu_left a { color:#666666; display:block; padding:8px 8px; font-size:13px; font-weight:bold; margin:8px 0; border:1px solid #ccc; border-radius:5px; text-decoration:none; text-align:center; text-shadow:1px 1px 1px #fff; background:none no-repeat scroll 0 0 #dddddd; }
.menu_left a.active { background-color:#ffffff; color:#C07F00; }
.menu_left a:hover { background-color:#ffffff; }
.menu_left a:active { background-color:#cccccc; }


/*----------------------------------kontakt----------------------------------*/
.kontakt .sendbutton{float:right;width:auto;padding:4px 20px;background:#cfcfcf;color:#858585;text-shadow:1px 1px 1px #fff;border:none;text-transform:uppercase;font-weight:bold;font-size:10px;cursor:pointer}
.kontakt .error{background:#feeded;border-color:#fcd5d5}
#email_form{margin-top:0px;width:427px}
#email_send{margin-top:0px;width:427px;display:none}