@charset "utf-8";
/* CSS Document */



/* TABLE OF CONTENTS:
---------------------------------------------------------------------------------------
	
	0:	CSS RESET & HELPERS:
	
		0.1:	CSS RESET:
		0.2:	AUTO-CLEAR & GLOBAL HELPERS
	
	1:	TYPOGRAPHY & LINK STYLING:
		
		1.0:	COLOURS:
		1.1:	TYPO:
		1.2:	LINKS:
	
	2:	STRUCTURE & LAYOUT
		
		2.1:	STRUCTURE
		
		2.2:	HEADER
				
		2.3:	NAVIGATION & MENU-LISTS
				
		2.4:	FOOTER
		
		2.5:	CONTENT

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



/*  >> 0.	CSS RESET & HELPERS:
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

/*  		>> 0.1.	CSS RESET:
--------------------------------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }

ol, ul { list-style: none; }

/*
blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}
*/

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}




/*  		>> 0.2.	AUTO-CLEAR & GLOBAL HELPERS:
--------------------------------------------------------------------------------------- */

.autoclear:after,
div.col-box:after,
div.img-matrix-cnt:after
{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


div.pic-sec
{
	position: relative;
	overflow: hidden;
}


/*  >> 1.	TYPOGRAPHY & LINK STYLING:
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */


/*  		>> 1.0.	COLOURS:
--------------------------------------------------------------------------------------- */

body { color: #FFF; }




/*  		>> 1.1.	TYPO:
--------------------------------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6, p, a, li, th, td, input, textarea
{
	font-family: Georgia, "Times New Roman", Times, serif;
}

body
{
	font-size: 12px;
	line-height: 16px;
}

input,
textarea { font-size: 13px; }

div.col h1,
div.col h2,
div.col h3,
div.col li,
div.col p,
div.col a
{
	font-size: 12px;
	line-height: 1.2em;
	color: #FFF;
}



/*  		>> 1.2.	LINKS:
--------------------------------------------------------------------------------------- */

div#content a.btn
{
	font-style: normal;
	font-weight: bold;
	line-height: 1.5em;
}

a:link,
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }




/*  >> 2.	STRUCTURE LAYOUT
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

.border_x  {
	height: 8px;
	margin-top: 20px;
	background: transparent url(../images/bg_border.png) no-repeat;
	background-position: -195px top;
} /* ---------------------------- NEW BASTI --------------------------- */

div.col-box { position: relative; }

div.col-matrix { width: 100%; overflow: hidden; }

div.col
{
	float: left;
	display: inline;
	line-height: 0.01%;
	overflow: hidden;
	position: relative;
}

div.col-matrix div.col { margin-left: 15px; }

div.col-w1 { width: 180px; }
div.col-w2 { width: 375px; }
div.col-w3 { width: 570px; }
div.col-w4 { width: 765px; }
div.col-w5 { width: 960px; }



/*  		>> 2.1.	STRUCTURE:
--------------------------------------------------------------------------------------- */

body { background-color: #000; }

div#wrapper
{
	position: relative;
	width: 990px;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 20px;
}



/*  		>> 2.2.	HEADER:
--------------------------------------------------------------------------------------- */

div#header
{
	position: relative;
	padding-top: 18px;
	min-height: 155px;
	height: auto !important;
	height: 155px;
}

div#header div.col
{
	min-height: 135px;
	height: auto !important;
	height: 135px;
	background: transparent url(../images/bg_border.png) no-repeat;
	background-position: -195px bottom;
}
div#header div#logo.col { background-position: 0 bottom; }

div#header div#logo h1 a
{
	display: block;
	position: relative;
	background: transparent url(../images/logo_reitschule.png) left top no-repeat;
	width: 180px;
	height: 113px;
	text-indent: -9999px;
}
div#header div#logo p
{
	position: absolute;
	text-indent: -9999px;
	width: 1px;
	height: 1px;
	top: 0;
	left: 0;
	font-size: 0.01%;
	line-height: 0.01em;
}

div#header-print { display: none; }



/*  		>> 2.3.	NAVIGATION & MENU-LISTS:
--------------------------------------------------------------------------------------- */

div#anker ul a {
	font-size: 13px;
	font-style: italic;
}

div#navigation ul
{
	position: relative;
	width: 375px;
	padding-right: 15px;
	float: left;
}

div#navigation ul.nav-sub
{
	padding-right: 0;
	float: none;
	position: absolute;
	width: 180px;
	left: 195px;
	top: 0;
	display: none;
}

div#navigation li.selected ul.nav-sub { display: block; }

div#navigation li a
{
	position: relative;
	display: block;
	height: 17px;
	width: 170px;
	background: transparent url(../images/nav_main_de.png) no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

div#navigation li,
div#navigation li a { float: left; }
div#navigation li { clear: left; }

div#navigation ul#nav-main a { width: 150px; }
div#navigation ul.nav-sub a { width: 115px; }


/* NAV-MAIN */
li#history a:link,
li#history a:visited { background-position: 0 2px; }
li#history a:hover,
li#history.selected a { background-position: -180px 2px; }

li#philosophy a:link,
li#philosophy a:visited { background-position: 0 -15px; }
li#philosophy a:hover,
li#philosophy.selected a { background-position: -180px -15px; }

li#restaurant a:link,
li#restaurant a:visited { background-position: 0 -32px; }
li#restaurant a:hover,
li#restaurant.selected a { background-position: -180px -32px; }

li#events a:link,
li#events a:visited { background-position: 0 -49px; }
li#events a:hover,
li#events.selected a { background-position: -180px -49px; }

li#reservation a:link,
li#reservation a:visited { background-position: 0 -66px; }
li#reservation a:hover,
li#reservation.selected a { background-position: -180px -66px; }

li#career a:link,
li#career a:visited { background-position: 0 -83px; }
li#career a:hover,
li#career.selected a { background-position: -180px -83px; }

li#contact a:link,
li#contact a:visited { background-position: 0 -100px; }
li#contact a:hover,
li#contact.selected a { background-position: -180px -100px; }


/* NAV-SUB */

li#footprint a:link,
li#footprint a:visited { background-position: 0 -117px; }
li#footprint a:hover,
li#footprint.selected a { background-position: -180px -117px; }

li#gallery a:link,
li#gallery a:visited { background-position: 0 -134px; }
li#gallery a:hover,
li#gallery.selected a { background-position: -180px -134px; }

li#images a:link,
li#images a:visited { background-position: 0 -168px; }
li#images a:hover,
li#images.selected a { background-position: -180px -168px; }

li#food-menu a:link,
li#food-menu a:visited { background-position: 0 -151px; }
li#food-menu a:hover,
li#food-menu.selected a { background-position: -180px -151px; }

li#daily-menu a:link,
li#daily-menu a:visited { background-position: 0 -185px; }
li#daily-menu a:hover,
li#daily-menu.selected a { background-position: -180px -185px; }

/* CONTACT-DETAILS */

div#contact-details p,
div#contact-details a
{
	position: relative;
	display: block;
	height: 20px;
	width: 180px;
	background: transparent url(../images/nav_adresse_de.png) no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

div#contact-details p#street { background-position: 0 2px; }
div#contact-details p#city { background-position: 0 -18px; }
div#contact-details p#phone { background-position: 0 -38px; }
div#contact-details p#fax { background-position: 0 -58px; }

div#contact-details a#email:link,
div#contact-details a#email:visited { background-position: 0 -78px; }
div#contact-details a#email:hover { background-position: -180px -78px; }

div#contact-details a#impressum:link,
div#contact-details a#impressum:visited { background-position: 0 -98px; }
div#contact-details a#impressum:hover,
div#contact-details a#impressum.selected { background-position: -180px -98px; }


div#business-hours p
{
	position: relative;
	display: block;
	height: 20px;
	width: 180px;
	background: transparent url(../images/oeffnungszeiten.png) no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

div#business-hours p#hours { background-position: 0 -58px; }
div#business-hours p#mo-sa { background-position: 0 -78px; }
div#business-hours p#so { background-position: 0 -98px; }



/*  		>> 2.4.	FOOTER:
--------------------------------------------------------------------------------------- */

div#footer { position: relative; padding-top: 20px; }

div#footer div.col
{
	height: 8px;
	background: transparent url(../images/bg_border.png) no-repeat;
	background-position: -195px top;
}


/*  		>> 2.5.	CONTENT:
--------------------------------------------------------------------------------------- */

div#content
{
	position: relative;
	font-size: 0.01%;
	line-height: 0.01em;
	
	min-height: 415px;
	height: auto !important;
	height: 415px;
}

div#content img.pad-top { margin-top: 15px; }
div#content img.img-right { float: right; }

div#content div.col p
{
	font-size: 13px;
	line-height: 1.3em;
	padding-bottom: 15px;
	font-style: italic;
}

div#content div.txt-cnt { margin-bottom: -15px; }

div.sep-top
{
	background: transparent url(../images/bg_border.png) no-repeat;
	background-position: -195px top;
	padding-top: 24px;
	margin-top: 16px;
}

div.sep-top.txt-cnt
{
	padding-top: 16px;
	margin-top: 15px;
}

div.col div.img-matrix
{
	position: relative;
	width: 100%;
	overflow: hidden;
}

div.col div.img-matrix div.img-matrix-cnt
{
	position: relative;
	margin-left: -15px;
}

div.col div.img-matrix img
{ 
	position: relative;
	display: inline;
	float: left;
	margin-left: 15px;
}

/* div.online-reservation { padding-top: 150px; padding-bottom: 50px; } */
div.online-reservation { padding-top: 15px; padding-bottom: 50px; }
div.reservation-txt { padding-top: 20px; }

div.subhead-row h2
{
	position: relative;
	top: -2px;
	height: 15px;
	text-indent: -9999px;
	background: transparent left top no-repeat;
	margin-bottom: 16px;
}

div.subhead-row h2#lookingfor { background-image: url(../images/hl_wirsuchen.png); }
div.subhead-row h2#menuofday { background-image: url(../images/hl_tageskarte.png); }
div.subhead-row h2#breakfast { background-image: url(../images/hl_fruehstueck.png); }

p.txt-rpl a
{
	position: relative;
	text-indent: -9999px;
	display: block;
	background: transparent left top no-repeat;
}

p#blueprint-images { padding-top: 12px; }
p#blueprint-images a
{
	background-image: url(../images/btn_bilder.png);
	height: 9px;
	width: 43px;
}

div#content h3
{
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 20px;
}

/*  		login tageskarte:
--------------------------------------------------------------------------------------- */

.username {
	padding: 0;
	margin-bottom: 20px;
}

.login {
	padding: 0 !important;
	margin: 0;
}

.pass {
	padding: 0;
	margin-bottom: 0px;
}


/*  		edtit tageskarte:
--------------------------------------------------------------------------------------- */

.explain  { margin-top: 290px; padding-right: 5px;}
.explain p { text-align: left !important; line-height: 18px !important;}
.datum { width: 565px; margin-bottom: 20px; }

.text_menu { 
	font-size: 13px;
	/*cols: 98;
	rows: 20;*/
	width: 565px;
	height: 200px;
	margin-bottom: 30px;
}

.head_menu {
	width: 565px;
	margin-bottom: 30px;
	
}

.text_gerichte { 
	font-size: 13px;
	/*cols: 98;
	rows: 20;*/
	width: 565px;
	height: 200px;
}

.head_gerichte {
	width: 565px;
	margin-bottom: 30px;
	
}

div#wrapper_tageskarte {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}

.form_tageskarte {
	padding-top: 10px;
	/*height: 100%;
	width: 100%;*/
	/*border: 1px dotted #fff;*/
}
.form_tageskarte p {
	color: #fff;
	margin: 0;
	margin-bottom: 5px;
	padding: 0 !important;
	text-align: left;
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
}

.submit { margin-top: 20px; }
.admin-header { font-size: 14px !important; }

/*  		 tageskarte:
--------------------------------------------------------------------------------------- */

.star { padding-top: 10px; padding-bottom: 8px; }
.head-tagesmenu { text-align: center; }
.text-tagesmenu p { text-align: center; line-height: 22px !important; }

.head-tagesgerichte { text-align: center; }
.text-tagesgerichte p { text-align: center; line-height: 22px !important; }

/*  		tageskarte sticker
--------------------------------------------------------------------------------------- */

.sticker {
	z-index: 1;
	position: absolute;
	margin: 0;
	padding: 0;
	margin-top: 280px;
	margin-left: 10px;
	height: 130px;
	width: 130px;
}

.sticker-link { text-decoration: none !important; }

.sticker_text {
	z-index: 2;
	position: absolute;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	margin-top: 340px;
	text-align: center;
	font-weight: bold;
	height: 30px;
	width: 130px;
}



/*  		karriere
--------------------------------------------------------------------------------------- */
div#content div.col ul.liststyle-1 { padding-bottom: 10px; }

div#content div.col ul.liststyle-1 li
{
	font-size: 13px;
	line-height: 1.3em;
	font-style: italic;
	padding: 0 12px 5px 18px;
	background: url(../images/stern_karte.png) 0 4px no-repeat;
}


/*  		homepage info-btn-slideshow
--------------------------------------------------------------------------------------- */

div.col-w3 div.bg-img
{
	position: relative;
	z-index: 10;
}

div.col-w3 div.slideshow
{
	position: absolute;
	top: 30px;
	right: 30px;
	width: 170px;
	height: 170px;
	overflow: hidden;
	z-index: 20;
}

div.col-w3 div.slideshow img { display: block; }