/* ----- GENERAL ----- */
Body {
font-size: 75%;
color: #000;
background: #e6f2eb url('../Docs/images/background/bg-body.jpg') repeat-x;
}

Body,
textarea {
font-family: Verdana, Arial, sans-serif;
}

A {
color: #3878a5;
text-decoration: underline;
font-weight: bold;
}

A:hover { text-decoration: none; }

/* ----- Styling of layout specific elements ----- */
#header .page_margins{
height: 128px;
background: no-repeat url('../Docs/images/background/bg-header.gif');
}

#header .page_margins .page { padding: 0; }

#header span{ color: #999; }

#topnav a{
color: #999;
font-weight: normal;
background: transparent;
text-decoration: none;
}

#topnav a:focus,
#topnav a:hover,
#topnav a:active{
text-decoration: underline;
background-color: transparent;
}

.topnav_right{
font-size: 85%;
}

#logolink{
width: 100%;
height: 128px;
margin: 0;
}

#logolink a{
position: absolute;
top 0;
left: 0;
width: 100%;
height: 128px;
display: block;
text-decoration: none;
}

/* ----- Inhalt --- */
#main{
background: #fff url(../Docs/images/background/bg-main-start.gif) repeat-y;
}

#col2_content{ padding-left: 0; }

#col3_content{ padding-right: 0; }

/* ----- NAVIGATION: MENUBAR ----- */
.menubar{
background-color: #b0e4b9;
height: 35px;
text-transform: uppercase;
}

.menubar ul{
margin: 0 0 0 10px;
}

.menubar ul li a{
font-size: 116.67%;
font-weight: bold;
color: #000;
text-decoration: none;
padding: 11px 10px 12px 10px;
display: block;
}

.menubar ul li a:hover{
background-color: #72a2bc;
color: #fff;
}

.menubar ul li.active a,
.menubar ul li.active a:hover{
background-color: #41748f;
color: #fff;
}

.sf-menu ul{
background-color: #b0e4b9;
margin: 0;
width: 100%;
}

.sf-menu ul li {
padding-top: 5px;
display: block;
float: none;
font-size: 85%;
border-bottom: 1px dotted #8f8880;
}

.sf-menu ul li a,
.sf-menu li.active ul li a{
border: 0;
padding: 10px;
background-color: transparent;
color: #000;
}

/* ----- Standard Modulelayout ----- */
.ModuleBorder {
padding: 10px;
}

.ModuleTitle {
margin-bottom: 10px;
}

.ModuleTitle h2 {
font-size: 150%;
font-weight: bold;
padding-left: 0;
}

/* ----- SPECIALS ----- */
.Message { background-color: #eeeeee; }

.SuccessMsg {
margin-bottom: 10px;
margin-top: 10px;
padding: 10px;
padding-left: 0;
border: 1px solid #00B907;
color: #00B907;
background-color: #fff;
font-weight: bold;
display: block;
}

.ErrorMsg {
display: block;
margin-bottom: 10px;
margin-top: 10px;
padding: 10px;
padding-left: 0;
border: 1px solid red;
color: red;
background-color: white;
font-weight: bold;
}

.htmledit {
background-color: white;
background-image: none;
}

/* ------ Specials ------ */
#col3_content .tableentryform{ padding: 0; }

#col3_content .tableentryform table{ width: 100%; }

#col3_content .tableentryform input,
#col3_content .tableentryform textarea{ width: 200px; }

#col3_content .form_entry_checkboxes input{
width: auto;
margin-right: 5px;
float: left;
display: block;
}

#M1215ModuleBorder{
background: url(../Docs/images/background/bg-stiftung-warentest-etc.jpg) no-repeat;
height: 200px;
padding: 20px 0 0 0;
}

/* ------ Fußzeile ------ */
#footer { padding-top: 10px; }

#footer,
#footer a,
#footer a:focus,
#footer a:hover,
#footer a:active {
color: #6d9db8;
font-size: 85%;
text-decoration: none;
}

.menubar .sf-menu ul { width:auto;}