/* =STYLESHEET FOR BERATENSEIN.DE
================================================ */
* {margin: 0; padding: 0;}
body {font-size: 62.5%; font-family: Verdana, Arial, sans-serif; color: #333; text-align: center;
	background: #69c url(/images/bg_banner.png) 0 90px repeat-x; margin: 0; padding: 0; height: 100%;}	
img {border: none;}
a {color: #369;}
a:hover {color: #036;}
b {color: #000;}
.outer-wrap {width: 758px; background: url(/images/bg_outer_wrap.png) 50% 50% repeat-y; margin: 0 auto;}	
.inner-wrap {width: 750px; background: #fff url(/images/bg_inner_wrap.png) 50% 50% repeat-y; margin: 0 auto; text-align: left;}

/* =HEADER
================================================ */
#header {position: relative; height: 90px; background: #fff url(/images/bg_topbar.png) 0 0 repeat-x;}
#header h1 a, #header h1 a:hover {position: absolute; top: 30px; left: 20px; width: 222px; height: 42px;
	background: url(/images/logo.png) no-repeat; text-indent: -9999px; text-decoration: none; border: none;}
#header ul {float: right; list-style: none; margin: 15px 20px 0 0;}
#header li {float: left; font-size: 1.2em; margin-left: 15px;}
#kontakt #header li#link1 a {color: #111; text-decoration: none;}

/* =MUGSHOT
================================================ */
#mugshot {width: 210px; height: 152px;}
#index #mugshot {background-image: url(/images/666.jpg);}
#mein_arbeitsansatz #mugshot {background-image: url(/images/630.jpg); height: 290px;}
#personal_coaching #mugshot,
#moderiertes_erfolgsteam #mugshot {background-image: url(/images/594.jpg);}
#leitmotiv #mugshot {background-image: url(/images/507.jpg);}
#zu_meiner_person #mugshot {background-image: url(/images/725.jpg); height: 416px;}
#referenzen #mugshot {background-image: url(/images/792.jpg); height: 343px;}
#kontakt #mugshot {background-image: url(/images/600.jpg);}

/* =NAVIGATION
================================================ */
#nav-wrap {width: 758px; height: 180px; background: url(/images/bg_banner_wrap.png) repeat-y; margin: 0 auto;}
#nav {width: 750px; height: 180px; background: #15467f bottom right no-repeat; margin: 0 auto;}
#index #nav {background-image: url(/images/banner1.jpg);}
#mein_arbeitsansatz #nav {background-image: url(/images/banner2.jpg);}
#personal_coaching #nav {background-image: url(/images/banner3.jpg);}
#leitmotiv #nav {background-image: url(/images/banner4.jpg);}
#zu_meiner_person #nav {background-image: url(/images/banner5.jpg);}
#moderiertes_erfolgsteam #nav {background-image: url(/images/banner8.jpg);}
#referenzen #nav {background-image: url(/images/banner6.jpg);}
#kontakt #nav {background-image: url(/images/banner7.jpg);}
#nav ul {float: left; width: 250px; list-style: none;}
#nav a {display: block; height: 43px; line-height: 43px; font-size: 1.1em; font-variant: small-caps; text-align: left; text-transform: uppercase; 
	color: #fff; text-decoration: none; background: #15467f url(/images/bg_nav_off.png) right repeat-y; padding-left: 20px; 
	border-top: 1px solid #2d527f; border-bottom: 1px solid #0F3059;}
#nav li:hover a {background: #053e7f;}
#index #nav li#button1 a,
#mein_arbeitsansatz #nav li#button1 a,
#personal_coaching #nav li#button2 a,
#leitmotiv #nav li#button2 a,
#moderiertes_erfolgsteam #nav li#button3 a,
#zu_meiner_person #nav li#button4 a {background: #0F3059;}

/* =SIDEBAR
================================================ */
#sidebar {float: left; width: 200px; padding: 20px 0 0 20px;}
#sidebar h3 {font: normal 1.5em "Georgia", "Times New Roman", serif; margin-bottom: 0.8em;}
#sidebar p {font-size: 1em; line-height: 1.8em; color: #555;}
#sidebar ul {font-size: 1em; color: #555; margin-top: .8em;}
#sidebar li {list-style: none; background: url(/images/tick.png) 0 50% no-repeat; padding: 0.6em 0 0.6em 22px;}
#sidebar .box {width: 210px; background: url(/images/bg_box.png) top repeat-x; padding: 15px 0;}

/* =CONTENT
================================================ */
#content {float: right; width: 460px; padding: 0 25px;}
#content h2 {font: normal 2.2em "Georgia", "Times New Roman", serif; color: #111;
	padding: 15px 0 0 20px;	margin: 0 -20px 1em -20px;}
#content h3 {font: normal 1.6em "Georgia", "Times New Roman", serif; color: #111; margin: 1.5em 0 0.8em 0;}
#content p {font-size: 1.2em; line-height: 1.9em; margin: 0.3em 0 1.2em 0;}
#content ul.bullets, #cv {font-size: 1.2em; line-height: 1.9em;}
#content ul.bullets li {list-style: none; background: url(/images/bullet.png) 0 .2em no-repeat; padding-left: 23px;}

/* =CV
================================================ */
#cv {margin-bottom: 1.2em;}
#cv th {width: 20%; vertical-align: top;}
#cv td {width: 80%;}

/* =FOOTER
================================================ */
#footer {clear: both; width: 758px; height: 82px; background: url(/images/bg_footer_.png) no-repeat; margin: 0 auto 10px auto;}
#footer p {font-size: .9em; color: #666; text-align: left; padding: 30px 0 0 270px}
#footer a, #footer a:visited {color: #666;}

/* =FORMS
================================================  */
form {margin: 20px 0;}
form div {clear: both; margin: 15px 0;}
form div label {float: left; font-size: 1.2em; font-weight: bold; text-align: right; width: 90px; 
	padding-right: 10px; margin-top: .2em;}
form div label em {font-style: normal; color: #c00;}
form div input, form textarea {font-size: 1.4em; width: 200px; background: #f5f5f5;}
form select {width: 200px;}
form textarea {width: 350px;}
form input#submit {width: auto; margin-left: 100px;}
.error {color: #c00;}

/* =OTHER
================================================  */
.inner-wrap:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}