@import url(size-and-color.css);
@import url(tt_news.css);

* {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
}

body {
	background: #999;
	font-size: 101%;
}
/* --------------------------------------- */
/*            setup for #bodywrapper       */
/* --------------------------------------- */
#bodywrapper {
	background: #999;
	padding: 10px 50px 0px 50px;
}

/* --------------------------------------- */
/*            setup for #header            */
/* --------------------------------------- */

#header {
	background: #FFF1E1 url(../images/section-one.jpg) no-repeat center right;
	min-height: 76px; /* 116 - XY from padding */
	padding: 17px 20px 20px 20px; /* need different padding for top since img#logo is larger than the one used for min-height (79px instead of 76px) */
}

#logo {
	vertical-align: bottom;
}

span#menu-header {
	margin-left: 10%;
}

form#searchform {
	display: inline;
}
/* --------------------------------------- */
/*            setup for #main              */
/* --------------------------------------- */
#main {
	clear: both;
	background: #FCA53E;
	padding-top: 10px;
	width: 100%;
}

.table {
	display: table;
}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
	vertical-align: top;
}

.table .row-one .cell-one {
	width: 180px;
	max-width: 260px; /* todo: check this */
	padding: 30px 0px 20px 0px;
}

.table .row-one .cell-two {
	/* width: 300px; */
	background: #fff url(../images/corner-content-main.gif) no-repeat top left;
	padding: 30px 20px 20px 20px;
}

.table .row-one .cell-three {
	width: 167px;
	/* width: 267px; */ /*not working for FF, why ? */
	padding: 0px 5px 20px 5px;
}

/* --------------------------------------- */
/*           setup for menu-main (#main)   */
/* --------------------------------------- */
ul#menu-main, ul#menu-main ul {
	list-style-type: none;
}

ul#menu-main li  {
	border-bottom: 1px solid #fff;
}

ul#menu-main li .cur {
	background-image: url(../images/layer.gif);
    background-repeat: repeat-y;
    background-position: left center;


}

ul#menu-main li a {
	display: block;
	padding: 5px 20px 5px 20px;
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
}

ul#menu-main li a .cur{
	display: block;
	padding: 5px 20px 5px 20px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;

}

/* second level */
ul#menu-main ul li {
	border-bottom: none;
	border-top: 1px solid #fff;
}

ul#menu-main ul li a {
	padding: 5px 20px 5px 30px;
	color: #fff;
}

/* third level */
ul#menu-main ul ul li {
	border-bottom: none;
	border-top: 1px solid #fff;
}

ul#menu-main ul ul li a {
	padding: 5px 20px 5px 40px;
	color: #fff;
}

/* fourth level */
ul#menu-main ul ul ul li {
	border-bottom: none;
	border-top: 1px solid #fff;
}

ul#menu-main ul ul ul li a {
	padding: 5px 20px 5px 50px;
	color: #fff;
}

/* --------------------------------------- */
/*           setup for footer (#main)      */
/* --------------------------------------- */
#footer {
	margin-top: 30px;
	text-align: center;
}

/* --------------------------------------- */
/*           Redakteuer Tools		       */
/* --------------------------------------- */
#logout {
    position: absolute;
    z-index: 99;
    top: -1px;
    left: 10px;
}