/*
Version: 1.0
Autor: Britta Glatten
Autor URI: http://www.sinnformation.com
*/

/* Grundlegendes und Typographie */
/* FARBEN --------------------------------

Flieder 100%: #7866cc
			  #c6c
			  #c9c

--------------------------------------- */
body {
	margin:0;
	padding:0;
	background-image:url("/kochkontor/images/allg/hintergrund.gif");
	background-repeat:repeat;
	font-size:62.5%;
	color:#65525b;
	text-align:center;
	font-family:"Tahoma", geneva, arial, helvetica, sans-serif
    }
p {
	font-size:110%;
	line-height:1.5;
	margin:0.4em 0 1.2em 0
    }
ol,ul {
	font-size:110%;
	line-height:1.5em;
	margin:0.5em 0 1.2em 2em;
	padding:0
    }
h1, h2, h3, h4 {
	font-family:"Georgia", utopia, times, "times new roman", "bookman old style", serif;
	font-weight:normal;
	color:#ab919f 
    }
h1 {
	font-size:200%
	}
h2 {
	font-size:160%;
    }
h3 {
	font-size:130%
    }
h4 {
	font-size:120%;
    }
a {
	text-decoration:none;
    }
a:link {
	color:#ab919f;
    }
a:visited {
	color:#ab919f;
    }
a:hover, a:active {
	color:#ab919f;
    }
form, img {
	margin:0;
	padding:0;
	border:0;
    }

/* ------------------------------------ */
/* Layout-Dateikopf */
/* ------------------------------------ */
#kopf {
	margin-top:1.0em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3.2em;
	width:71.0em;
	background-color:transparent;
	text-align:left;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	height:150px
    }
html>body #kopf {
  	height:150px;
  	}
#logo {
	float:left;
	margin:0;
	padding:0;
	width:150px;
	border:0 none
	}
#logo img {
	margin:0;
	width:150px;
	height:150px;
	border:0 none
	}
* html #logo, * html #bereichs-navigation {
	overflow:hidden;
	display:inline;
    }
#bereichs-navigation {	
margin:122px 0 0 0;
	padding:0;
	float:right;
	width:48.0em;
	font-family:"Georgia", utopia, times, "times new roman", "bookman old style", serif;
	font-size:110%;
	}
#bereichs-navigation ul {
	white-space:nowrap;
	line-height:1.0em;
	margin:0 0 0 0.4em;
	padding:0;
	width:100%;
	background-color:transparent;
	list-style:none;
	}
#bereichs-navigation li {
	float:left;
	background-color:transparent;
	padding:0;
	margin:0 0 0.5em 0.8em
	}
#bereichs-navigation a {
	float:left;
	display:block;
	color:#ab919f;
	background-color:transparent;
	padding:0.5em 1.0em 0.5em 1.0em;
	border:2px solid transparent;
	text-transform:uppercase;
	text-decoration:none
	}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#bereichs-navigation a {
	float:none;
	}
/* End IE5-Mac hack */
#bereichs-navigation a:hover, #bereichs-navigation #aktiv a {
	color:#ab919f;
    background-color:transparent;
	border:2px solid #ab919f
	}

/* ------------------------------------ */
/* Layout-Inhalt */
/* ------------------------------------ */	
#rahmen-inhalt {
	margin:0 auto;
	padding:2.0em 0 3.0em 0;
	width:77.0em;
	background-color:#fff;
	text-align:left;
	border:1px solid #ab919f
    }
#bereich-inhalt {
	margin:0 3.0em 0 3.0em;
	width:71.0em
	}
#inhaltsbox {
	display:block;
	margin:1.0em 2.0em 2.0em 2.0em
	}
#inhaltsbox-buch {
	display:block;
	margin:1.0em 2.5em 2.0em 2.5em
	}
#buchempfehlung, #kochkurs-uebersicht, #mittagsmenue {
	margin:3.0em 0 3.0em 0;
	display:block;
	border:1px solid #ab919f
	}

/* ------------------------------------ */
/* Tabellen */
/* ------------------------------------ */
#inhaltsbox table {
	margin:1.0em 0 1.0em 0;
	font-size:110%;
	}
#inhaltsbox table th {
	color:#ab919f;
	}
.hintergrundfarbe {
	background-color:#fff5e6;
	}

/* ------------------------------------ */
/* Ueberschriften */
/* ------------------------------------ */
#bereich-inhalt h1 {
	margin:0.4em 0 0.4em 0;
	}
#buchempfehlung h2, #mittagsmenue h2, #kochkurs-uebersicht h2 {
	margin:0;
	padding:0.1em 1.5em 0.1em 1.5em;
	background-color:#ab919f;
	color:#fff;
    }

/* ------------------------------------ */
/* Layout Homepage */
/* ------------------------------------ */
#veranstaltungen {
	float:left;
	margin:0 0 0 3.0em;
	width:21.4em;
	border:1px solid #ab919f;
	}
#begruessung-zitat {
	float:left;
	margin:0;
	width:46.2em;
	border:0 none;
	}
#begruessung-zitat h1 {
	margin:0.1em 0 0.3em 0;
	}
#begruessung-zitat p {
	margin:0 0 0.6em 0.1em;
    }
* html #veranstaltungen, * html #begruessung-zitat {
	overflow:hidden;
	display:inline;
    }
#dreieinigkeit {
	width:71.0em;
	margin:0 3.0em 4.0em 3.0em;
	}
#kochbuch-home, #kochkurs-home, #kochgenuss-home {
	float:left;
	width:21.4em;
	border:1px solid #ab919f;
	}
* html #kochbuch-home, * html #kochkurs-home, * html #kochgenuss-home {
	overflow:hidden;
	display:inline;
    }
#kochbuch-home {
	margin:2.5em 0 0 0;
	}
#kochkurs-home, #kochgenuss-home {
	margin:2.5em 0 0 3.0em;
	}
#kochbuch-home img, #kochgenuss-home img {
	margin:1.0em 0 0 1.7em;
	border:1px solid #ab919f;
	}
.buchtitel p {
	font-size:80%;
	margin:0 2.0em 2.0em 2.0em;
	}
#veranstaltungen ul, #kochkurs-home ul, #kochgenuss-home ul {
	margin:0 1.0em 1.0em 2.6em;
	}

#kochkurs-home li {
	margin-top:0.8em;
	}
#veranstaltungen li {
	margin-top:0.3em;
	}
#kochbuch-home h2, #kochkurs-home h2, #kochgenuss-home h2 {
	margin:0;
	padding:0.1em 1.0em 0.1em 1.0em;
	text-transform:uppercase;
	background-color:#ab919f;
	color:#fff;
    }
#veranstaltungen h2 {
	margin:0;
	padding:0.1em 1.0em 0.1em 1.0em;
	background-color:#fff;
	color:#ab919f;
	border-bottom:1px solid #ab919f
    }
#kochbuch-home h3, #kochkurs-home h3, #kochgenuss-home h3 {
	margin:1.0em 1.3em 0.5em 1.3em;
    }
#kochbuch-home h4, #kochkurs-home h4, #kochgenuss-home h4 {
	margin:1.0em 1.7em 0.5em 1.7em;
    }
#kochbuch-home p, #kochkurs-home p, #kochgenuss-home p {
	margin:0 1.5em 0.6em 1.5em;
    }

/* ------------------------------------ */
/* Kochbuch, Kochkurs, Kochgenuss */
/* ------------------------------------ */
#buch-umschlag {
	float:left;
	width:142px;
	margin:0
	}
#buch-umschlag img {
	margin:0.8em 0 2.0em 0;
	border:1px solid #ab919f;
	width:140px
	}
#weitere-buecher {
	margin:1.0em 0 0 0;
	display:block;
	border:1px solid #ab919f
	}
#weitere-buecher h3 {
	margin:0;
	padding:0.1em 0.7em 0.1em 0.7em;
	background-color:#ab919f;
	color:#fff;
    }
#weitere-buecher ul {
	margin-right:1.0em;
    }
#buchinformationen {
	float:left;
	width:44.0em;
	margin:0 0 0 3.0em
	}
#buchinformationen h3 {
	margin:1.0em 0 0.3em 0;
	}
#kurs-basisinfo {
	float:left;
	width:24.0em;
	margin:1.2em 0 0 0.3em
	}
#koch-foto {
	float:left;
	margin:0.4em 2.0em 1.0em 0;
	border:1px solid #ab919f
	}
#kursbeschreibung {
	float:left;
	width:39.0em;
	margin:0.7em 0 0 3.0em
	}
* html #kurs-basisinfo, * html #kursbeschreibung {
	overflow:hidden;
	display:inline;
    }
.ausgebucht {
	color:#c70317;
	}
.buchbar {
	color:#3a0;
	}
#mittagsmenue img {
	margin:0.5em 0 0.5em 0;
	border:1px solid #ab919f
	}

/* ------------------------------------ */
/* Layout Kontakt- und Newsletterseite */
/* ------------------------------------ */
#kontaktinformationen {
	float:right;
	width:27.0em;
	margin-top:1.5em;
	padding:0.7em 1.4em 0 1.4em;
	border:1px solid #ab919f
	}
#newsletter-text {
	float:right;
	width:52.0em;
	margin:0.7em 2.0em 0 0;
	padding:0
	}
#kontakt-bild, #newsletter-bild {
	float:left;
	margin-top:1.5em;
	width:150px
	}

/* Layout Homepage */
#veranstaltungen {
	float:left;
	margin:0 0 0 3.0em;
	width:21.0em;
	border:1px solid #ab919f
	}
#begruessung-zitat {
	float:left;
	margin:0;
	width:46.2em;
	border:0 none
	}
#begruessung-zitat h1 {
	margin:0.1em 0 0.3em 0;
	}
#begruessung-zitat p {
	margin:0 0 0.6em 0.1em
    }
* html #veranstaltungen, * html #begruessung-zitat {
	overflow:hidden;
	display:inline;
    }
#dreieinigkeit {
	width:71.0em;
	margin:0 3.0em 4.0em 3.0em
	}
#kochbuch-home, #kochkurs-home, #kochgenuss-home {
	float:left;
	width:21.4em;
	border:1px solid #ab919f
	}
* html #kochbuch-home, * html #kochkurs-home, * html #kochgenuss-home {
	overflow:hidden;
	display:inline;
    }
#kochbuch-home {
	margin:2.5em 0 0 0;
	}
#kochkurs-home, #kochgenuss-home {
	margin:2.5em 0 0 3.0em;
	}
#kochbuch-home img, #kochgenuss-home img {
	margin:1.0em 0 0 1.7em;
	border:1px solid #ab919f
	}
.buchtitel p {
	font-size:80%;
	margin:0 2.0em 2.0em 2.0em
	}
#veranstaltungen ul, #kochkurs-home ul, #kochgenuss-home ul {
	margin:0 1.0em 1.0em 2.6em;
	}
#kochkurs-home li {
	margin-top:0.8em;
	}
#veranstaltungen li {
	margin-top:0.3em;
	}
#kochbuch-home h2, #kochkurs-home h2, #kochgenuss-home h2 {
	margin:0;
	padding:0.1em 1.0em 0.1em 1.0em;
	text-transform:uppercase;
	background-color:#ab919f;
	color:#fff;
    }
#veranstaltungen h2 {
	margin:0;
	padding:0.1em 1.0em 0.1em 1.0em;
	background-color:#fff;
	color:#ab919f;
	border-bottom:1px solid #ab919f;
    }
#kochbuch-home h3, #kochkurs-home h3, #kochgenuss-home h3 {
	margin:1.0em 1.3em 0.5em 1.3em;
    }
#kochbuch-home h4, #kochkurs-home h4, #kochgenuss-home h4 {
	margin:1.0em 1.7em 0.5em 1.7em;
    }
#kochbuch-home p, #kochkurs-home p, #kochgenuss-home p {
	margin:0 1.5em 0.6em 1.5em;
    }

/* ------------------------------------ */
/* Helferlein */
/* ------------------------------------ */
.ganze-breite {
  	clear:both;
  	display:block;
	padding:0;
  	margin:0;
  	border:0 none;
  	font-size:0px; 
  	height:0px; 
  	line-height:0px
  	}

/* ------------------------------------ */
/*  Formulare  */
/* ------------------------------------ */
form {
  	margin:0;
	color:#333
  	}
select {
  	font:120% "courier new", courier, monospace;
  	}
input.text {
  	font:120% "courier new", courier, monospace;
	height:1.4em
  	}
input.button {
  	background:#ab919f;
  	color:#fff;
  	font:110% "Tahoma", geneva, arial, helvetica, sans-serif;
  	border-color:#fff5e6 #f60 #fff5e6 #f60
  	}

/*  Kontaktformular  */
#formular {
  	line-height:1.6em;
	margin:3.0em 0 3.0em 0;
	display:block;
	border:1px solid #ab919f
  	}
#formular h2 {
	margin:0;
	padding:0.1em 1.2em 0.1em 1.2em;
	background-color:#ab919f;
	color:#fff
    }
#formular input.text {
	width:22.0em;
	margin:0 0 1.5em 0
  	}
html>body #formular input.text {
	width:22.0em;
	margin:0 0 1.5em 0
  	}
#formular input.button {
  	margin:1.5em 2.0em 0 0;
	padding:0.2em 0.4em 0.2em 0.4em;
  	}
#formular label {
  	display:block;
  	}  
#formular input.text, #formular textarea, #anmelde-formular input.text, #anmelde-formular input.anzahl, #anmelde-formular input.gutschein, #anmelde-formular textarea {
  	background:#fff5e6;
  	border:1px solid #ab919f
  	}
#formular textarea {
	width:28.0em;
  	height:11.0em
  	} 
html>body #formular textarea {
	width:28.0em;
  	}
	
/* Anmeldeformular */
#anmelde-formular fieldset {
	margin:1.0em 0 0 0;
	padding:0 2.0em 1.6em 2.0em;
	display:block;
  	border:1px solid #ab919f;
	color:#ab919f;
	font-weight:bold
  	}
#anmelde-formular label {
  	display:block;
	font-weight:normal;
	color:#65525b;
	margin:1.0em 0 0.2em 0;
  	}
#anmelde-formular input.hidden {
	display:none;
  	}
#anmelde-formular input.text {
	width:16.0em;
	margin:0;
  	}
#anmelde-formular input.anzahl {
	width:3.0em;
	margin:0;
  	}
#anmelde-formular input.gutschein {
	width:6.0em;
	margin:0;
  	}
#anmelde-formular input.button {
  	margin:1.6em 1.4em 0 0;
	padding:0.1em 0.2em 0.1em 0.2em;
	float:left;
	margin:0.4em 2.0em 1.0em 0;
	border:1px solid #ab919f;
	}
#kursbeschreibung {
	float:left;
	width:39.0em;
	margin:0.7em 0 0 3.0em;
	}
* html #kurs-basisinfo, * html #kursbeschreibung {
	overflow:hidden;
	display:inline;
    }
.ausgebucht {
	color:#c70317;
	}
.buchbar {
	color:#3a0;
	}
#mittagsmenue img {
	margin:0.5em 0 0.5em 0;
	border:1px solid #ab919f;
	}

/* ------------------------------------ */	
/* Layout Kontakt- und Newsletterseite */
/* ------------------------------------ */
#kontaktinformationen {
	float:right;
	width:27.0em;
	margin-top:1.5em;
	padding:0.7em 1.4em 0 1.4em;
	border:1px solid #ab919f;
	}
#newsletter-text {
	float:right;
	width:52.0em;
	margin:0.7em 2.0em 0 0;
	padding:0
	}
#kontakt-bild, #newsletter-bild {
	float:left;
	margin-top:1.5em;
	width:150px;
	}


/* ------------------------------------ */
/* Wir Ueber Uns */
/* ------------------------------------ */
#portrait-tina, #portrait-katharina {
	width:33.1em;
	padding-bottom:1.4em;
	border:1px solid #ab919f;
	}
*html #portrait-tina, *html #portrait-katharina {
	overflow:hidden;
	display:inline;
    }
#portrait-tina {
	float:left;
	margin:1.5em 0 0 0;
	}
#portrait-katharina {
	float:right;
	margin:1.5em 0 0 4.0em;
	}
#portrait-tina img, #portrait-katharina img {
	float:left;
	margin:0.4em 1.7em 1.0em 0;
	border:1px solid #ab919f;
	}
#portrait-tina h2, #portrait-katharina h2 {
	margin:0;
	padding:0.1em 1.5em 0.1em 1.5em;
	background-color:#ab919f;
	color:#fff;
    }
#portrait-tina h3, #portrait-katharina h3 {
	margin:1.4em 1.8em 0.8em 1.8em;
    }
#portrait-tina h4, #portrait-katharina h4 {
	margin:1.0em 2.1em 0.3em 2.1em;
    }
#portrait-tina p, #portrait-katharina p {
	margin:0 2.2em 0.6em 2.2em;
    }
	
/* ------------------------------------ */
/* Layout-Dateifuss */
/* ------------------------------------ */
#fuss {
	clear:both;
	padding:0 0 1.4em 0;
	margin:0 auto 0 auto;
	width:77.0em;
	background-color:#fff;
	text-align:left;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	}
#info-navigation {
	margin:1.5em 0 0 1.7em;
	padding:0;
	width:70.0em;
	font-family:"Georgia", utopia, times, "times new roman", "bookman old style", serif;
	font-size:110%;
	}
#info-navigation ul {
	white-space:nowrap;
	line-height:1.0em;
	margin:0;
	padding:0;
	width:100%;
	background-color:transparent;
	list-style:none;
	}
#info-navigation li {
	float:left;
	background-color:transparent;
	padding:0;
	margin:0 0 0 0.8em
	}
#info-navigation a {
	float:left;
	display:block;
	color:#ab919f;
	background-color:transparent;
	padding:0.5em 1.0em 0.5em 1.0em;
	border:2px solid transparent;
	text-decoration:none;
	}
#eprise a {
	float:left;
	display:block;
	color:#ab919f;
	padding:0.4em 0.4em 0.3em 0.8em;
	border:2px solid #fff;
	text-decoration:none;
	}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#info-navigation a {
	float:none;
	}
/* End IE5-Mac hack */
#info-navigation a:hover, #info-navigation #aktiv a {
	color:#ab919f;
    background-color:transparent;
	border:2px solid #ab919f;
	}


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

added: 30.12.08 by Oliver Alburg

--------------------------------------- */
.visual {
	margin:8px 4px 0px 0px;
	border:3px solid #ab919f;
  	}
/* ------------------------------------

Lighbox added: 06.01.09 by Oliver Alburg

--------------------------------------- */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/kochkontor/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/kochkontor/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }