/* ---------------------
name: grimmels_frontpage
design: michael schnirch
--------------------- */

/* ---------------------
basic layout
--------------------- */
body
{
margin: 0px;
padding: 0px;
font: 85% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #333;
background-color: #fff;
background-image: url(../images/home_bg-body.gif);
background-repeat: repeat-x;
background-position: 0px 80px;
}

a:link {
	color: #8B1818;
	text-decoration: none;
	/*font-size: 10px;*/
}
a:visited {
	color: #8B1818;
	text-decoration: none;
}

a:hover, a:active
{
color: #8B1818;
text-decoration: underline;
}

h1
{
color: #fff;
font: 120% verdana, arial, hevetica, sans-serif;
font-weight: bold;
margin: 0 0 2px 0;
}

h2
{
color: #fff;
font: 120% verdana, arial, hevetica, sans-serif;
font-weight: bold;
margin: 0 0 2px 0;
}

h2 a { text-decoration: none; }

h3
{
color: #fff;
font: 120% verdana, arial, hevetica, sans-serif;
font-weight: normal;
text-transform:uppercase;
margin-top: 0;
}

/* ---------------------
template layout
--------------------- */
#container
{
padding:0;
margin: 0 auto;
border: 0px;
width: 757px;
text-align: left;
background-color: #fff;
}

#header
{
position: relative;
height: 80px;
width: 100%;
background-image: url(../images/grimmels-logo.png);
background-repeat: no-repeat;
background-position: 0px 20px;
border-bottom: 3px solid #000;
}

#subheader
{
height: 75px;
background-color: #fff;
background-image: url(../images/header-set00.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
color: #000;
padding: 0px;
}

/*#header h1
{
font-size: 1px;
text-align: right;
color: #fff;
margin: 0;
padding: 0;
}*/

#topmenu
{
position: absolute;
left: 1px;
top: 65px;
width: 755px;
text-align: left;
font-size: x-small;
}

#topmenu a
{
color: #666;
text-decoration: none;
font-size: x-small;
}

.mainlevelsmallnav
{
color: #666;
text-decoration: none;
font-size: x-small;
}

#topmenu a:hover, a:active
{
color: #000;
text-decoration: underline;
font-size: x-small;
}

#mainnav
{
height: 27px;
background-color: #7C7B7B;
color: #fff;
padding: 0px 0;
text-transform:uppercase;
border-bottom: 1px solid white;
font-size: 10px;
}

#mainnav ul
{
margin: 0 0 0 0px;
padding: 6px 2px 5px 2px;
list-style-type: none;
font-weight:bold;
font-size: 10px;
}

#mainnav li
{
display: inline;
padding: 0 10px;
}

#mainnav li a
{
text-decoration: none;
color: #ffffff;
letter-spacing:0.1em;
}

#mainnav li a:hover
{
text-decoration: none;
color: #000;
}

#menu1
{
float: left;
width: 147px;
height: 190px;
border-right: 1px solid #fff;
padding: 4px 10px 4px 10px;
background-color:#CCCCCC;
margin-bottom: 1px;
overflow:hidden;
}

#menu2
{
float: left;
width: 420px;
height: 198px;
border-right: 1px solid #fff;
/*padding: 4px 10px 4px 10px;*/
margin-bottom:1px;
overflow:hidden;
}

#menu2 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
line-height: 165%;
}

#contents {
width: 167px;
height: 198px;
background-color:#7b7b7b;
border-right: 1px solid white;
font-size:10px;
float:left;
}

.mod_events_latest_first {
padding: 8px 5px 5px 5px;
/*border-bottom: 1px dashed white;*/
color:#fff;
font-weight: bold;
}

.mod_events_latest {
padding: 5px;
font-weight: normal;
}

/*#contents td {
padding-left: 5px;
}*/

#contents .contentheading,
#contents .contentpagetitle,
#contents a.contentpagetitle:link,
#contents a.contentpagetitle:active,
#contents a.contentpagetitle:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#fff;
	font-weight: bold;
	padding-top: 3px;
	display:block;
	text-decoration:none;
}

#intermediate1
{
float: left;
width: 167px;
height: 27px;
clear: both;
color: #fff;
text-align: left;
background:#8B1818;
border-right: 1px solid white;
}

#intermediate2
{
float: left;
width: 420px;
height: 27px;
color: #fff;
text-align: left;
background:#7b7b7b;
border-right: 1px solid white;
}

#intermediate3
{
float: left;
width: 167px;
height: 27px;
color: #8B1818;
background:#ccc;
text-align: left;
border-right: 1px solid white;
}

.frontcategory {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
	text-transform:uppercase;
	letter-spacing: 0.15em;
	padding-left: 10px;
	line-height:27px;
	vertical-align: middle;
	background-color: #7B7B7B;
	color: #fff;
}


#subsearch
{
float: left;
width: 167px;
height: 27px;
/*color: #000;
background:#fff;
text-align: left;
font-size: 80%;*/
border-right: 1px solid white;
clear:both;
}

#aktuelles
{
float: left;
width: 420px;
color: #000;
background:#fff;
text-align: left;
line-height: 120%;
font-size: 90%;
letter-spacing: 0.1px;
font-family:verdana, arial, hevetica, sans-serif;
border-right: 1px solid white;
}

#aktuelles ul, li {
list-style-type:none;
list-style-image:url(../images/arrow.png);
list-style-position:outside;
padding-bottom:6px;
}

.contentpaneopen {
	padding:3px 6px;
}

#mostread
{
float: left;
width: 167px;
color: #000;
background:#fff;
text-align: left;
font-size: 90%;
}

#footer
{
clear: both;
color: #fff;
text-align: left;
font-size: 70%;
background-color: #7b7b7b;
padding: 5px;
}

/* ---------------------
mambo content layout
--------------------- */

/** pathway block **/
span.pathway {
	display:block;
	text-align:left;
	color:#000000;
	font-size:10px;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	height:20px;
	margin-bottom:10px;
}

/** content title **/
.componentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 16px;
	padding: 5px 0 0px 0;
	display:block;
}

.contentheading,
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8B1818;
	font-weight: bold;
	padding-top: 5px;
	background-color:inherit;
	display:block;
	text-decoration:none;
}

.buttonheading {
	width: 16px;
	text-align:right;
}

.sectiontableheader {
	font-weight: bold;
}

.category, .categorytitle {
	font-weight: bold;
	color:#3973AC;
	background-color:inherit;
}

.sectiontableentry1 {
	background-color: #EFEFEF;
	padding: 2px;
	color:#333333;
}

.sectiontableentry2 {
	background-color: #FFFFFF;
	padding: 2px;
	color:#333333;
}

/** blog Styles **/
.blogsection {
	color:#000;
}

.blog_more {
	/*line-height:20px;
	padding-bottom: 30px;
	background-color:inherit;*/
}

/** small text in content **/
.small {
	color:#999999;
	font-size:10px;
	font-weight: bold;
	background-color:inherit;
}

/** date info in content **/
#content_main .createdate {
	color:#7B7B7B;
	font-size:10px;
	padding: 0 0 15px 0;
	line-height:8px;
	background-color:inherit;
}

#content_main .modifydate {
	color:#999999;
	font-size:10px;
	padding: 0;
	background-color:inherit;
}

/** toc page navigation  **/
.pagenav_prev,
.pagenav_next {
	font-size:11px;
}


/** content item navigation  **/
.pagenavbar  {
	display:block;
	width:100%;
	background-color:inherit;
	height:20px;
	line-height:25px;
	text-align:right;
	letter-spacing:2px;
	color:#999999!important;
	clear:both;
	font-size: 11px!important;
	margin-top: 10px;
}

.pagenav {
	height:20px;
	line-height:25px;
	text-align:right;
	letter-spacing:2px;
	color:#999999;
	clear:both;
	font-size: 11px;
	margin-left: 0;
	margin-right: 0;
	background-color:inherit;
}

.back_button {
	display:block;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	width:100%;
	margin-bottom:10px;
	letter-spacing:2px;
}

/** highlight word search result **/
.highlight {
	font-weight:bold;
	background-color: #FFFF00;
	padding: 2px 0 2px 0;
	
}

/** table of content layout **/
table.contenttoc {
	border:1px solid #000000;
	padding:1px;
	display:block;
	width:130px;
	margin: 0 0 10px 10px;
}

/** table of content header **/
.contenttoc th {
	color:#FFFFFF;
        text-transform: uppercase;
	/*background-color:#666666;*/
	font-size:11px;
	display:block;
	/*width:124px;*/
}

/** unordered list for latest news module **/
ul.latestnews li,ul.mostread li {
	line-height: 18px;
	font-size:10px;
	font-weight:bold;
	list-style-type: square;
	list-style-position: outside;
	padding:0px;
}


/** fix opera table width for content list in table category**/
table.contentpane td.contentdescription {
	width:100%!important;
}


/* ---------------------
Links
--------------------- */

a.pagenav:link ,
a.pagenav_next:link,
a.pagenav_pre:link,
div.back_button a,
div.back_button a:link,
a.latestnews:link,
a.latestnews:active,
a.latestnews:visited,
a.mostread:link,
a.mostread:active,
a.mostread:visited {
	text-decoration:none;
}

#active_menu.mainlevel {
color:#8B1818;
}
#active_menu.sublevel {
color:#8B1818;
}

#active_menunav.mainlevelnav {
color:#8B1818;
}

/*** read more link ***/
.readon,
a.readon:link,
a.readon:active,
a.readon:visited {
	color:#8B1818;
	font-weight:bold;
	text-align:right;
	margin-top:10px;
	letter-spacing: 2px;
	font-size:10px;
	text-decoration:none;
}

/*** blog links ***/
a.blogsection:link,
a.blogsection:active,
a.blogsection:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	margin-top:10px;
	font-weight: bold;
}
a.blogsection:hover {
	text-decoration: underline;
}


/** generic menu item link **/
a.mainlevel:link,
a.mainlevel:active,
a.mainlevel:visited,
a.mainlevelwhite:link,
a.mainlevelwhite:active,
a.mainlevelwhite:visited,
a.sublevel:link,
a.sublevel:active,
a.sublevel:visited {
	color:#7B7B7B;
	text-decoration:none;
	font-size:9px;
	padding-top:3px;
	letter-spacing:0.08em;
	text-transform: uppercase;
}

/** generic menu item link on mouseover**/
a.mainlevel:hover 
{
	/*background-color:#8B1818;*/
	color:#fff!important;
	text-decoration:none!important;
}
/* wenn in weißem hintergrundbereich!*/
a.mainlevelwhite:hover {
	color:#8B1818;
}


/** pathway link item **/
a.pathway:link,
a.pathway:link,
a.pathway:active,
a.pathway:visited {
	color:#999999;
	text-decoration:none;
}

/** table of content list **/
a.toclink:link,
a.toclink:active,
a.toclink:visited {
	color:#3973AC;
	font-size:11px;
	padding:2px 10px 2px 10px;
	display:block;
	text-decoration:none;
}

.pagenavbar a:link,
.pagenavbar a:active,
.pagenavbar a:visited  {
	letter-spacing:2px;
	color:#000000;
	font-size: 11px;
	text-decoration: none;
}

.pagenavbar a:hover {
	color:#3973AC;
}

/** latestnews and popular **/
.latestnews,
.mostread {
	color:#8B1818;
}

a.latestnews:link,
.mostread a:link,
.latestnews a:active,
.mostread a:active,
.latestnews a:hover,
.mostread a:hover,
.latestnews a:visited,
.mostread a:visited {
	color:#8B1818;
	text-decoration:none;
}

/** change color to dark red on hover **/
a.toclink:hover,
a.latestnews:hover,
a.mostread:hover,
a.pathway:hover,
a.sublevel:hover,
a.sublevel-right:hover,
a.blogsection:hover,
a.readon:hover,
a.pagenav:hover ,
a.pagenav_next:hover,
a.pagenav_pre:hover,
a.latestnews:hover {
	text-decoration:none;
	color:#8B1818;
}


/* ---------------------
mambo module layout
--------------------- */

/** general module table **/
table.moduletable {
	width:100%;
	float:left;
	clear:left;
}

table.moduletable-noclear {
	width:100%;
	float:left;
	padding:0px;
}

/** general module title #############################################################################################**/
table.moduletable th,
table.moduletable-noclear th {
	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:27px;
	height:27px;
	vertical-align:middle;
	background-color:#8B1818;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:0.15em;
	padding-left:10px;
	font-weight:bold;
}

table.moduletable-grey th,
table.moduletable-nocleargrey th {
	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:27px;
	height:27px;
	vertical-align:middle;
	background-color:#7B7B7B;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:0.15em;
	padding-left:10px;
	font-weight:bold;
}

table.moduletable-silver th,
table.moduletable-noclearsilver th {
	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:27px;
	height:27px;
	vertical-align:middle;
	background-color:#ccc;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:0.15em;
	padding-left:10px;
	font-weight:normal;
}

table.moduletable-white th,
table.moduletable-noclearwhite th {
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:27px;
	height:27px;
	vertical-align:middle;
	background-color:#fff;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:0.15em;
	padding-left:10px;
	font-weight:normal;
}


#menu1 table.moduletable,
table.moduletable-noclear{
        color:#7B7B7B;
        font-weight: bold;
	    font-size:12px;
        background-color:transparent;
	    text-align:left;
}

/** generic menu item **/
.mainlevel  {
	display:block;
	height:25px;
	line-height:25px;
	text-decoration:none;
	text-transform:uppercase;
}

/** search div position:user1 **/
div.search {
    margin-top:15px;
}

/** search field in search div **/
.search .inputbox {
	height: 80%;
	border: 1px solid #000000;
	padding:2px;
}

/* ---------------------
mambo form layout
--------------------- */

/** left column input form **/
#leftcol .inputbox {
	font-size:11px;
	/*border: 1px solid #000000;*/
	margin-bottom:2px;
}

/** input button html tag **/
.button,
#rightcol .button {
	font-size:8px;
	text-transform:uppercase;
	color:#666666;
	font-weight:bold;
	background-color:#CCCCCC;
    border: none;
}

#rightcol .button {
	background-color:#E5E5E5;
}

.search  {
	margin-top:2px;
}


/** for polls **/
.poll {
	font-size:11px;
	line-height: 16px;
}

table.pollstableborder .sectiontableentry2 {
	background-color:transparent; 
	text-align:left; 
}
table.pollstableborder .sectiontableentry1 {
	background-color:#F5F5F5; 
	text-align:left;
}

.moduletable_bgimg table.pollstableborder td.sectiontableentry2,
.moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
	background-color:transparent!important; 
	text-align:left!important; 
}