/* ----------------------------------------------------------------- */
/*     CSS developed by Smartforce.ch               */
/*     SF 2006.1, Copyright 2006 by Smartforce.ch                       */
/* ----------------------------------------------------------------- */

body{ text-align: center; margin: 10px 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: small; background: url(../images/bg.gif) repeat center; color: #303827; }
.spacer { clear: both; }
hr{ display:none;}
img{border:0;vertical-align: bottom; }

/* ----------------------------------------------------------------- */
/* MainDivision */
/* ----------------------------------------------------------------- */
#head{ height: 40px; background-color: #303827; margin: 0; padding:0; }
html>body #head{ height: 54px; background-color: #303827; }
#wrapper { margin: 0 auto; padding: 0; width: 650px; text-align: left; }
#main{ width: 560px; background: #fff; }

/* ----------------------------------------------------------------- */
/* navigation */
/* ----------------------------------------------------------------- */
/*#nav { background: #ff3e9a url(../images/menu_bg.png) repeat center; width: 100%; height: 20px; margin: 10px 0 0 0; }*/
#nav { background: #ff3e9a; width: 100%; height: 20px; margin: 10px 0 0 0; border-bottom: 10px solid #fff; }
#nav ul { list-style: none; margin: 0; padding: 0 0 0 20px; }
#nav li { float: left; margin: 3px 5px 0 0; padding: 0; line-height: normal; text-indent: 0;}
#nav li a { margin: 10px 5px 5px 0; text-decoration: none; white-space: nowrap; color:#fff;}
#nav li a:hover{ color: #303827; background: url(../images/menu_pfeil.gif) no-repeat bottom; padding: 0 0 10px 0;}
#nav li.active a{ color: #303827; background: url(../images/menu_pfeil.gif) no-repeat bottom; padding: 0 0 10px 0;}
#nav li.active a:hover{ color: #fff; }

/* ----------------------------------------------------------------- */
/* Header */
/* ----------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {padding: 5px 0 0 0; margin: 0;}

#head h1 { padding: 10px 0 0 0; margin: 0; display: block; width: 254px; height: 44px; background: url(../images/logo.gif) no-repeat 0 50%; text-indent: -9000px; overflow: hidden; }
#head h1 a{ display: block; height: 44px;}

html>body #head h1 { padding: 10px 0 0 0; margin: 0; display: block; width: 254px; height: 54px; background: url(../images/logo.gif) no-repeat 0 50%; text-indent: -9000px; overflow: hidden; }
html>body #head h1 a{ display: block; height: 54px;}

/* ----------------------------------------------------------------- */
/* Contentwrapper */
/* ----------------------------------------------------------------- */
#contentwrapper a{ text-decoration: none; color: #ff3e9a; padding: 0;}
#contentwrapper a:hover{ color: #303827; text-decoration: underline; }
#contentwrapper{ background-color: #fff; clear:both; padding: 40px 20px; color: #4F4F4F;}
#contentwrapper p{line-height: 18px; color: #303827;}
#contentwrapper h2{ font-size: 160%; color: #ff3e9a; }
#contentwrapper h4{color: #ff3e9a;}
#contentwrapper h3,h4{padding:10px 0 0 0}

/* ----------------------------------------------------------------- */
/* Main */
/* ----------------------------------------------------------------- */
#main{float: left; width: 340px; border-right: solid 1px #a7b399; padding-right: 10px;}


/* ----------------------------------------------------------------- */
/* Sidebar */
/* ----------------------------------------------------------------- */
#sidebar{ width: 196px; margin: 20px 0 0 340px; padding-left: 5px; font-size: 90%; line-height: 0.9em; color: #303827;}
html>body #sidebar{ width: 200px; margin-left: 360px;}
#sidebar h2{color:#303827; font-size: 160%;}
#sidebar h3{font-size:100%; margin: 15px 0 0 0; line-height: 1.1em}
#sidebar p{margin: 5px 0 0 0;}

/* ----------------------------------------------------------------- */
/* Listen */
/* ----------------------------------------------------------------- */
#contentwrapper ul { margin: 20px 10px 4px 0; padding: 0; list-style: none; }
#contentwrapper li { padding: 2px 0 10px 16px; }
#contentwrapper ul.star li {background: url(../images/icon_liststar.gif) no-repeat 0 6px; }
#contentwrapper ul.star li a{color:#303827; }
#contentwrapper ul.arrow li {background: url(../images/icon_listarrow.gif) no-repeat 0 6px; }

#contentwrapper .portfolio-box {/*background: #feecf5;*/ padding: 5px 0; margin: 10px 0 10px 0; font-size: 90%;}
#contentwrapper .portfolio-box h3 {padding: 10px 0 0 0; margin: 0; color:#303827; font-size: 95%;}
#contentwrapper .portfolio-box p {padding: 0; margin: 0;}
#contentwrapper .portfolio-box ul { margin: 0; padding: 0; list-style: none; }
#contentwrapper .portfolio-box ul li {background: url(../images/icon_arrow.gif) no-repeat 0 50%; }

/* ----------------------------------------------------------------- */
/* Footer */
/* ----------------------------------------------------------------- */
#footer { clear:both;  background: #ff3e9a; width: 640px; height: 10px; margin: 0 0 10px 0; text-align:right; padding: 5px; color: #fff; font-size: 80%; }