/* Mabmo CSS Document */

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
	background-color:  #FFF;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
}

table {
    border-collapse: collapse;
	 		padding-left:1px;
}

/* Allgemeine CSS-Definitionen */

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

tr {}
	
	th, td {
		text-align: left;
		vertical-align: top;
		font-family: verdana,arial,helvetica,sans-serif;
		font-size: 11px;
		border: 0px none;
	}
	
.sitetitle {} 		/* Titel der Seite */
.searchbox {} 		/* Suchfeld */
.small {} 			/* diverse Einträge wie "Name des Authors" etc. */
.pagenav {}			/* "<<start < previous 1 next > end >>" */

a {
	color: #5E5E5E;
	font-weight: bold;
	text-decoration: none;
}

/* layoutspezifische Definitionen */

#structure {
	width: 100%;
    height: 100%;
}

	.branding-height-1 {
		height: 72px;
	}
	
	.branding-area-1-1 {
		width: 319px;
		background-color: #5E5E5E;
        border-right: 1px solid #E1E1E1;
        border-bottom: 1px solid #FFF;
	}
	
	.branding-area-1-2 {
		width: 159px;
		background-color: #5E5E5E;
		border: 0px solid #FFF;
		border-width: 0 0 1px 0;
	}
	
	.branding-area-1-3 { }
	
	.branding-area-2-1 { }
	
	.branding-area-2-2 { }
	
	.branding-area-2-3 { }
	
	.branding-area-2-4 { }
	
#header-area {
	width: 100%;
}
	
	.header-area-1-1 {
        background: #E1E1E1;
		border-right: 1px solid #FFF;
	}
	
	.header-area-1-2 {
        background: #D5D5D5;
		border-right: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
	}
	
	.header-area-1-3 {
		background-color: #E1E1E1;
		border: 0px solid #FFF;
		border-width: 0 0 1px 0;
	}

	
	.header-area-2-1 {
		border: 0px solid #FFF;
		border-width: 0 1px 0 0;
	}
	
	.header-area-2-2 {
		background-color: #D9DCD5;
	}
	
	.header-area-2-3 {
		background-color: #E1E1E1;
		text-align: right;
	}
	
	.header-area-2-4 {
		background: #B2B2B2 URL(../images/mainnav_back.gif);
	}
	
	.header-area-3-1 {
		background-color: #E1E1E1;
		border: 0px solid #FFF;
		border-width: 0 1px 0 0;
	}
	
	.content-area-1-1 {
		text-align: left;
		border-right: 1px solid #FFF;
		background: #D7DBD2;
	}
	
	.content-area-1-2 {	}
	
	.content-area-1-3 {	}
	
	.content-area-1-4 {
		background: #B2B2B2 URL(../images/mainnav_back.gif);
	}
    
    td.footer {
        text-align: right;
        height: 100%;
        vertical-align: bottom;
    }
    
        .footer .moduletable {
            margin: 1px solid #B2B2B2;
        }


/* Formulardefinitionen */

textarea.inputbox {
	width: 300px;
}
.inputbox {}		/* Texteingabefelder */
.button {}			/* Schaltfläche "senden" */



/* Definition des Content Edit Modus */

.ontab {}			/* aktiver Karteireiter des Editors beim Editieren im Frontend*/
.offtab {}			/* nicht aktive Karteireider des Editors beim Editieren im Frontend */
.tabpadding {}		/* Größe der Karteireiter des Editors beim Editieren im Frontend*/
.pagetext {}		/* formatiert geöffneten Editor */
.blog_more {
    margin: 0 5px;
}
.blog_more ul {
	list-style-image: URL(../images/pfeil.gif);
	margin: 0;
	padding: 5px 20px;
}
.contentpaneopen td.buttonheading {
	padding: 0 2px 0 0;
	margin: 0;
	vertical-align: middle;
	white-space: nowrap;
	background: #B5BBAD;
}


/* Definition der Menus (Hauptebene bzw. Unterebene) */

.header-area-2-3 .mainlevel {		/* Hauptebene */
	display: block;
	width: 152px;
	line-height: 20px;
	color: #5E5E5E;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 8px;
	background: 0 6px URL(../images/arrow_grey.gif) no-repeat;
	font-size: 10px;
}

.header-area-2-4 .mainlevel {		/* Hauptebene */
    line-height: 20px;
	color: #262626;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 11px;
	background: 0 -4px URL(../images/navi_off.gif) no-repeat;
}


	.header-area-2-3 a.mainlevel:link {}
	.header-area-2-3 a.mainlevel:hover, .header-area-2-4 a.mainlevel:focus {
		text-decoration: underline;
	}
		.header-area-2-3 #active_menu {
		font-family: Verdana;
	color: #D28A2C;
	background: URL(../images/sub_navi_on.gif) no-repeat 0 2px;
		}
	.header-area-2-3 a.mainlevel:active {}
	.header-area-2-3 a.mainlevel:visited {}


	.header-area-2-4 a.mainlevel:link {}
	.header-area-2-4 a.mainlevel:hover, .header-area-2-4 a.mainlevel:focus {
		color: #FFF;
	}
	.header-area-2-4 #active_menu {
		color: #FFF;
	background: 0 -1px URL(../images/navi_on.gif) no-repeat;
	}
	.header-area-2-4 a.mainlevel:active {}
	.header-area-2-4 a.mainlevel:visited {}



.header-area-2-4 .sublevel {}				/* Unterebene */
	.header-area-2-4 .sublevel:link {}
	.header-area-2-4 .sublevel:hover {}
	.header-area-2-4 .sublevel:active {
		background: 0 -1px URL(../images/sub_navi_on.gif) no-repeat;
		}
	.header-area-2-4 .sublevel:visited {}
	.header-area-2-4 .sublevel:focus {}
		
/*#active_menu {
	color: #FFF;
	background: 0 -1px URL(../images/navi_on.gif) no-repeat;*/
}



/* Definitionen der Rubriken, Kategorien und Inhalte */

.createdate {}		/* Erstellungsdatum des Artikels */
.modifydate {}		/* Veränderungsdatum des Artikels */
.readon {}			/* Weiterlesen-Link */



/* Definition der Rubriken */

.sectiontableheader {}			/* Tabellenkopf in Rubriken */
.sectiontableentry1 {}			/* Einträge in Rubriken */
.sectiontableentry2 {}			/* Einträge in Rubriken */



/* Definition der Kategorien */

.category {}		/*  */



/* Definition der Inhalte */

.contentpane {
	width: 100%;
}

.contentpane td {				/* wird oft verwendet in Bereichen wie News (Tabelle mit Rubriken und der Beschreibung + Grafik) */
	padding: 0 15px;
}

.contentpaneopen {
	width: 100%;
	border: 0px none #FFF;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
				width: 481px;
				border-right: 1px solid White;
}

	.contentpaneopen td {
		padding-left:18px;
			width: 444px;
				
	}

		
td.contentheading {			/* Überschrift eines Artikels */
	font-weight: bold;
	padding: 18px 18px 5px 18px;
	background-color: #B5BBAD;
	color: #FFF;
	width: 444px;
	border-right: 1px solid White;
}
.contentdecription {}		/* Beschreibungen der News, Weblinks, etc */
.content_rating {}			/* Anzeige der bereits vollzogenen Abstimmungen (User Rating: x/x) */
.content_vote {}			/* Anzeige der vorzunehmenden Abstimmung (Poor/Best) */



/* Definitionen der Komponenten */

.componentheading {			/* Anzeige des Titels einer Komponente im Frontend der Webseite */
	font-weight: bold;
	padding: 18px 18px 5px 18px;
	background-color: #B5BBAD;
	color: #FFF;
}


/* ##### Styles for Modules ##### */

.moduletable {}

.header-area-1-2 .moduletable {
	margin: 1px 4px 0 4px;
}

.header-area-1-2 .moduletable p {
	margin: 5px 0;
	padding: 0;
}

.header-area-2-2 .moduletable {
	width: 100%;
}

	.header-area-2-2 .moduletable th{
		background-color: #B3B9AB;
		padding-top: 8px;
		padding-left: 19px;
		color: #FFF;
		height: 35px;
	}
	
	.header-area-2-2 .moduletable td p {
		padding: 4px 0 4px 19px;
		margin: 0;
		color: #5E5E5E;
	}
	
		.header-area-2-2 ul {
			list-style-image: URL(../images/pfeil.gif);
			padding: 0;
			margin: 5px 19px;
		}
		
		.header-area-2-2 ul li {
			padding: 0;
		}

.header-area-2-3 .moduletable{
    width: 160px;
    margin-top: 1px;
    margin-left: auto;
}

.header-area-2-4 .moduletable {
	margin-top: 6px;
}

.moduletable th {}

.moduletable td {}

#searchmodule {
    border: 1px solid #000;
    width: 116px;
    margin: 20px 0 10px 16px;
    background: #EDEDED;
}

    .moduletable-suche {
        width: 116px;
    }
    
        .moduletable-suche th {
            background: #CECECE URL(../images/bg_search_th.gif) no-repeat;
            line-height: 20px;
            padding: 0 0 0 18px;
        }
    
        .moduletable-suche td {
            padding: 2px 0 2px 5px;
            background: #EDEDED;
        }
        
        .moduletable-suche td form {
            margin: 0;
            padding: 0;
        }
        
        .inputbox-suche {
            height: 16px !important;
            height: 20px;
            width: 77px;
            margin: 0;
            padding: 0;
            float: left;
        }
        
        .button-suche {
            float: left;
            width: 25px;
            height: 15px;
            border: none;
            color: #DFE1E0;
            margin: 2px 2px 0 3px;
            background: URL(../images/bg_button-suche.gif) no-repeat;
        }
        
    .moduletable-searchmenu {
        width: 116px;
    }
        
    .moduletable-searchmenu td{
        background: #CECECE URL(../images/bg_searchmodule_navi_arrow.gif) no-repeat;
        line-height: 20px;
    }
    
    .moduletable-searchmenu img {
        float: left;
        margin: 3px 2px 2px 2px;
    }
        
    .mainlevel-searchmenu:link,
    .mainlevel-searchmenu:visited    {
        margin: 0;
        padding: 0;
        color: #262626;
    }
    
    .mainlevel-searchmenu:hover,
    .mainlevel-searchmenu:active,
    .mainlevel-searchmenu:focus {
        text-decoration: underline;
        color: #262626;
    }
    
    

    .footer ul#mainlevel {
        margin: 0 0 0 80px;
        padding: 0;
        list-style: none;
        text-align: right;
        border: 0px solid #B2B2B2;
        border-width: 1px 1px 0 1px;
        line-height: 15px;
    }

    .footer ul#mainlevel li {
        display: inline;
    }

    .footer .mainlevel:link,
    .footer .mainlevel:visited    {
        margin: 0;
        padding: 0 8px 0 8px;
        color: #5E5E5E;
        font-size: 10px;
        background: URL(../images/seperator_footer.gif) no-repeat;
    }
    
    .footer .mainlevel:hover,
    .footer .mainlevel:active,
    .footer .mainlevel:focus {
        text-decoration: underline;
    }