/*
 * Styles for www.starnut.com
 *
 * @ 2011, Michel Wacker [www.starnut.com]
 */

/* ========================================
     Global styles
   ======================================== */

body {
	margin:0;
    font-family: Tahoma;
    font-size: 0.85em;
    color: #e3e3e3;
    background-image: url(../images/background/body-tile.jpg);
    background-repeat: repeat;
}

h1 {
    margin: 0;
}
/*
h1 {
    visibility:hidden;
    font-family:Georgia;
    font-size: 0.85em;
    text-transform: uppercase;
    margin: 12px 0 30px 35px;
}
*/

h2 {
	font-family:Tahoma;
	font-size: 1em;
    text-transform: uppercase;
	color:#262932;
    
    width: 433px;
    height: 27px;
    margin: 7px 0 8px -14px;
    padding: 6px 0 0 37px;
    
    background-image: url(../images/background/headline-bar-fractured.png);
    background-position: left center;
    background-repeat: no-repeat;
}
/*
a {
    color: #84eca2; #e096eb; #05d8e9; #e096eb; #71f2fe;
    font-weight: normal;
    text-decoration: none;
}
*/

a {
    color: #1aa993;
    text-decoration: none;
}


a:hover {
	color: #1aa993;
    text-decoration: underline;
}
/* Remove dashed border around clicked links in FireFox */
a:focus {
    outline:none;
}

p {
    margin: 5px 0 20px 0;
    line-height: 1.43em;
    padding:0;
}

img {
    border: 0 solid;
}

.hidden {
    visibility: collapse;
    margin:0;
    padding:0;

}

/* ========================================
     Specific styles
   ======================================== */

#container {
    width: 790px;
    margin: 0 auto 0 auto;
}

/* ========================================
     Sidebar
   ======================================== */

#sidebar {
    float:left;
    width: 40px;
    margin: 47px 0 0 0;/*360px 0 0 0;*/
}

.strap {
    display:block;
    width: 38px;
    height: 38px;
    margin: 0 0 8px 2px;
    background-repeat: no-repeat;
    overflow:hidden;
}

/* ----------------------------------------
     Linked straps
   ---------------------------------------- */
.blog {
    background: url(../images/straps/blog.png) right top;

}
.blog:hover {
    background: url(../images/straps/blog.png) right 38px;
}

.linkedIn {
    background: url(../images/straps/linkedIn.png) right top;
}
.linkedIn:hover {
    background: url(../images/straps/linkedIn.png) right 38px;
}

.xing {
    background: url(../images/straps/xing.png) right top;
}
.xing:hover {
    background: url(../images/straps/xing.png) right 38px;
}

.twitter {
    background: url(../images/straps/twitter.png) right top;
}
.twitter:hover {
    background: url(../images/straps/twitter.png) right 38px;
}

.scrum {
    background: url(../images/straps/scrum.png) right top;
}
.scrum:hover {
    background: url(../images/straps/scrum.png) right 38px;
}

/* ========================================
     Page content wrapper
   ======================================== */
#wrapper {}

/* ========================================
     Headline
   ======================================== */
#headline {
    width: 773px;
    height: 170px;
    margin: 0 0 0 20px;
}

#headleft {
    float:left;
    width: 20px;
    height: 170px;
    background-image: url(../images/background/header_01.png);
    background-repeat: no-repeat;
}

#headcenter {
    width: 733px;
    height: 170px;
    margin: 0 0 0 20px;
    background-image: url(../images/background/header_02.png);
    background-repeat: repeat-x;
}

#headright {
    float: right;
    width: 20px;
    height: 170px;
    background-image: url(../images/background/header_03.png);
    background-repeat: no-repeat;
}

img.starnut {
    margin: 55px 0 0 35px;
}

/* ========================================
     Page content
   ======================================== */

#shadow {
    float:right;
    height:1210px;
    background-image: url(../images/background/shadow-right.png);
    background-repeat: repeat-y;
}

#content {
	width: 746px;
    height: 980px;
    margin: 0 0 0 40px;
	padding: 45px 0 30px 0px;
    background:#353944 url(../images/background/gradient-top.png) repeat-x scroll;
}

.starnut {
    color: #07d8eb;
}

/* ----------------------------------------
     Introduction and News
   ---------------------------------------- */
#introduction, #news {
    margin: 0 0 40px 35px;
    width: 400px;
    text-align: justify;
}

#introduction p, #news p {
	margin: 0 0 15px 0;
	width: 400px;
}

#introduction p.bold {
    font-size: 1.9em;
    /*text-align: left;*/
}
#introduction p.bold span {
    color: #aaaaaa;
}
#introduction p.subline {
    margin-top: 30px;
    font-size: 1.25em;
    text-align: left;
}

p.contact {
   padding: 17px 0 0 0;
}

span.phone {
    margin: 0 90px 0 0;
    padding: 5px 0 5px 30px;
    background-image: url(../images/icons/phone.png);
    background-position: left center;
    background-repeat: no-repeat;
}

span.phone, span.phone a {
    color: #d2c4f4;
}

span.email {
    padding: 5px 0 5px 30px;
    background-image: url(../images/icons/email.png);
    background-position: left center;
    background-repeat: no-repeat;
}

span.email a {
    color: #84eca2;
}
span.email a:hover {
    color: #1aa993;
}

#news {
    height: 410px;
}

#news span {
	display:block;
}

#news span span{
    display:inline;
}

#news small {
	font-family:Verdana;
	margin: 4px 0 2px 0;
    color: #71f2fe;
	font-weight:bold;
    display:block;
}
/* ----------------------------------------
     Right column wrapper
   ---------------------------------------- */
#column {
    float: right;
    width: 220px;
    margin: 0 35px 0 0;
}

/* ----------------------------------------
     Projects
   ---------------------------------------- */
#badges img {
    margin: -20px 0 0 10px;
}
#projects {
    width: 220px;
    height: 492px;
    padding: 38px 0 0 0;
    margin: 40px 0 0 0;
    background-image: url(../images/background/box-projects.png);
    background-repeat: no-repeat;
}

#flashContent, #projects img{
    margin: 0 0 0 20px;
}

/* ----------------------------------------
     Partners
   ---------------------------------------- */
#partners {
    width: 220px;
    height: 189px;
    margin: 25px 0 0 0;
    background-image: url(../images/background/box-partners.png);
    background-repeat: no-repeat;
}

#partners p {
    margin:10px 8px 0 20px;
    font-family: Tahoma;
    font-size: 0.75em;
    line-height: 1.3em;
    color: #6a6f7b;
    text-align:justify;
}

.partner {
    margin: 40px 0 0 20px;
}

/* ----------------------------------------
     Qualifications
   ---------------------------------------- */
#qualifications {
    width: 220px;
    height: 190px;
    margin: 25px 0 0 0;
    background-image: url(../images/background/box-qualifications.png);
    background-repeat: no-repeat;
}

.ace {
    margin: 24px 0 0 20px;
}

.cspo {
    margin: 45px 0 0 20px;
}

/* ----------------------------------------
     Footer
   ---------------------------------------- */
#footer {
    font-size:0.8em;
    text-align:center;
    background-color: #262932;
    background-image: url(../images/background/wuerzburg-coat-of-arms.jpg);
    background-repeat: no-repeat;
    background-position: 35px 15px ;

    width: 746px;
    height: 130px;
    margin: 0 0 0 40px;
    padding: 25px 00 0;
}

/* ========================================
     Overlays
   ======================================== */

.overlay {
	position:absolute;
	left:auto;
	right:auto;
}

/*
#highlight {
    top: 0px;
    margin-left: 515px;
}
*/

#highlight {
    display:none;
    top: 2px;
    margin-left: 475px;
}