/* JUST Jugendcafe - Design vom 19. Mai 2006 von Oliver Pfeffer, http://berauschend.com */
/* keine Vorlage, keine Kopie - selfinspired und selfmade */

body, td, #container_outer, #column_left, #column_left_innertop, #column_left_inner, .clearer, #column_right_inner1, #column_right_inner2, #column_right_inner3, #column_right_inner4, #column_right_inner5, #banner_outer, #column_left_inner div.moduletable-nav ul#mainlevel, table.contentpaneopen, #column_left_inner div.moduletable-nav ul#mainlevel li ul, #column_left_inner div.moduletable h3, #column_left_inner div.moduletable-privnav ul#mainlevel, #column_left_inner div.moduletable-privnav h3  {
margin: 0;
padding: 0;
}

td {
font: 11px/120% Tahoma, Verdana;
}

/* --- body definitions --- */

body {
background: #e1dcc3;
font: 11px/120% Tahoma, Verdana, Helvetica, Arial, sans-serif;
color: #666;
text-align: center;
}

/* --- container definitions --- */

#container_outer {
width: 780px;
margin: 20px auto;
text-align: left;
background: transparent url(../images/container_bg.gif) repeat-y left;
}

/* --- columns definitions --- */

#column_left {
width: 175px;
float: left;
background: transparent url(../images/column_left.gif) no-repeat left top;
}

#column_left_innertop {
width: 175px;
height: 221px;
float: none;
clear: both;
}

#column_left_inner {
width: 175px;
background: #8e2300;
}

#column_right {
position:relative;
width: 595px;
margin-left: 175px;
padding: 80px 0 20px 7px;
}

.clearer {
clear: both;
}

#column_right_inner1 {
width: 595px;
background: transparent url(../images/border_bottom.gif) repeat-x bottom left;
}

#column_right_inner2 {
width: 595px;
background: transparent url(../images/border_top.gif) repeat-x top left;
}

#column_right_inner3 {
width: 595px;
background: transparent url(../images/border_right.gif) repeat-y top right;
}

#column_right_inner4 {
width: 595px;
background: transparent url(../images/corner_top.gif) no-repeat right top;
}

#column_right_inner5 {
width: 595px;
background: transparent url(../images/corner_bottom.gif) no-repeat right bottom;
}

#main_outer {
width: 585px;
padding: 10px 10px 10px 0;
margin: 0;
}

#main_inner {
width: 584px;
padding-top: 10px;
margin: 0;
overflow: hidden;
}

#banner_outer {
width: 585px;
height: 195px;
background: transparent url(../images/banner.gif) no-repeat left top;
}

/* SUFU */

#sufu_outer {
position: absolute;
top: 61px;
right: 20px;
}

#sufu_outer .inputbox {
border-top: 2px solid #8e2300;
border-left: 2px solid #8e2300;
border-right: 2px solid #8e2300;
border-bottom: 0px solid transparent;
background: transparent;
font: bold 11px/120% Tahoma, Verdana, Arial, sans-serif;
padding: 2px;
color: #8e2300;
}



/* --- footer definitions --- */

#footer_outer {
width: 585px;
padding: 2px 10px 0 0px;
text-align: right;
}


/* --- special definitions for #main_inner --- */

#main_inner table.speisekarte .newstopic {
font: bold 11px/120% Tahoma, Verdana, sans-serif;
}

#main_inner table.speisekarte .newscontent {
padding: 0 0 0 15px;
}

#main_inner table.speisekarte hr {
color: #666;
height: 1px;
}

table.blog {
width: 100%;
}

table.contentpaneopen {
width: 100%;
}

* .contentheading {
width: 100%;
font: bold 12px/200% Tahoma, Verdana, sans-serif;
color: #666;
padding-bottom: 10px;
}

* .componentheading {
width: 100%;
font: bold 12px/200% Tahoma, Verdana, sans-serif;
color: #666;
padding-bottom: 10px;
}

/* --- Community Builder --- */

div#main_inner div#cbIconsTop, div#main_inner div#cbIconsBottom, div#main_inner span.cbFieldIcons {
display: none;
}

div#main_inner .inputbox {
background: #f7f5ea;
border: 1px solid #a7a6aa;
}

div#main_inner div.message {
margin: 5px;
background: #8e2300;
padding: 5px;
font: bold 11px/120% Tahoma, Verdana, Arial, sans-serif;
color: #f0f0f0;
}

/* --- special definitions for mainmenu --- */

#column_left_inner div.moduletable-nav {
width: 175px;
margin: 0 0 20px 0;
}

#column_left_inner div.moduletable-nav ul#mainlevel {
list-style: none;
}

#column_left_inner div.moduletable-nav ul#mainlevel li a.mainlevel, #column_left_inner div.moduletable ul#mainlevel li a.mainlevel:visited {
width: 150px;
font: bold 12px/200% Tahoma, Verdana;
text-decoration: none;
color: #fff;
padding: 0 0 0 25px;
display: block;
}

#column_left_inner div.moduletable-nav ul#mainlevel li a.mainlevel:hover, #column_left_inner div.moduletable-nav ul#mainlevel li a.mainlevel#active_menu {
background: transparent url(../images/mainlevel-arrow.gif) no-repeat left;
}

/* sublevel definitions */

#column_left_inner div.moduletable-nav ul#mainlevel li ul {
list-style: none;
}

#column_left_inner div.moduletable-nav ul#mainlevel li ul li a.sublevel, #column_left_inner div.moduletable-nav ul#mainlevel li ul li a.sublevel:visited {
width: 135px;
font: bold 11px/200% Tahoma, Verdana;
color: #fff;
text-decoration: none;
display: block;
padding: 0 0 0 40px;
}

#column_left_inner div.moduletable-nav ul#mainlevel li ul li a.sublevel:hover, #column_left_inner div.moduletable-nav ul#mainlevel li ul li a.sublevel#active_menu {
background: transparent url(../images/sublevel-arrow.gif) no-repeat left;
}


/* --- special definitions for usermenu --- */

#column_left_inner div.moduletable-privnav {
width: 150px;
margin: 0 10px 15px 15px;
padding: 0;
color: #fff;
}

#column_left_inner div.moduletable-privnav ul#mainlevel {
list-style: none;
}

#column_left_inner div.moduletable-privnav ul#mainlevel li a.mainlevel, #column_left_inner div.moduletable-privnav ul#mainlevel li a.mainlevel:visited {
width: 130px;
font: bold 11px/180% Tahoma, Verdana;
text-decoration: none;
color: #fff;
padding: 0 0 0 20px;
display: block;
}

#column_left_inner div.moduletable-privnav ul#mainlevel li a.mainlevel:hover, #column_left_inner div.moduletable-privnav ul#mainlevel li a.mainlevel#active_menu {
background: transparent url(../images/mainlevel-arrow.gif) no-repeat left;
}

/* --- Modules at the left, login, who's online, etc --- */

#column_left_inner div.moduletable {
width: 150px;
margin: 0 10px 15px 15px;
padding: 0;
color: #fff;
}

#column_left_inner div.moduletable td {
color: #fff;
}

#column_left_inner div.moduletable .inputbox {
border: 1px solid #e1dcc3;
color: #e1dcc3;
background: #8e2300;
padding: 1px 3px 1px 5px;
}

#column_left_inner div.moduletable h3, #column_left_inner div.moduletable-privnav h3 {
font: bold 12px/120% Tahoma, Verdana;
display: block;
border-bottom: 1px solid #fff;
}

#column_left_inner div.moduletable a:link, #column_left_inner div.moduletable a:visited {
color: #fff;
}

#column_left_inner div.moduletable a:hover {
color: #8e2300;
background: #fff;
text-decoration: none;
}


/* --- LINKS (joomla! core) --- */

a:link, a:visited {
color: #8e2300;
}

a:hover {
color: #e1dcc3;
background: #8e2300;
}

/* --- SPECIAL-PAGES --- */

body.seite45 a:link, body.seite45 a:visited, body.seite45 a:active {
color: #8e2300;
text-decoration: none;
}

body.seite45 a:hover {
text-decoration: underline;
background: transparent;
}

body.seite45 .sectiontableheader div {
font: bold 13px/120% Tahoma;
}


/*
	css template addons for module Latest Events

	Note that these classes can be used to customize the look of the latest events
	module if desired beyond inherited properties from the mambo template being used.
	If you don't want to override some of the template properties such as maybe a
	standard uniform way to display links consistently, then you should comment out
	the link style directives below or make suitable modifications.

	Classes:

	mod_events_latest_first	- the table cell that contains the first event listed
	mod_events_latest	- the table cell that contains an event besides the first

	mod_events_latest_date	- the html span that contains the date for the event on the
				  first line of the table cell.

	mod_events_latest_content - the html span that contains the event title.

	mod_events_latest_content a:{link|visited|hover}  - controls the formatting
		of the event title links if enabled thru the module parameters. See the
		Readme.txt file to get info on parameters.

*/
table.mod_events_latest_table {
}

.mod_events_latest {
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border-top: solid 1px #666;
	height: 30px;
	}

.mod_events_latest_first {
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 30px;
	}

.mod_events_latest_date {
	font-size: 10px;
	font-family: Tahoma; Verdana, Arial, Helvetica, sans-serif;
	color:gray;
	}