/* ----------------------------------------------------------------- */
/*     CSS developed by Smartforce.ch                                */
/*     Martina Klingler 1.0, Copyright 2008 by Smartforce.ch         */
/* ----------------------------------------------------------------- */


html { min-height: 100%; margin-bottom: 1px; }
body{ text-align: center; margin: 0; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Verdana,sans-serif; font-size: .75em; background: #fff url(../images/bg.gif) no-repeat center top; color: #748340; }
hr{ display:none; }
.hide{ display:none; }

/* Links */
a { text-decoration:underline; color:#748340; }
a:hover { color:#2F3716; }
a.active { color: #000; }

/* Smartforce Blurp */
#sflogo { position: absolute; width: 20px; height: 20px; background: url(../images/sf_logo.png); top: 96%; left:96%; text-indent: -9000px; overflow: hidden; }
#sflogo a {  display: block; height: 20px; width: 20px; }

/* MainDivision */
#wrapper {  margin: 0px auto; height: 350px; width: 860px; /*background:#ff0000;*/ text-align: left; }
#head {  width: 810px; }
#nav {  height:26px; }
#contentwrapper {  /*border: 1px solid #ccc;*/ }
#content { float: left; width: 500px; padding: 20px; margin: 0 4px 10px 0; min-height:411px; }
#pagepic { float: left; width: 300px; height: 451px; background: #dbe5b8; margin: 0 0 10px 0; text-indent: -9000px; }


/* Header */
#head h1 { margin: 50px 0 50px 626px; display: block; width: 204px; height: 61px; text-indent: -9000px; background:url(../images/logo.png) no-repeat; overflow: hidden; }
#head h1 a{ display: block; height: 61px; margin: 0; padding: 0;}

/* Navigation */
#nav ul, #nav li { border:0; margin:0; padding:0; list-style:none;}
#nav ul { height:26px; padding-left:10px; }
#nav li { float:left; margin-right:0px; display:inline; white-space: nowrap; }
#nav .tab a { cursor:pointer; }

#nav .tab a:link, #nav .tab a:visited { background:url(../images/tab.png) right 53px; color:#aaa; display:block; height:26px; line-height:2.2em; text-decoration:none; width: 40px; }
html>body #nav .tab a:link, #nav .tab a:visited {  width: auto; }
#nav .tab a span { background:url(../images/tab.png) left 53px; display:block; height:26px; margin-right:10px; padding-left:10px; }
#nav .tab a:hover { background:url(../images/tab.png) right 26px; display:block; }
#nav .tab a:hover span { background:url(../images/tab.png) left 26px; display:block; }
#nav .active a:link, #nav .active a:visited, #nav .active a:visited, #nav .active a:hover{ background:url(../images/tab.png) right 0 no-repeat; color:#748340; }
#nav .active a span, #nav .active a:hover span{ background:url(../images/tab.png) left 0 no-repeat; }

/* Content */
#content h2 {  }
#content {  line-height: 1.8em; }

/* Voice, Kundenstimmen */
blockquote { text-indent: 0; margin: 0; padding: 0; }
blockquote .quote { font-size: 1.6em; line-height:1.6em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 1.5em 0 ; color:#4B5722; }
html>body blockquote .quote { background: url(../images/quote_top.png) no-repeat top left; font-weight: normal; line-height:1.8em; }
blockquote .quote{  letter-spacing: 0.05em; }
blockquote .author{ font-style: italic; padding: 0 0 1em 0; }
html>body blockquote .author{ background: url(../images/quote_end.png) no-repeat right bottom; }

/* ----------------------------------------------------------------- */
/* Footer */
/* ----------------------------------------------------------------- */
#footer { clear:both; width: 20px; height: 20px; color: #9a9b9c; font-size: 80%; }
#footer a{ display: block; height: 20px; width: 20px; margin: 0; padding: 0;}