/******************************************************************************
 * Online-Systeme GmbH
 *
 * Author: Ralph Dors, Patric Paris Online-Systeme GmbH
 * Date: 2006-03-27
 * 
 * Copyright (c) 2004, 2006 Online-Systeme GmbH  
 *
 ******************************************************************************/

html { margin: 0px 0px 0px 0px; padding:  0px 0px 0px 0px; color: #000; }
body
{
	margin: 0px 0px 0px 0px; padding:  0px 0px 0px 0px;
	background: url(/images/backgroundLeft.gif) top left repeat-y;
}
body {
	color:#000;
	font-family: Arial, Tahoma, sans-serif;
	font-size:75%;
}
/*
p {
	margin-top:0px;
	margin-bottom:10px;
	padding:0;
}
*/
img { border: 0px; }

a, a:active, a:visited { text-decoration: underline; color: #5F5F62; font-weight:bold;}
a:hover { text-decoration: underline; color: #1D3160; font-weight:bold;}

a.forward {
	background:url(/images/forward.gif) left center no-repeat;
	padding-left:13px;
}
a.back {
	background:url(/images/back.gif) left center no-repeat;
	padding-left:20px;
}

h1,h2,h3,h4,h5
{
	color:#1D3160;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:0px;
	padding-bottom:0px;
}

h1 { display:none;font-size:1.2em; }
h2 { display:none;font-size:1.2em; }
h3 { font-size:1.3em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }

/*****
 * Global styles
 ******************************************************************************/
.hidden { display: none; }
.clean { clear: both; }

/*****
 * Layout
 ******************************************************************************/
.mainContainer { margin: 0px 0px 0px 10%; padding: 0px 0px 0px 0px; clear: both; width: 796px; }

/** Header
********************************************************************************/
.topArea { margin-bottom: 0px; padding-bottom: 5px; background: #fff url(/images/line_h.gif) repeat-x bottom left; width: 796px; height: 60px; clear: both; }
.topArea div#logo { float: left; border: 0px; display: block; background: url(/images/head_logo.gif) no-repeat top left; width: 320px; height: 56px; }
.topArea .headMenu { float: right; text-align: right; padding-top: 45px; }
.topArea .headMenu ul { display: inline; }
.topArea .headMenu ul li { float: left; display: inline; padding: 0px 0px 0px 10px; border: 0px; color: #444; font-size: 80%; }

/** Top navigation
********************************************************************************/
.topMenu { width: 868px; height:139px; clear: both; }
.topMenu .left { width: 243px; height: 139px; background: #000 url(/images/start/header_0.jpg) no-repeat top left; float: left; }
.topMenu .main { width: 625px; height: 139px; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.topMenu .main .menu { display: inline; font-size: 90%; width: 624px; height: 15px; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.topMenu .main .menu ul { width: 552px; display: inline; margin-left: 2px; }
.topMenu .main .menu ul li {
        border: 1px solid #000;
        background-color: #fff;
        padding: 2px 3px 0px 5px;
        margin: 0px 0px 0px -1px;
        display: block;
        float: left;
        width: 102px;
        height: 15px;
        text-transform: uppercase;
        word-spacing: .30em;
        color: #000;
}

.topMenu .main .menu ul li a  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #000; text-decoration: none; }
.topMenu .main .menu ul li a:active  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #000; text-decoration: none; }
.topMenu .main .menu ul li a:hover  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #000; text-decoration: none; background: #fff; }
.topMenu .main .menu ul li a:visited { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #000; text-decoration: none; }

/** Picture splash + one in topmenu
********************************************************************************/
.topMenu .main .one { float: left; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #000 url(/images/start/header_1.jpg) no-repeat bottom left; height: 120px; width: 125px; }
.topMenu .main .two { float: left; margin: 4px 0px 0px -14px; padding: 0px 0px 0px 0px; background: #000 url(/images/start/header_2.jpg) no-repeat top left; height: 120px; width: 125px; }
.topMenu .main .three { float: left; margin: 4px 0px 0px -14px; padding: 0px 0px 0px 0px; background: #000 url(/images/start/header_3.jpg) no-repeat top left; height: 120px; width: 125px; }
.topMenu .main .four { float: left; margin: 4px 0px 0px -14px; padding: 0px 0px 0px 0px; background: #000 url(/images/start/header_4.jpg) no-repeat top left; height: 120px; width: 125px; }
.topMenu .main .five { float: left; margin: 4px 0px 0px -14px; padding: 0px 0px 0px 0px; background: #000 url(/images/start/header_5.jpg) no-repeat top left; height: 120px; width: 125px; }

/** Submenu for top navigation
********************************************************************************/
.topSubmenu { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100px; }

.topSubmenu li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; display: block; width: 100px; font-size: 95%; list-style: none; }
.topSubmenu li a { color: #000; text-decoration: none; font-weight: normal; }
.topSubmenu li a:link { color: #000; text-decoration: none; }
.topSubmenu li a:active { color: #000; text-decoration: none; }
.topSubmenu li a:hover { color: #000; text-decoration: none; }
.topSubmenu li a.visited { color: #000; text-decoration: none; }

.topSubmenu li.active { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; border-left: 5px solid orange; display: block; width: 100px; font-size: 95%; list-style: none; }
.topSubmenu li.active a { color: #000; text-decoration: none; }
.topSubmenu li.active a:active { color: #000; text-decoration: none; }
.topSubmenu li.active a:hover { color: #000; text-decoration: none; }
.topSubmenu li.active a.visited { color: #000; text-decoration: none; }

/** Footer
********************************************************************************/
.footer { margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; background: #fff url(/images/line_h.gif) repeat-x top left; font-size: 80%; color: #888; }


/** Content
********************************************************************************/
.pageTitleBar { margin: 5px 0px 10px 0px; padding: 0px 0px 0px 0px; height: 47px; width: 868px; color: #fff; }
.pageTitleBar .left { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; height: 47px; width: 243px; background: #000 url(/images/start/light.gif) repeat top left; }
.pageTitleBar .right { float: left; margin: 0px 0px 0px 0px; padding: 20px 0px 0px 10px; display: block; height: 27px; width: 545px; background: #000 url(/images/start/dark.gif) repeat top left; font-weight: bold; color: #fff; }

.mainContent { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; width: 868px; }

.mainContent .contentLeftMenu { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; display: block; width: 240px; font-size: 100%; }
.mainContent .contentLeftMenu:after { content:url(/images/blank.gif); } /** fixed an ugly layout bug in ff. (rd) **/

.contentLeftMenu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; list-style: none; }
.contentLeftMenu ul li { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; display: block; background: #EFEFEF; font-size: 95%; }

.contentLeftMenu ul li a, .contentLeftMenu ul li a:active, .contentLeftMenu ul li a:link, .contentLeftMenu ul li a:hover, .contentLeftMenu ul li a:visited { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; display: block; text-decoration: none; border-left: 5px solid lightblue; color: #000; font-weight: normal; }
.contentLeftMenu ul li.active a, .contentLeftMenu ul li.active a:active, .contentLeftMenu ul li.active a:hover, .contentLeftMenu ul li.active a:visited { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; display: block; text-decoration: none; border-left: 5px solid blue; color: #000; }

.contentLeftMenu ul li ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; background: #fff; }
.contentLeftMenu ul li ul li { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; display: block; background: #fff; }
.contentLeftMenu ul li ul li a { text-decoration: none;  color: #000; }

.mainContent .contentRightMenu { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; display: block; width: 88px; font-size: 90%; }

.mainContent .content { float: left; margin: 0px 0px 0px 0px; padding: 0px 20px 0px 10px; display: block; width: 490px; background: #fff url(/images/line_v.gif) repeat-y top right; font-size: 95%; }