/* ****************************************** */
/* Orangefluid GbR		         			  */
/* www.orangefluid.com       				  */
/* ****************************************** */


/* ****************************************** */
/* Global settings for Koeln Locations        */
/* ****************************************** */

/* Global settings */
* {
	margin: 0;
	padding: 0;
}

/* Layout sizes */
html, body {
	height: 100%;
}

/* Main body style with background top image */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100.01%;	
	background: #ffffff url(images/topimage.jpg) no-repeat;	
}

/* ****************************************** */
/* Absolut positioned containers              */
/* ****************************************** */


.valid {display: none;}

h1 {
	font-size: 16px;
	color: #bb0000;
}

/* Logo right top corner  */
#logo {
	position: absolute;
	height: 300px;
	width: 39px;
	top: 0;
	left: 932px;
	z-index: 100;	
}

/* Logo Pepperoni  */
#logopepperoni {
	position: absolute;
	height: 126px;
	width: 39px;
	top: 300px;
	left: 932px;
	z-index: 105;	
}

/* Languages  */
#languagecontainer {
	position: absolute;
	height: 12px;
	width: 150px;
	top: 4px;
	left: 660px;
	z-index: 101;
	font-size: 0.7em;
}

/* Top Navi  */
#topnavi {
	position: absolute;
	height: 12px;
	width: 180px;
	top: 5px;
	left: 740px;
	z-index: 102;	
	font-size: 0.7em;
}



/* ****************************************** */
/* Layout container settings                  */
/* ****************************************** */

/* Full site container with main background image  */
#sitecontainer {
	position: relative;
	min-height: 100%;
	width: 970px;
	background: #ffffff url(images/mainbackground.gif) 0 0 repeat-y;	
	float: left;
}

* html #sitecontainer {
	height: 100%;
}

/* 2nd background image - overlaying main background image */
#topimage {
	position: relative;
	height: 153px;
	min-width: 970px;
	background: #41413f url(images/topimage.jpg) 0 0 no-repeat;	
}


/* Main content container */
#maincontainer {
	position: relative;
	width: 970px;	
	float:left;
}

/* ************************************* */
/* Layoutcontainer inside main container */
/* ************************************* */

/* Image left / Top image */
#topimageextended {
	position: relative;
	width: 45px;
	height: 275px;
	background: url(images/topimage_extended1.jpg) 0 0 no-repeat;	
	float: left;
}

/* Navi container with white corner at top */
#navicontainer {
	position: relative;
	width: 196px;
	min-height: 50px;
	background: url(images/topimage_extended2.jpg) 0 0 no-repeat;	
	float: left;
}
				
#contentcontainer {
	position: relative;
	width: 645px;
	margin-left: 25px;
	float: left;
}

/* Content text list */
div#contentcontainer ul {
	list-style-type: none;
	margin-bottom: 14px;
}
	
	div#contentcontainer li {	
		font-size: 11px;
		background-image: url(../images/dot.gif);
		background-repeat: no-repeat;
		background-position: 10px 7px;
		padding-left: 24px;
		line-height: 19px;
	}
		* html div#contentcontainer li {height:0;}

/* ************************************* */
/* Schnellsuche							 */
/* ************************************* */

/* Box for Schnellsuche */
#schnellsuche {
	margin: 31px 0 0 36px;
	width: 151px;
	height: 50px;
	font-size: 0.7em;
	color: #ffffff;
}
	
/* Image above form field */
#schnellsuche img {
	display: block;
	padding-bottom: 4px;
}
			
/* IE 5.5 */
* html #schnellsuche img {
	padding-bottom: 0;
	margin-bottom: 5px;
}		
	
/* Image under form field */
#schnellsuche img.go {
	display: block;
	padding-top: 5px;
	margin-right: 1px;
	float: right;
}
	
/* IE 5.5 */
* html #schnellsuche img.go {
	margin-right: 1px;
	m\argin-right: 0px;
}	
	
/* Input field */
#schnellsuche input {
	font-size: 1.0em;
	width: 145px;
	height: 12px;
	padding: 1px 0 1px 2px;	
	float: left;
	background-color: #333333;
}
	
/* IE 5.5 */
* html #schnellsuche input {
	height: 19px;
	he\ight: 12px;
	width: 150px;
	w\idth: 145px;		
}
	
/* Input field active */
#schnellsuche input:focus {
	color: #bb0000;			
}

/* ****************************************** */
/* Style settings main menu                   */
/* ****************************************** */

/* Main Navi */
div.mainnavi {
	display: block; 
	position: relative;
	width: 196px;
	font-size: 0.7em;
	color: #ffffff;
	margin-top: 40px;
}	
	
/* Set font size for text links */
div.mainnavi ul {
	font-size: 0.7em;
	list-style-type: none;
}

*:first-child+html div.mainnavi ul {
	text-indent: -5000em;
}

/* List elements, Float left for killing gap */
div.mainnavi li {
	display: block;
	height: 17px;
	width: 196px;
	background-position: 0 -17px;
	background-repeat: no-repeat;
	padding-bottom: 7px;
}

/* Size of each list element */
/* Height 0 hides link text, padding resizes box back for background image */
div.mainnavi a {
	display: block;
	height: 0;
	padding-top: 17px;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* Small Hack for older IE */
* html div.mainnavi a:link, * html div.mainnavi a:visited {
	height: 17px; 
	he\ight: 0;
}

/* Background image for all list elements, mouse over status */
div.mainnavi li.nav1 {background-image: url(images/but_startseite.gif);}
div.mainnavi li.nav2 {background-image: url(images/but_locationsfinden.gif);}
div.mainnavi li.nav3 {background-image: url(images/but_fullservice.gif);}
div.mainnavi li.nav4 {background-image: url(images/but_newsletter.gif);}
div.mainnavi li.nav5 {background-image: url(images/but_veranstaltungen.gif);}
div.mainnavi li.nav6 {background-image: url(images/but_ueberuns.gif);}
div.mainnavi li.nav7 {background-image: url(images/but_kontakt.gif);}
div.mainnavi li.nav8 {background-image: url(images/but_impressum.gif);}

/* Background image for all "a" tags, mouse out status */
div.mainnavi a.nava1 {background-image: url(images/but_startseite.gif);}
div.mainnavi a.nava2 {background-image: url(images/but_locationsfinden.gif);}
div.mainnavi a.nava3 {background-image: url(images/but_fullservice.gif);}
div.mainnavi a.nava4 {background-image: url(images/but_newsletter.gif);}
div.mainnavi a.nava5 {background-image: url(images/but_veranstaltungen.gif);}
div.mainnavi a.nava6 {background-image: url(images/but_ueberuns.gif);}
div.mainnavi a.nava7 {background-image: url(images/but_kontakt.gif);}
div.mainnavi a.nava8 {background-image: url(images/but_impressum.gif);}

/* Initiate mouseover, hide image in a tag so we can see bg image of list element */
div.mainnavi a:hover {
	background-image: none;
}

/* ****************************************** */
/* Style settings Categorys                   */
/* ****************************************** */

/* Category Locations */
#catlocations {
	margin: 25px 0 0 36px;
	width: 160px;
}	

#catlocations img {
	display: block;
}

#starttext ul {
	list-style-type: disc;
	margin: 5px 0 0 10px;
}	
	
#starttext ul li {
	font-size: 0.7em;
	margin: 0 0 2px 2px;
	line-height: 1.3em;
}		
		
/* Category Service */
#catservice {
	margin: 25px 0 0 36px;
	width: 160px;
}	

#catservice img {
	display: block;
}
	
#catservice ul {
	list-style-type: none;
	margin: 5px 0 20px 10px;
}	

#catlocations ul {
	list-style-type: none;
	margin: 5px 0 20px 10px;
}	
	
#catservice ul li {
	font-size: 0.7em;
	margin: 0 0 2px 0;
	line-height: 1.3em;
}	

#catlocations ul li {
	font-size: 0.7em;
	margin: 0 0 2px 0;
	line-height: 1.3em;
}	

/* ********************************************** */
/* Styles start site - inside content container	  */
/* ********************************************** */

#startlogo {
	margin-top: 15px;
	text-align: center;
}

/* ---------------------------------------- */	

#starttext {
	width: 645px;
	margin-top: 35px;

}

#starttext p {
	margin-top: 12px;
}

/* ---------------------------------------- */	

#locationsmitbiss {
	margin-top: 25px;
	width: 645px;
}

div.locationsmitbiss-container {
	width: 211px;
	margin-right: 6px;
	margin-top: 8px;
	float: left;
}

* html div.locationsmitbiss-container img, *:first-child+html div.locationsmitbiss-container img {
	display: block;
}



/* ---------------------------------------- */	

#neueleckerbissen {
	padding-top: 25px;
	width: 260px;
	float: left;
	margin-right: 12px;
}

#veranstaltungen {
	padding-top: 25px;
	width: 373px;
	float: left;
}

/* ---------------------------------------- */	

div.redblock {
	background-color:#bb0000;
	height: 22px;
	margin-top: 1px;
	margin-bottom: 1px;
}

* html div.redblock {
	padding-top: -2px;
}

div.redblock img {
	margin-top: 5px;
	margin-left: 4px;
}

div.greyblock {
	background-color:#ebebeb;

	padding: 5px;
}

div.greyblock ul {
	list-style-type: none;
	margin: 0 0 0 2px;
}

div.greyblock  ul li {
	font-size: 0.7em;
	line-height: 1.5em;
}	

br.clear {
	clear: both;
}
div.clear {
	clear: both;
}

/* ********************************************** */
/* Styles short list - inside content container	  */
/* ********************************************** */

/* Logo top of list */
#listlogo {
	margin-top: 28px;
}

#listlogo img {
	display: block;
	margin-left: 150px;
}

/* ---------------------------------------- */	

/* Ad customers - container */
#logorow {
	width: 645px;
	height: 106px;
	clear:both;
	margin-top: 17px;
	padding-bottom: 17px;
}

#logorow img {
	border: 0;
}

/* Ad customers - Logo blocks */
div.logocontainer {
	width: 157px;
	height: 106px;
	margin-right: 3px;
	float: left;
	border: 1px solid #7c7c7c;
}

/* ---------------------------------------- */	

/* Text Sort */
#sort, #sortbottom  {
	width: 300px;
	float: left;
	color: #7e7e7e;
	font-weight: bold;
	margin-bottom: 2px;
}

#sortbottom {
	margin-top: 2px;
}

/* Text Page */
#page, #pagebottom {
	width: 345px;
	float: left;
	text-align: right;
	color: #7e7e7e;
	font-weight: bold;	
	margin-bottom: 2px;
}

#pagebottom {
	margin-top: 1px;
}

/* ---------------------------------------- */	

/* List row for each element */
div.listrow {
	clear: both;
	width: 645px;
	background: #393939 url(images/background_listrow.gif) 0 0 repeat-x;
	height: 20px;
}

/* Text format list row */
div.listrow p {
	color: #ffffff;
	font-weight: bold;
	text-indent: 15px;
}

/* Sort container A-Z left side */
div.sortcontainer {
	float: left;
	width: 180px;
}

div.sortcontainer img {
	display: block;
	float: left;
}

/* IE 5.5 */
* html div.sortcontainer img {
	margin-left: -3px;
	margin-right: -3px;
	ma\rgin-right: 0;
	ma\rgin-left: 0;
}

/* List Headline middle */
div.listheadlinecontainer {
	float: left;
	width: 285px;
	text-align: center;
}

/* IE */
* html div.listheadlinecontainer, *:first-child+html div.listheadlinecontainer {
	margin-top: -1px;
}

/* Page container */
div.pagecontainer {
	float: left;
	width: 180px;
	text-align: right;
}

div.pagecontainer img {
	display: block;
	float: left;
}

/* IE 5.5 */
* html div.pagecontainer img {
	margin-left: -3px;
	margin-right: -3px;
	ma\rgin-right: 0;
	ma\rgin-left: 0;
}

/* List name, left side */
div.listname {
	float: left;
	width: 550px;
}

* html div.listname, *:first-child+html div.listname {
	margin-top: -1px;
}

/* Detail buttons, right side */
div.details {
	float: right;
	padding-right: 15px;
	width: 80px;
	height: 20px;
}

/* ---------------------------------------- */	

/* List content container */
div.infobox{
	float:left;
	width: 643px;
	height: auto;
	background-color: #f7f7f7;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #999999;
	margin-bottom: 17px;
	padding-bottom: 5px;
}

/* IE 5.5 */
* html div.infobox {
	width: 645px;
	w\idth: 643px;	
}

/* ---------------------------------------- */

div.shorttext {
	float: left;
	width: 600px;
	margin: 6px 0 8px 12px;
	display: inline;
}

/* ---------------------------------------- */

div.listimage {
	float: left;
	width: 170px;
	height: 110px;
	margin: 12px 0 10px 12px;
}

div.shorttext2 {
	float: left;
	width: 430px;
	margin: 6px 0 8px 12px;
}

/* ---------------------------------------- */

div.addresscontainer {
	float: left;
	width: 300px;
	margin: 6px 0 0 12px;
	display: inline;
}

div.addressicon {
	float: left;
	margin: 5px 10px 0 0;
}

* html div.addressicon, *:first-child+html div.addressicon {
	margin: 6px 10px 0 0;
}

div.addresstext {
	float: left;
	width: 276px;
}

/* ---------------------------------------- */

div.contactcontainer {
	float: left;
	width: 310px;
	margin: 6px 0 0 0;
	display: inline;
}
	
div.contacticon {
	float: left;
	margin: 4px 10px 0 0;
}

* html div.contacticon, *:first-child+html div.contacticon {
	margin: 5px 10px 0 0;
}


/* ****************************************** */
/* Style detail view	                      */
/* ****************************************** */

#detailsname {
	margin: 30px 0 0 0;
}

#detailsname img {
	display: block;
}

#backtop  {
	float: right;
	margin: 18px 0 0 0;
	z-index: 200;
}

#backtop img {
	display: block;
	border: 0;
}

#backbottom  {
	float: left;
	margin: 25px 0 0 2px;
	z-index: 200;
}

#backbottom img {
	display: block;
	border: 0;
}

#detailsleftside {
	position: relative;
	float: left;
	width: 407px;
	margin-right: 20px;
}

#detailsrightside {
	position: relative;
	float: left;
	width: 218px;
}

/* Left Side---------------------------------------- */

#detailsmainimage {
	margin: 10px 0 0 0;
}

#detailsmainimage img {
	display: block;
}

#detailsmaintext {
	margin: 8px 0 0 0;
}

#detailsmaintext p {
	margin-bottom: 1em;
}

#detailsservicecontainer {
	position: relative;
	float: left;
	margin-top: 10px;
	width: 407px;
}

table {
	padding: 0;
	border-collapse: collapse;
}

td {
	font-size: 0.7em;
	height: 20px;
	text-indent: 5px;
}

td.first {
	width: 150px;
}

td.second {
	width: 257px;
}

tr.dark {
	background-color: #e3e3e3;
}

tr.light {
	background-color: #f7f7f7;
}

/* Right Side---------------------------------------- */

#gallerycontainer {
	position: relative;
	float: left;
	margin-top: 10px;
	width: 218px;
}

div.galleryimagecontainer {
	position: relative;
	float: left;
	width: 70px;
	height: 70px;
	padding: 0 4px 4px 0;
}

div.galleryimagecontainerlast {
	position: relative;
	float: left;
	width: 70px;
	padding: 0 0 4px 0;
}

#detailslogocontainer {
	position: relative;
	width: 218px;
	margin-bottom: 25px;
}

div.detailscontactcontainer {
	float: left;
	width: 208px;
	margin: 0px 0 0 0;
}

div.detailsgreyblock {
	position: relative;
	float: left;
	background-color:#ebebeb;
	padding: 5px;
}

div.detailscontacticon {
	float: left;
	margin: 4px 10px 0 0;
}


* html div.detailscontacticon, *:first-child+html div.detailscontacticon {
	margin: 4px 10px 0 0;
}


/* ****************************************** */
/* Style settings links                       */
/* ****************************************** */

/* Link colors global */
a:link, a:visited {
	color: #bb0000;
	text-decoration: underline;
}

a:active, a:hover {
	color: #000000;
	text-decoration: none;
}

/* Link colors main navi */
#navicontainer a:link, #navicontainer a:visited {
	color: #d58686;
	text-decoration: none;
}

#navicontainer a:active, #navicontainer a:hover {
	color: #d58686;
	text-decoration: underline;
}

/* Link colors content text short list */
div.infobox a:link, div.infobox a:visited {
	color: #bb0000;
	text-decoration: none;
}

div.infobox a:active, div.infobox a:hover {
	color: #000000;
	text-decoration: none;
}

/* Link colors contact details short list */
div.contacttext a:link, div.contacttext a:visited {
	color: #000000;
	text-decoration: none;
}

div.contacttext a:active, div.contacttext a:hover {
	color: #bb0000;
	text-decoration: none;
}

/* ****************************************** */
/* Style settings fonts                       */
/* ****************************************** */

p {
	font-size: 0.7em;
	line-height: 1.6em;
}


/* ****************************************** */
/* Style settings forms                       */
/* ****************************************** */

/* No border for fieldsets */
fieldset {
	border: 0;	
	width: 646px;
	padding: 20px 0 20px 0;
}



*:first-child+html fieldset {
	margin: 0;
	padding: 20px 0 20px 0;
}


div.formheader {
	width: 606px;
	background-color:#04163c;
	color: #ffffff;
	font-weight: bold;
	height: 24px;
	clear: both;
	margin-bottom: 20px;
	margin-top: 20px;
	
}
div.formheader p {
	padding-top: 3px;
	padding-left: 8px;
}

* html div.formheader p {
	margin-bottom: 4px;
}


/* Label styles  */
label {
	font-size: 0.7em;
	display: block;
	margin-bottom: 6px;
	margin-top: 3px;
	width: 75px;
	height: 16px;
	float: left;	
	cursor: pointer;	
}

/* Input fields styles  */
input, textarea {
	font-size: 0.7em;
	color: #000000;
	width: 232px;
	height: 15px;
	padding: 2px 0 1px 3px;	
	float: left;	
	border: 1px solid #000000;	
	background-color: #ffffff;
	
}

input.leftside {
	margin-right: 20px;
}

* html input.leftside {
	margin-right: 17px;
}

* html input, textarea {
	height: 21px;
	he\ight: 15px;
}

/* Input fields styles active */
input:focus, textarea:focus {	
	color: #04163c;
	background-color: #ffffff;	
	border: 1px solid #bb0000;		
}

/* Special width for checkbox */
input.check {
	width: 14px;
	height: 20px;	
	border: 0;
	margin-right: 8px;
	background-color: #ffffff;
	float: left;

}

/* Textarea special style */
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 2px 0 0 2px;
	width:640px;
	height:140px;
	margin-bottom: 5px;		
}

/* Button special style */
input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	font-size: 0.7em;
	font-weight: bold;
	width: 210px;
	height: 23px;
	margin-top: 20px;
	margin-left: 200px;
	margin-bottom: 20px;
	color: #ffffff;
	background-color: #bb0000;
	border: 1px solid #000000;
	text-align: center;
	padding: 0px 0 2px 0px;	
}

/* Button special style */
input.buttonroute {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	width: 232px;
	font-weight: bold;
	height: 19px;
	color: #ffffff;
	background-color: #04163c;
	border: 1px solid #04163c;
	text-align: center;
	padding: 0px 0 2px 0px;
	margin-top: 5px;	
}

/* Button hover style */
input.button:hover, input.buttonroute:hover {
	background-color: #000000;
	border: 1px solid #000000;
	color: #ffffff;
	cursor: pointer;
}

/* Button hover style */
input.buttonroute:hover {
	background-color: #c64611;
	border: 1px solid #04163c;
	color: #ffffff;
	cursor: pointer;
}

br.clear {
	clear: both;
}