﻿body 
{
    background: white;
    margin: 0px;
    padding: 0px;
}

#PageMainContainer
{
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 950px;
}

body, td, p, div
{
    font-family: Verdana, Arial, Tahoma, Sans-Serif;
}

/* Header */

#PageHeader
{
    width: inherit;
    height: 130px;
    position: relative;
    clear: both;
    margin-bottom: 20px;
}

#PageHeaderContainerLeft
{
    width: 610px;
    height: 97px;
    position: absolute;
    background: #b23810;
    left: 0px;
    bottom: 0px;
}

#PageHeaderContainerMiddle
{
    width: 120px;
    height: 130px;
    position: absolute;
    background: #CCCCCC;
    left: 615px;
    bottom: 0px;
}

#PageHeaderContainerRight
{
    width: 210px;
    height: 95px;
    position: absolute;
    background: #b23810;
    left: 740px;
    bottom: 0px;
    z-index: 5;
}

#flashcontent1, #flashcontent2, #flashcontent3
{
    position: absolute;
    bottom: 10px;
    left: 10px;
}

#PageHeaderLogoHerzobase
{
    position: absolute;
    top: 11px;
    left: 0px;
}

#PageHeaderLogoRamada
{
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 10;
}

/* PageContainer */

#PageContainer
{
    background: url(../../Library/Media/Page/Ramada/background.gif);
    background-repeat: repeat-y;
}

/* Content */

#PageContent
{
    float: left;
    width: 570px;
    margin-left: 30px;
    margin-right: 20px;
}

#PageContentInner
{
    margin-left: 20px;
    margin-right: 20px;
}


/* Marginalie */
#PageMarginalNote
{
    float: left;
    width: 150px;
    margin-top: -0px;
}

/* Footer */

#PageFooter
{
    border-top: solid 15px white;
    border-bottom: solid 15px white;
    clear: both;
    width: inherit;
    height: 25px;
    background: #b23810;
    color: White;
    position: relative;
    font-size: 11px;
}

#PageFooterInner
{
    position: absolute;
    left: 15px;
    top: 5px;
}

#PageFooterButtons
{
    position: absolute;
    right: 15px;
    top: 5px;
}

#PageFooter a, #PageFooterButtons a
{
    color: White;
}

/* Navigation */

#PageNavigation
{
    width: 180px;
    float: left;
    font-size: 11px;
}

#PageNavigation ul
{
    padding: 0px;
    margin: 0px;
    list-style-type:none;
}

#PageNavigation li
{
    margin: 0px;
}

#PageNavigationActive
{
    
}

#PageNavigation a
{
    color: Black;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
}

.PageNavigationRow
{
    border-bottom: solid 3px white;
    padding: 7px 5px 7px 5px;
    width: 180px;
    background: #EEE;
}

.Open
{
    background: #CCC;
}

.OpenRoot
{
    font-weight: bold;
}

.Active
{
    font-weight: bold;
}

.Active a
{
    color: #b23810;
}

/* Where we are */

#WhereWeAre
{
    margin-bottom: 10px;
}

#WhereWeAre, #WhereWeAre a
{
    color: #9B9B9D;
    font-size: 11px;
}

/* Language Selector */

#LanguageSelectorBox
{
    background: #EEE;
    padding: 10px;
    font-size: 11px;
    margin-bottom: 15px;
}

/* Article */

.headline
{
    font-size: 20px;
}

.headline a
{
    text-decoration: none;
    color: #b23810; 
}

.beitrag
{
    font-size: 12px;
    line-height: 180%;
    font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
}



.teaser
{
    font-size: 13px;
    font-weight: bold;
    font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
}

.teaser a, .beitrag a
{
    color: #b23810; 
}

/* Modules */

#LanguageSelectorBox select
{
    border: 0px;
    font-size: 10px;
    color: #9B9B9D;
    width: 100%
}

.MarginalNoteBox
{
    background: #EEE;
    padding: 10px;
    font-size: 11px;
    margin-bottom: 15px;
}

.MarginalNoteBox .headline
{
    font-weight: bold;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    margin-top: -10px
}

.MarginalNoteBox .beitrag
{
    font-size: 11px;
}

/* anfrage formulare */

.anfrage hr
{
    height:1px;
    background: #b23810;
    margin: 20px 0px 20px 0px;
}

.anfrage table
{
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.anfrage td
{
    width: 50%;
}

.anfrage input, .anfrage textarea, .anfrage select
{
	width: 99%;
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #b23810;
	margin-top: 2px;
}

.ContactRadio input
{
    width: auto;
    vertical-align: top;
    border: none;
}

.AnfrageButton
{
    background: #b23810;
    color: White;
    font-weight: bold;
    padding-bottom: 2px;
}

.anfrage textarea
{
    height: 150px;
}

.latestnews a
{
    color: #b23810;
    font-weight: bold;
    text-decoration: none;
}

.PagerMainContainer, .PagerMainContainer a
{
    font-size: 12px;
    color: Black;
}