/* ----------------------------------------------------------------- */
/*     CSS developed by Smartforce.ch                                */
/*     SF 2007.2, Copyright 2007 by Smartforce.ch                    */
/* ----------------------------------------------------------------- */

html { min-height: 100%; margin-bottom: 1px; }
body{ text-align: center; margin: 0; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: .75em; background: #1f2815 url(../images/bg.png) no-repeat center top; color: #1F2815; -moz-opacity: .999;  }
.spacer { clear: both; }
hr{ display:none;}

/* ----------------------------------------------------------------- */
/* MainDivision */
/* ----------------------------------------------------------------- */
#head{ background: transparent; margin: 0; padding:0; }
html>body #head{ height: 113px; background: transparent; }
#wrapper { margin: 0px auto; padding: 0; width: 944px; text-align: left; }

/* ----------------------------------------------------------------- */
/* Header */
/* ----------------------------------------------------------------- */
#head h1 { padding: 100px 0 0 0; display: block; width: 350px; height: 44px; text-indent: -9000px; overflow: hidden; }
html>body #head h1 { height: 40px; padding: 40px 0 0 10px;}
html>body #head h1 a{ display: block; height: 40px; margin: 0; padding: 0;}


/* ----------------------------------------------------------------- */
/* Navigation */
/* ----------------------------------------------------------------- */ 
#nav { background: #000 url(../images/menu_bg.png) repeat-x; height:2.8em; line-height:normal; overflow:hidden; font-weight:bold; width: 100%; margin: 0px; /*border: 1px solid #eee;*/ }
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav li { float: left; }
#nav li a { display:block; padding: 4px 16px 5px; margin: 0; text-decoration: none; color: #ff7ebb; }
html>body #nav li a { height:2em; padding: 0.5em 16px 0.25em; }

/* IE7 */
*+html #nav li a { padding: 0.3em 16px 0.25em !important; }

#nav li a:hover { color: #fff; background: url(../images/menu_bg_active.png) repeat-x center top; }
#nav li.active a { color: #fff; background: url(../images/menu_bg_active.png) repeat-x center top; }

#nav #tools { float:right; margin: 0 20px 0 0; }

/* ----------------------------------------------------------------- */
/* Startwrapper */
/* ----------------------------------------------------------------- */
#topwrapper { background: #000 url(../images/top_bg.png); padding: 5px 0 0 0; margin:0; height: 220px; color: #ffd3e8; font-size: 0.90em; font-weight:normal; }
html>body #topwrapper { padding: 10px 0 0 15px; font-size: 1em; }
#topwrapper .spalte { float:left; margin:0 20px 0 10px; width:260px;/* border: 1px solid #ff0000;*/ line-height: 1.6em; }
html>body #topwrapper .spalte { margin:0 10px 0; width:285px; }
#topwrapper h2 { font-weight: normal; color: #ff3e9a; font-size: 1.2em; margin: 15px 0 10px; font-family: Georgia, "Times New Roman", Times, serif; }
#topwrapper a { text-decoration: underline; color: #ff3e9a; padding: 0; font-weight: normal; }
#topwrapper a:hover { color: #fff; text-decoration: underline; }
#topwrapper ul { list-style: disc; margin: 10px 0; }
#topwrapper li { margin: 0 15px; }

/* Voice, Kundenstimmen */
.zitat { font-size: 1.4em; line-height:1.6em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 0 10px 0 0; }
.zitat blockquote{ margin: 20px 0; padding: 30px; color: #ffd3e8; }
html>body .zitat blockquote{ background: url(../images/quote_top.png) no-repeat top left; font-weight: normal; line-height:1.8em; }
.zitat .quote{  letter-spacing: 0.05em; }
.zitat .author{ font-style: italic; font-size: 0.8em; color: #ff3e9a; padding: 0 0 1em 0; }
html>body .zitat .author{ background: url(../images/quote_end.png) no-repeat right bottom; }

/* ----------------------------------------------------------------- */
/* Subnav */
/* ----------------------------------------------------------------- */ 

#subnav { background: url(../images/submenu_bg.png) repeat-x; height:2.0em; line-height:normal; overflow:hidden; font-weight:bold; width: 100%; margin: 0; font-size: 0.8em; /*border: 1px solid #eee;*/ }
#subnav ul { margin: 0; padding: 0; list-style: none; }
#subnav li { float: left; }
#subnav li a { display:block; padding: 2px 16px 4px; margin: 0; text-decoration: none; color: #a9c092; }
html>body #subnav li a { height:2em; padding: 0.4em 16px 0.25em; }

/* IE7 */
*+html #subnav li a { padding: 0.25em 16px 0.25em !important; }


#subnav li a:hover { color: #fff; background: url(../images/submenu_active_bg.png) repeat-x center top; }
#subnav li.active a { color: #fff; background: url(../images/submenu_active_bg.png) repeat-x center top; }

/* ----------------------------------------------------------------- */
/* Main */
/* ----------------------------------------------------------------- */
#main{float: left; width: 340px; padding: 0 10px 0 0;}

/* ----------------------------------------------------------------- */
/* Contentwrapper */
/* ----------------------------------------------------------------- */
#contentwrapper { background: #fff url(../images/content_bg.png) repeat-x; clear:both; padding: 50px 20px; color: #1F2815; }
#contentwrapper a { text-decoration: underline; color: #ff3e9a; font-weight: normal; }
#contentwrapper a:hover { color: #303827; text-decoration: underline; }
#contentwrapper p { line-height: 18px; color: #1F2815; margin: 0 0 15px 0; }
#contentwrapper h3 { font-size: 120%; font-weight: bold; color: #ff3e9a; margin: 20px 0 20px 0; font-family: Georgia, "Times New Roman", Times, serif; }
#contentwrapper h4 { color: #ff3e9a; font-weight: bold; margin: 20px 0; }
#contentwrapper ul { list-style: disc; margin: 10px 0 0 20px; }
#contentwrapper li { margin: 5px 0; }

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

/* Tabellen */
#contentwrapper table { border-collapse: collapse; width: 100%; margin: 0 0 30px 0; border-top: 1px solid #ff3e9a; }
#contentwrapper caption {color: #ff3e9a; text-align: left; padding: 10px 0; margin: 0;  font-size: 105%; font-family:Arial,Sans-Serif;  font-weight: bold; display: none; }
#contentwrapper th, td { vertical-align: middle; padding: 10px 0; line-height: 200%; margin: 0 0 1px 0; }
#contentwrapper tr { border-bottom: 1px solid #ff3e9a; }
#contentwrapper td { padding:5px; text-align:left; }
#contentwrapper th { text-align:left; width: 250px; }

#newsbox h3, #featurebox h3 { color: #f72989; margin:0; padding: 0 0 20px 0;/* border: 1px solid #ff0000;*/ }
#newsbox { width: 440px; padding: 0; margin: 10px 0 50px 0; float: left; border-bottom: 1px dashed #e0e0d5;  }
#newsbox h4 { display: block; color:#1f2815; padding: 4px 0 4px 4px; margin: 0; cursor:pointer; font-weight:normal; border-top: 1px dashed #e0e0d5; }
#newsbox h4.headHover { color:#1f2815; background:#ffeef6; }
#newsbox h4.selected { color:#1f2815; background:#ffd3e8; font-weight:bold; }
#newsbox div { padding: 1.5em 0 1.5em 0.4em; line-height: 1.4em; color:#1f2815; border-top: 1px solid #e0e0d5;  line-height: 1.7em; background:#ffeef6; }
#newsbox em { font-size: 80%; font-style: italic; display: block; }

#featurebox { width: 440px; padding: 0; margin: 10px 0 100px 20px; float: left; }
#featurebox h4 { margin: 10px 0; color: #ff3e9a;}
#featurebox img {  border: 1px solid #eee; }
#featurebox img:hover {  border: 1px solid #ff87c0; }

/* ----------------------------------------------------------------- */
/* Portfolio: Boxen */
/* ----------------------------------------------------------------- */
#contentwrapper .piclist  { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 !important; padding:0; text-indent: 0; border-top: 1px dashed #e0e0d5; }
#contentwrapper .piclist li { border-bottom:1px dashed #e0e0d5; color:#646870; margin:0pt; overflow:hidden; padding:0pt; height: 70px; }
#contentwrapper .piclist li { color:#8f9195; display:block; line-height:1.4em; overflow:hidden; padding: 0.4em; margin:0 !important; }
#contentwrapper .piclist li strong { color:#474a51; display:block; padding:0.2em 0pt 0.1em; font-weight: bold; }
#contentwrapper .piclist li a img { background:#1F2815 url(../images/menu_bg.png); display:block; float:left; margin:2px 10px 0pt 0pt; padding:2px; }
#contentwrapper .piclist li.piclistHover { /*cursor:pointer;*/ }
#contentwrapper .piclist li a:hover img { background:#f23e9a; }


/* ----------------------------------------------------------------- */
/* Footer */
/* ----------------------------------------------------------------- */
#footer { clear:both; background: #ff3e9a url(../images/footer_bg.png) repeat-x; width: 934px; height: 10px; margin: 0 0 10px 0; text-align:right; padding: 5px; color: #fff; font-size: 80%; }

/* ----------------------------------------------------------------- */
/* Imagebox */
/* ----------------------------------------------------------------- */
#ImageBoxOverlay{background: #000;}
#ImageBoxCaption{background: #F4F4EC; }
#ImageBoxContainer{width: 250px; height: 250px; background: #F4F4EC; }
#ImageBoxCaptionText{font-weight: bold; padding-bottom: 5px; font-size: 13px; color: #000; }
#ImageBoxCaptionImages {margin: 0; }
#ImageBoxNextImage{background: url(images/imagebox/spacer.gif) transparent; }
#ImageBoxPrevImage{background: url(images/imagebox/spacer.gif) transparent }
#ImageBoxNextImage:hover{background: url(images/imagebox/next_image.jpg) no-repeat right top; }
#ImageBoxPrevImage:hover{background: url(images/imagebox/prev_image.jpg) no-repeat left bottom; }