/* ----------------------------------------------------------------- */
/*     CSS developed 2009 by Smartforce.ch                           */
/* ----------------------------------------------------------------- */



/* ----------------------------------------------------------------- */
/* Basics */
/* ----------------------------------------------------------------- */
html, body { height: 100%; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #2D2727; background:#FAF395; }
hr { display:none; }
img { border:0; vertical-align: bottom; }
.spacer { clear: both; }

/* Links */
a { text-decoration:underline; color:#7c0b2b; }
a:hover { color:#B00B2B; }
a.active { color: #000; }

/* Center */
#wrapper { width:750px; background: url(../images/bg.gif) repeat-y scroll 0%; min-height:100%; height:100%; }
html > body #wrapper { height:auto; }

/* ----------------------------------------------------------------- */
/* Home */
/* ----------------------------------------------------------------- */

/* Logo */
#logoHome { width: 632px; height: 187px; margin: 100px auto 0; }
#logoHome h1 { background: url(../images/logo_home.jpg) no-repeat; text-indent: -9000px; overflow: hidden; height:187px; }
#logoHome a { display:block; height:187px; }

#picHome { margin: 0 0 20px 0; }

#langHome { background:#C3B39A; height:2.0em; line-height:normal; overflow:hidden; font-weight:bold; width: 150px; margin: 0 auto; }
#langHome ul { margin: 0 0 0 20px; padding: 0; list-style: none; }
#langHome li { float: left; }
#langHome li a { display:block; padding: 5px 7px 4px; margin: 0 1px 0 0; text-decoration: none; color: #5A4F4F; }
html>body #langHome li a { height:2em; padding: 0.4em 7px 0.25em; }
#langHome li a:hover { color: #2D2727; background:#B8A991; }

/* ----------------------------------------------------------------- */
/* Head */
/* ----------------------------------------------------------------- */
#header { margin: 0; padding: 0; width: 740px; background:#FAF7D4; }
#headerbild img {  border-bottom: 1px solid #D3A62C; }

/* Logo */
#logo { width: 740px; height: 130px; border-bottom: 1px solid #D3A62C; }
#logo h1 { background: url(../images/logo.jpg) no-repeat center; text-indent: -9000px; overflow: hidden; height:130px; }
#logo a { display:block; height:130px; }
/*
#headerbild { float: left; padding: 0 0 10px 10px; }
*/

/* Menu */
#menu { background:#FAF395; height:2.0em; line-height:normal; overflow:hidden; font-weight:bold; width: 740px; margin: 0; border-bottom: 1px solid #D3A62C;	 }
#menu ul { margin: 0 0 0 20px; padding: 0; list-style: none; }
#menu > li { float: left; }
#menu li a { display:block; padding: 5px 7px 4px; margin: 0 1px 0 0; text-decoration: none; color: #000; }
html>body #menu li a { height:2em; padding: 0.4em 10px 0.25em; }
#menu li a:hover { color: #2D2727; background:#E8DF68; }
#menu li.active a { color: #2D2727; background:#E8DF68; }

#menu #lang { float:right; margin: 0 20px 0 0; }

/* SubMenu */
html>body #submenu li a { height:1.5em; padding: 0.1em 10px 0.1em; }
#submenu li { clear:both; }
#submenu li a:hover { color: #000; background:#E8DF68; }
#submenu li.active a { color: #000; background:#E8DF68; }

/* ----------------------------------------------------------------- */
/* Content */
/* ----------------------------------------------------------------- */
#content { padding: 40px 20px 0 20px; margin: 0 5px; line-height:1.6em; text-align: justify; }
#content h2,h3, h4 { font-family:georgia; color: #7c0b2b; font-weight: bold; }
#content h2 { font-size:1.4em; margin: 0 0 15px 0; }
#content h3 { font-size:1.2em; margin: 0 0 5px 0; }
#content h4 { margin: 0 0 5px 0; color:#000; }
#content p { margin: 0 0 15px 0; }

/* cite */
#content cite { color: #ff0000; }

/* Listen */
#content ul { margin: 10px 0 20px 20px; padding: 0; list-style: disc; }
#content li {  text-align: left; }

/* Forms */
#content input, select, textarea { font-weight:normal; font-size: 12px; border:1px solid #bfbfbf; margin: 0 5px 0 0; background:#fff; padding: 0; color: #404040; overflow:hidden; }
#content input { padding: 0 0 0 4px; }
#content .inputFocus { background: #feffc8; }
#content input.button { background:#009966; color:#fff; border:none; padding: 2px 5px; margin: 0 0 0 5px; }
#content input.text { width:200px; margin: 0; }
#content input.disabled, select.disabled, textarea.disabled { background:#f0f0f0; color:#9f9e9e; }
#content input.radiobutton, input.checkbox { border:none !important; }

/* Box */
#content .box { margin: 0 0 20px 0; }
#content .box .boxHead { background:#c0e6d9; padding:6px 8px; font-weight: bold; border-bottom: 1px solid #fff; height: 12px; }
#content .box .boxHead h2 { float:left; }
#content .box .boxHead span { float:right; background:url(../images/Global/ico_minus.gif); text-indent: -9000px; overflow: hidden; width:14px; height: 14px; cursor:pointer; }
#content .box .boxHead span.open { background:url(../images/Global/ico_plus.gif); }
#content .box .boxContent { background:url(../images/Global/box_bg.jpg); padding: 8px; }

/* Tabellen */
#content table { width:100%; border-collapse:collapse; }
#content table.hoverTable, table.zebraTable { margin: 0 0 20px 0; border-bottom:1px solid #c0e6d9; }
#content caption, th { font-weight: bold; }
#content caption { display:none; }
#content th, td { padding: 4px 4px; }
#content th { background:#c0e6d9; }
#content tbody tr.even td { background:#e5f5ef; }
#content tbody tr.odd td { background:#fff; }
#content td.hover { background: #feffc8 !important; }

/* 50/50 Spalten */
#content .spalte1 { float:left; width: 49%; margin: 7px 1% 0 0; }
#content .spalte2 { float:right; width: 49%; margin: 7px 0 0 1%; }

/* ----------------------------------------------------------------- */
/* Footer */
/* ----------------------------------------------------------------- */
#footer { clear:both; height:100px; width: 700px; margin: 20px 20px 0 20px; padding: 5px 0; border-top: 1px dotted #C3B39A; color: #C3B39A; font-size:11px; text-align:right; }
#footer strong { font-weight:bold; }
#footer .left{ float: left; }
#footer .right{ float: right; }