/* CSS Document */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 	*/
/* Author: 		Kraftwerk Werbeagentur AG 					*/
/* Date: 		24. April 2008					 			*/
/* Copyright:	© 2008 - Kraftwerk Werbeagentur AG 			*/
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 	*/

/* Colors: */


/* CSS für TinyMCE editor */

* {
	font-size:12px;
}

.Menutitel {
	color:#031624;
	font-weight:bold;
	font-size:16px;
}


/* Default Styles
--------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

img {
	border: 0px;
}

html {
	height: 100%;
}
body {
	height: 100%;
	margin:0%;
	padding:0%;
	font-family: Arial;
}
/* Default Styles ENDE
--------------------------------------------------------- */

/* Styles
--------------------------------------------------------- */

img#logo_navi {	
	visibility:hidden;
}

img.takeawaypics {
	margin-left:5px;
}
/* Styles ENDE
--------------------------------------------------------- */



/* DIV / -> ID Styles 
--------------------------------------------------------- */
div#site {
	position: relative;
	width: 1000px;
	height: 100%;

	margin:auto;
	
}

div#content {
	position:relative;
	margin:auto;
	width:410px; height:410px;
		
	background-image:url(../img/shadow.gif);
	background-repeat:no-repeat;
	
	padding-top: 22px;
	
	color: #2f2818;
	font-size: 12px;
	line-height: 20px;
		
}

div#head {
	position: absolute;
	width:1000px; height:280px;
	background-image:url(../img/bgnd_shadow.png);
	background-repeat:repeat-y;
}

div#header {
	position: absolute;
	left:25px; top:0px;
	width:750px; height:250px;
}
div#logo {
	position: absolute;
	left:700px; top:0px;
	width:250px; height:250px;
}

div#mainnavi {
	position: absolute;
	left:25px; top:250px;
	width:700px; height:30px;
}
div#globalnavi {
	position: absolute;
	left:725px; top:250px;
	width:250px; height:30px;
}

div#body {
	position: relative;
	left:0px; top:280px;
	width:1000px;
}
div#subnavi {
	position: absolute;
	left:0px; top:0px;
	width:230px; height: 100%;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 30px;
	
	font-size: 13px;
	color: #d5d1c7;
}

div#footer {
	position: relative;
	width:1000px; height:40px;
	background-image:url(../img/bgnd_footer_tr.png);
	background-repeat:no-repeat;
	
}
div#footerleft {
	width:275px; height:20px;
}
div#footerright {
	position: absolute;
	right:0px; top:0px;
	width:275px; height:20px;
}

div#googlemap {
	position:fixed;
	left:200px; top:0px;
	border:1px solid #999;
}
/* DIV / -> ID Styles ENDE
--------------------------------------------------------- */



/* TABLE, TD, TR Styles 
--------------------------------------------------------- */
table.content {
	width: 950px;
	height:100%;
}
table.body {
	width:1000px; height:100%;
	/*
	padding-left:25px;
	padding-right:25px;
	*/
}
td.subnavi {
	width:230px; height:500px;
	
	padding-left: 35px;
	padding-right: 10px;
	padding-top: 30px;
	padding-bottom: 10px;
	
	background-image:url(../img/bgnd_shadow_left.png);
	background-repeat:repeat-y;
	
}
td.content {
	width:430px;
	padding:10px;
	padding-top: 22px;
	color: #2f2818;
	font-size: 12px;
	line-height: 20px;
	background-image:url(../img/bgnd_content_tp.png);
	background-repeat:repeat;

}
td.eventlist {
	width:230px; height:auto;

	padding-left: 10px;
	padding-right: 35px;
	padding-top: 30px;
	padding-bottom: 10px;

	background-image:url(../img/bgnd_shadow_right.png);
	background-repeat:repeat-y;
}

td.footer {
	
}

td.left {
	width:250px;

	height:100%;
}
td.center {
	width:450px;	
	height:100%;
}
td.right {
	width:250px;

	height:100%;
}

td.formular {
	width:120px;
}

/* TABLE, TD, TR Styles ENDE
--------------------------------------------------------- */




/* LINK Styles 
--------------------------------------------------------- */
a {
	text-decoration: none;
	color:#031624;
}
a:hover {
	color:#2f2818;
}

a.situationsplan {
	text-decoration: underlined;
	color:#031624;
}
a.situationsplan:hover {
	text-decoration: underlined;
	color:#999;
}

a.tage {
	text-decoration: none;
	color:#2f2818;
}
a.tage:hover {
	color:#031624;
}
a.tageactiv {
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	color:#031624;
}
a.tageactiv:hover {
	color:#031624;
}


a.mainnavi {
	float:left;
	height:30px;
}
a.mainnavi:hover {
	float:left;
}

a.mainnavi_active {
	float:left;
}
a.mainnavi_active:hover {
	float:left;
}


a.subnavi {
	text-decoration: none;
	color: #d5d1c7;
	font-size: 11px;
	line-height: 24px;
	display: block;
	width:230px; 
}
a.subnavi:hover {
	color: #fff;
}
a.subnavi_active {
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
	font-size: 12px;
	line-height: 24px;
	display: block;
	width:230px; 
}
a.subnavi_active:hover {
	color: #fff;
}





/* LINK Styles ENDE
--------------------------------------------------------- */


/* H - P / Text Styles 
--------------------------------------------------------- */
h1.subnavi {
	color: #d5d1c7;
	margin-bottom: 5px;
	font-size: 14px;
}
h1.content {
	color: #031624;
	margin-bottom: 15px;
	margin-top: 5px;
	font-size: 20px;
}
h2.untertitel {
	font-size:14px;
	font-weight:bold;
	color:#031624;
}

/* H - P / Text Styles ENDE
--------------------------------------------------------- */
hr {
	margin-top:10px;
	margin-bottom:15px;
}
hr.eventlist {
	margin-top:8px;
	margin-bottom:8px;
}

/* list Styles 
--------------------------------------------------------- */
li {
	margin-left:20px;
}

/* list Styles ENDE
--------------------------------------------------------- */



/* INPUT Styles 
--------------------------------------------------------- */
input.formular, input.code {
	width:160px;
	margin-bottom:5px;
	background-color:transparent;
	border:1px solid #2f2818;
}
textarea.formular {
	width:160px;
	height:50px;
	margin-top:5px;
	background-color:transparent;
	border:1px solid #2f2818;
}
/* INPUT Styles ENDE
--------------------------------------------------------- */	

/* Short event Styles 
--------------------------------------------------------- */
div#eventlist {
	position:absolute;
	left:700px; top:0px;
	width:230px; height:auto;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 30px;
	
	font-size: 13px;
	color: #2f2818;
}
h1.eventlist {
	color: #2f2818;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight:bold;
}
p.datum {
	margin-top:0px;	
}
p.eventshort {
	line-height:20px;
	font-size:11px;
}

div.restaurant {
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:8px;
}

div.wochentag {
	float:left;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
div.datum {
	float:right;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
h1.eventname {
	float:none;
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
	text-transform:uppercase;
	color: #031624;
}

div.newstitel, div.jobtitel {
	font-size:14px;
	font-weight:bold;
	color:#031624;	
}
div.newstitel {
	font-size:14px;
	font-weight:bold;
	color:#031624;	
}

div#menu_tage {
	position:absolute;
	top:65px; left:287px;
	width:100px; height:200px;	
}
div#menu_text {
	position:absolute;
	top:65px; left:400px;
	width:310px; height:200px;	
}

div.thumb {
	float:left;
	margin-right:10px;
}

/* Short event Styles ENDE
--------------------------------------------------------- */




/* IE HACKS */



a.mainnavi {
	visibility:hidden;
}
a.globalnavi {
	visibility:hidden;
}
a.subnavi {
	visibility:hidden;
}
div#eventlist_main {
	visibility:hidden;
}