/* <![CDATA[ */

/******************************************************************************
 ** Fuer Google-Map
 ** Quelle: http://www.google.de/apis/maps/documentation/#XHTML_and_VML
 ******************************************************************************/

v\:* {
	behavior:url(#default#VML);
}


/******************************************************************************
 ** Allgemein-Gueltiges
 ******************************************************************************/

body, html {
	margin: 0;
	padding: 0;
	background-color: white;
	color: #666666;

	/**
	 * IE <= 5.5 kennen kein "margin-left:auto; margin-right:auto"
	 * div wird damit trotzdem zentriert:
	 *
	 * Quelle: http://www.maxdesign.com.au/presentation/center/
	 */
	text-align: center;
}

img {
	border: 0px;
}

a, a:hover {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

input, select, textarea {
	font-family: Tahoma, Arial, serif;
}

input[type=text], input[type=password], textarea {
	/*border: 1px solid #9f4a00;*/
	border: 1px solid silver;
	padding-left: 1px;
	/*line-height: 20px;*/
}

textarea {
	/*line-height: 1.5em;*/
	font-size: 11px;
}

button {
	background-color: #F4F4F4;
	border: 1px solid #CCCCCC;
	font-family: Verdana;
	padding: 2px;
}

.emph {
	color: black;
}

acronym, .titleTip {
	border-bottom: 1px dotted #999999;
	cursor: help;
}

form {
	margin: 0px;
}

div#kokarde {
	cursor: pointer;
	position: absolute;
	/*bottom: -10px;
	right: -10px;*/
	top: -200px;
	left: 750px;
	z-index: 51;
}

div#kokarde #kokardeImage {
	width: 150px;
	height: 170px;

	/**
	 * Quelle: http://www.daltonlp.com/view/217
	 * Mozilla ignores crazy MS image filters, so it will skip the following
	 */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/stern1.png');
}

div#kokarde #kokardeImage[id] {
	background: url('/images/stern1.png') no-repeat;
}


/******************************************************************************
 ** Beinhaltet ALLES
 ******************************************************************************/

div#container {
	position: relative;
	width: 950px;

	/**
	 * IE6 muss im "standards compliant mode" laufen, 
	 * damit dieser block horizontal zentriert wird
	 */
	margin: 10px auto;

	font-size: 11px;
	font-family: Verdana;
	text-align: left;

	/**
	 * setzt height fuer alle browser, insb. auch fuer IE6+
	 * div wird aber trotzdem vergroessert, wenn inhalt 
	 * nicht mehr hinein passt! (wichtig!!)
	 */
	hright: auto;
}

div#toplefthint {
	position: absolute;
	top: 0px;
	left: 0px;
	/*width: 120px;*/
	width: 100%;
	height: auto;
	border: 1px solid red;
	/*border-left: 10px solid red;*/
	text-align: center;
	font-weight: bold;
	background: #FFCCCC;
	color: black;
	/*margin: 0px 5px 5px 5px;
	padding: 5px;*/
	padding:2px;
	z-index: 199;
}

div#cityhint {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 700px;
}


/******************************************************************************
 ** Haupt-Navigation
 ******************************************************************************/

div#sidebar {
	width: 160px;
	height: auto;
	/*padding-top: 260px;*/
	padding-top: 200px;
}

div#sidebar ul.navi {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div#sidebar ul.navi li {
	margin: 0px;
	padding: 0px;
	height: 11px;
	margin-bottom: 13px;
}

div#sidebar ul.navi li a {
	padding-left: 16px;
	background-image: url('/images/arrows_empty.png');
	background-repeat: no-repeat;
	background-position: left top;
}

div#sidebar ul.navi li a img.navmain {
	vertical-align: top;
	overflow: visible;
}

div#sidebar ul.navi li a.red:hover {
	background-image: url('/images/arrows_red.png');
}

div#sidebar ul.navi li.subnavi {
	padding-left: 16px;
	margin-top: 30px;
	height: auto;
}


/******************************************************************************
 ** Sub-Navigation ("Meine Mahlzeit", "Restaurant-Optionen")
 ******************************************************************************/

div#sidebar ul.naviMM {
	list-style-type: none;
	margin: 14px 0px 0px 0px;
	padding: 0px;
}

div#sidebar ul.naviMM li {
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	height: auto;
	text-indent: -16px;
	margin-left: 16px;
}

div#sidebar ul.naviMM li a {
	margin-left: 0px;
	padding-left: 16px;
	background-image: url('/images/arrows_empty.png');
	background-repeat: no-repeat;
	background-position: left 1px;
}

div#sidebar ul.naviMM li a.yellow:hover {
	background-image: url('/images/arrows_yellow.png');
}


/******************************************************************************
 ** Footer
 ******************************************************************************/

div#sidebar div#footer {
	margin-top: 130px;
	font-size: 10px;
}


/******************************************************************************
 ** Haupt-Bereich
 ******************************************************************************/

div#main {
	position: absolute;
	left: 160px;
	top: 0px;
	width: 790px;
	font-size: 10px;
	padding-bottom: 10px;
}

div#main div.standort {
	position: absolute;
	top: 30px;
	height: 93px;
	width: 190px;
	padding-left: 10px;
	z-index: 50;

	background-color: transparent;
	background-image: url('/images/standort_line.png');
	background-repeat: no-repeat;
	background-position: left 3px;
}

div#main div.standort a:hover {
	text-decoration: underline;
}

div#main div#standort1 {
	left: 100px;
}

div#main div#standort2 {
	left: 300px;
}

div#main div#standort3 {
	left: 475px;
}


/******************************************************************************
 ** Welcome
 ******************************************************************************/

div#welcome {
	position: relative;
	color: #333333;

	background-image: url('/images/background_jena.png');
	background-repeat: no-repeat;
	background-position: left top;
	height: 743px;
	width: auto;
	margin-bottom: 17px;
	overflow: hidden;
}

div#welcome div#suche {
	position: absolute;
	left: 150px;
	top: 280px;
	width: 350px;
	height: 75px;
	background-color: transparent;
}

div#welcome div#suche input {
	margin-top: 11px;
}

div#tagcloud {
	font-size: 9px;
}

div#welcome div#tagcloud {
	position: absolute;
	left: 125px;
	top: 520px;
	width: 325px;
	height: auto;
	background-color: transparent;
}

/**
div#tagcloud ul.tagcloud { padding:0; margin:0; text-align:justify; list-style:none; }
div#tagcloud ul.tagcloud li { display:inline; font-size:70%; }
div#tagcloud ul.tagcloud li a,
div#tagcloud ul.tagcloud li a:link { text-decoration:none; color:#a92800; font-weight: normal; }
div#tagcloud ul.tagcloud li a:hover { text-decoration:underline; }
div#tagcloud ul.tagcloud li.t1 a { font-size: 120%; }
div#tagcloud ul.tagcloud li.t2 a { font-size: 160%; }
div#tagcloud ul.tagcloud li.t3 a { font-size: 190%; }
div#tagcloud ul.tagcloud li.t4 a { font-size: 210%; }
div#tagcloud ul.tagcloud li.t5 a { font-size: 230%; }
div#tagcloud ul.tagcloud li.t6 a { font-size: 250%; }
div#tagcloud ul.tagcloud li.t7 a { font-size: 270%; }
div#tagcloud ul.tagcloud li.t8 a { font-size: 290%; }
div#tagcloud ul.tagcloud li.t9 a { font-size: 310%; }
div#tagcloud ul.tagcloud li.t10 a { font-size: 330%; }
**/

/**
div#tagcloud { padding:0; margin:0; text-align:justify; list-style:none; font-size:60%; }
div#tagcloud a,
div#tagcloud a:link { text-decoration:none; color:#a92800; font-weight: normal; }
div#tagcloud a:hover { text-decoration:underline; }
div#tagcloud a.t1 { font-size: 120%; }
div#tagcloud a.t2 { font-size: 160%; }
div#tagcloud a.t3 { font-size: 190%; }
div#tagcloud a.t4 { font-size: 210%; }
div#tagcloud a.t5 { font-size: 230%; }
div#tagcloud a.t6 { font-size: 250%; }
div#tagcloud a.t7 { font-size: 270%; }
div#tagcloud a.t8 { font-size: 290%; }
div#tagcloud a.t9 { font-size: 310%; }
div#tagcloud a.t10 { font-size: 330%; }
**/

div#tagcloud { padding:0; margin:0; text-align:justify; list-style:none; font-size:9.5px; }
div#tagcloud a,
div#tagcloud a:link { text-decoration:none; color:#a92800; font-weight: normal; }
div#tagcloud a:hover { text-decoration:underline; }
div#tagcloud a.t1 { font-size: 100%; }
div#tagcloud a.t2 { font-size: 111.7%; }
div#tagcloud a.t3 { font-size: 123.3%; }
div#tagcloud a.t4 { font-size: 135%; }
div#tagcloud a.t5 { font-size: 146.7%; }
div#tagcloud a.t6 { font-size: 158.3%; }
div#tagcloud a.t7 { font-size: 170%; }
div#tagcloud a.t8 { font-size: 181.7%; }
div#tagcloud a.t9 { font-size: 193.3%; }
div#tagcloud a.t10 { font-size: 205%; }


div#welcome div#addressPopup {
	position: absolute;
	top: 50px;
	left: 205px;
	width: 204px;  /* 250px - 50px  */
	height: 179px;  /* 200px - 30px */
	visibility: hidden;
	z-index: 99;
	padding: 5px;
	padding-left: 40px;
	padding-top: 30px;
	padding-bottom: 10px;
	font: 8pt Arial;
	z-index: 99;
	
	/**
	 * Quelle: http://www.daltonlp.com/view/217
	 * Mozilla ignores crazy MS image filters, so it will skip the following
	 */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/wolke2.png');
}

div#welcome div#addressPopup[id] {
	background: url('/images/wolke2.png') no-repeat;
}

div#welcome div#addressPopup dl {
	padding: 0px;
	margin: 0px;
}

div#welcome div#addressPopup dl dt {
	font-weight: bold;
	margin-top: 5px;
}

div#welcome div#addressPopup dl dd {
	margin-left: 15px;
}


/******************************************************************************
 ** Header
 ******************************************************************************/

div#header {
	position: relative;
	color: #333333;

	background-image: url('/images/header_jena.png');
	background-repeat: no-repeat;
	background-position: left top;
	height: 300px;
	width: auto;
	margin-bottom: 17px;
	overflow: hidden;
}


/******************************************************************************
 ** Content
 ******************************************************************************/

div#content {
	position: relative;
	padding-left: 20px;
	font-family: Verdana;
	font-size: 11px;
}


div.box, div.bluebox, div.userbox {
	position: relative;
	width: 550px;
}

div.widebox {
	position: relative;
	width: 650px;
}

div.box div.header, div.bluebox div.header, div.userbox div.header, div.widebox div.header {
	/*position: relative;*/
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 0px 5px;
	line-height: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

div.box div.header div.right, div.bluebox div.header div.right, div.userbox div.header div.right, div.widebox div.header div.right {
	float: right;
	width: 100px;
	padding-left: 2px;
	padding-top: 3px;
	height: 20px;
	text-align: right;
}

div.box div.body, div.bluebox div.body, div.userbox div.body, div.widebox div.body {
	position: relative;
	padding: 0px 5px;
	/*padding: 5px 5px 5px 5px;
	background-color: FAFAFA;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;*/
}

div.errorbox div.header {
	border-top: 2px solid #804040;
	border-bottom: 2px solid #804040;
	border-left: 2px solid #804040;
	border-right: 2px solid #804040;
	/*background-color: #804040;
	color: white;*/
	background-color: #FFCCCC;
	color: black;
	padding: 0px 5px 0px 18px;
	line-height: 22px;
	font-weight: bold;
	margin-bottom: 0px;

	background-image: url('/images/alert.png');
	background-repeat: no-repeat;
	background-position: 3px center;
}

div.errorbox div.body {
	background-color: #FFCCCC;
	color: black;
	padding: 5px;
	border-left: 2px solid #804040;
	border-right: 2px solid #804040;
	border-bottom: 2px solid #804040;
}


ul.faq {
	/*list-style-type: square;*/
	margin-left: 10px;
	padding-left: 20px;
}

ul.faq li {
	margin-bottom: 5px;
}

dl.news, dl.news2 {
	margin: 0px;
	padding: 0px;
}

dl.news dt {
	font-weight: bold;
	margin-bottom: 5px;
}

dl.news2 dt {
	margin-bottom: 5px;
}

dl.news dd, dl.news2 dd {
	margin-bottom: 10px;
}

div.question {
	margin-top: 10px;
	margin-left: 20px;
	border-left: 10px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 10px 0px 10px 5px;
}


div#locationcontent {
	width: 440px;
}

div.result {
	margin: 14px 0px;
}

div.result div.header {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 0px 2px;
	line-height: 22px;
}

div.result div.header div.right {
	float: right;
	width: 120px;
	padding-left: 2px;
	padding-top: 3px;
	height: 20px;
	text-align: right;
	padding-right: 2px;
}

div.result div.body {
	color: #333333;
	margin: 10px 0px;
	line-height: 18px;
	padding: 0px 2px;
}

div.result div.body a, div.result div.body a:hover {
	color: #a01f00;
}

div#resultmap {
	position: absolute;
	/*left: 470px;*/
	right: 0px;
	top: 0px;
	width: 300px;
	padding-left: 20px;
}


div#map {
	border: 1px solid #cccccc;
}

#overmap {
	position: absolute;
	display: none;
	z-index: 99;
	background-color: white;
	left: 0px;
	width: 795px;
	/*height: 600px;*/
	height: auto;
	top: -10px;
	padding-top: 10px;
}

#overmap[id] {
	left: 15px;
	width: 780px;
}

div.bubble {
	width: 175px;
}


div.quote {
	border-left: 5px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 10px 0px 10px 20px;
	padding: 10px;
}

fieldset {
	border: 1px solid #666666;
}

fieldset legend {
	font-weight: bold;
	color: #666666;
}

/**
  #88af3f --> ???
  #638425 --> ???
  #85bd1e --> #a01f00
  #f1ffd6 --> #ffddd7
  #b2e05d --> #f23914
**/

span.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #dddddd;
	text-decoration: none;
	color: #a01f00;
}

span.pagination a:hover, span.pagination a:active {
	border: 1px solid #a01f00;
	color: #a01f00;
	background-color: #ffddd7;
}

span.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #a01f00;
	font-weight: bold;
	background-color: #a01f00;
	color: #ffffff;
}

span.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #cccccc;
}


/* ]]> */