/* Basic Stylesheet for Soulfood */



/* +++++ Standard-Definitionen +++++ */

body, p, div, img, a, h1, h2, h3, h4, h5, h6, form, span, table, tr, td, th, ul, li {
margin: 0px;
padding: 0px;
border: 0px none;
color: #000000;
font-size: 12px;
line-height: 16px;
letter-spacing: 0px;
word-spacing: 0px;
font-weight: normal;
}

body, p, div, a, h1, h2, h3, h4, h5, h6, form, td, th, li {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue (TT)", "Helvetica Neue", HelveticaNeue, "HelveticaNeue Roman", Arial, Helvetica, sans-serif;
}

a { color: #58115e; text-decoration: none;}
a:hover { color: #1d1d1d; text-decoration: underline; }



/* +++++ Layout (allgemein & Top) +++++ */

body {
background-color: #eeebeb;
}

img.logo {
position: relative;
display: block;
margin-top: -100px;
margin-left: 770px;
z-index: 3;
clear: both;
background: url(images/logo_sf.gif) no-repeat;
}


div.container {
width: 1000px;
margin:auto;
/*border: 5px solid orange;*/
}

.topimage img {
border: 4px double #ccc;
margin-top: 18px;
width: 992px;
height: 200px;
}

/* CALM Bugfix EditMe-Button */
.topimage div { margin-top: -20px;}
.topimage div img {width: 15px; height: 15px; margin-left: -20px;}



/* +++++ Layout Balken +++++ */

div.balken
{
	background-color: #4D4D4D;
	background-image: url(images/backgrounds/ornamente.png);
	background-position: left center;
	background-repeat: repeat-x;
	width: 100%;
	height: 25px;
	text-align: right;
}

div.balken p {
width: 990px;
margin: auto;
color: white;
font-size: 10px;
padding-top: 5px;
/*text-shadow: black 0px 0px 5px;  -- geht nur in Safari und iCab! */
}

div.balken a {
font-size: 10px;
color: white;
}

div.balken a.selected {
font-weight: bold;
}

div.balken a:hover
{
	/*text-decoration: underline; /*overline;*/
	color: white;
	/*text-shadow: white 0px 0px 5px;  -- geht nur in Safari und iCab! */
	/*background-color: #faf2ff;*/
}


/* +++++ Layout Navigation +++++ */

/* topnav */

.topnav
{
	margin-top: -42px; 
	margin-left: 4px;
	height: 40px;
	width: 990px;
	z-index: 2;
	position: relative;
}



.topnav a  /*hšhe 26px*/
{
	background-color: #56115c;
	background-image: url(images/backgrounds/topnav.gif);
	background-repeat: repeat-x;
	float: left;
	height: 16px;
	border-left: 2px solid white;
	border-right: 2px solid white;
	padding: 5px 15px;
	margin: 0px;
	margin-top: 12px;
	margin-left: -2px;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: normal;
	white-space: nowrap;
	color: white;
}

.topnav a.selected, .topnav a:hover  /*hšhe 34px*/
{
	padding-top: 13px;
	margin-top: 4px;
	background-image: url(images/backgrounds/topnav_ov.gif);
	text-decoration: none;
}

.topnav a.business { display: none; }

/* leftnav */
		
.navi
{
	width: 177px;
	margin: 15px 0px 0px -4px;
	float: left;
	/*border: 1px solid red;*/
}

.navi a {
	background-color: #64146b;
	/*background-image: url(images/backgrounds/leftnav.gif);*/
	background-repeat: repeat-x;
	display: block;
	width: 145px;
	height: 16px;
	padding: 2px 12px 0px 13px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	color: white;
}

.navi a.selected, .navi a:hover {
	background-color: #d05fd9;
	/*background-image: url(images/backgrounds/leftnav_ov.gif);*/
	text-decoration: none;
}

a.selected { color: #faf2ff; }

/* Kochtopf */

a.kochtopfen, a.kochtopfde { margin-top: -18px; }

a+a.kochtopfen, a+a.kochtopfde { margin-top: 33px; }

.navi a.kochtopfen, .navi a.kochtopfde
{
	height: 77px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: -4px 0px;
	border-left: 4px double #cccccc;
}

.navi a.kochtopfen { background-image: url(images/backgrounds/kochtopf_en.gif); }
.navi a.kochtopfde { background-image: url(images/backgrounds/kochtopf.gif); }

.sf a.kochtopfen { background-image: url(images/backgrounds/kochtopf_on_en.gif); }
.sf a.kochtopfde { background-image: url(images/backgrounds/kochtopf_on.gif); }
.navi a.kochtopfen:hover { background-image: url(images/backgrounds/kochtopf_ov_en.gif); }
.navi a.kochtopfde:hover { background-image: url(images/backgrounds/kochtopf_ov.gif); }

.navi a.kochtopfen span, .navi a.kochtopfde span { display: none; }


/* +++++ Layout Content +++++ */

.rightbkgrd
{
/*border: 2px solid yellow;*/
width: 1000px;
margin: 20px 0px 0px 0px;
}


.cont {
background-color: #ffffff;
width: 740px;
border: 4px double #cccccc;
/*margin-bottom: 50px;*/
}

.conttext {
margin: 15px 40px 25px 200px;
}



/* +++++ Layout Termine+News-Spalte (Kasten) +++++ */

.termine {
float: right;
width: 220px;
margin: 15px 5px 20px 20px;
}

.termine h1 {
color: #64146b;
font-size:12px;
}

.kasten {
background-color: #fff;
padding: 3px 3px 6px 3px;
border-bottom: 1px solid #d05fd9;
margin-top: 12px;
}


.kasten h3
{
	/*font-weight: normal;*/
	font-size: 12px;
	font-weight: bold;
	color: #D05FD9;
	/*background-color: #d0a1dc;*/
	
}

.kasten p, .kasten h2, .kasten h3, .kasten a {
margin-bottom: 0px;
font-size: 12px;
/*color: black;*/
letter-spacing: 0px;
word-spacing: 0px;
line-height: 16px;
padding: 3px;
font-weight: normal;
}



.kasten p {
padding-top: 1px;
/*background-color: #d0a1dc;*/
margin-bottom: 2px;
font-weight: normal;
color: #000000;
}

.kasten a { color: #64146b; font-size: 12px; text-align: right; display:block;}
.kasten a:hover { color: black; }



/* +++++ Content & Text-Definitionen +++++ */

p, h5 {
margin-bottom: 13px;
}

hr {
margin: 15px 0px;
height: 1px;
color: #58115e;
border: 1px solid #58115e;
}

.cont small { font-size: 10px; line-height: 13px; }

/*.conttext a { color: #58115e; }
.conttext a:hover { color: #1d1d1d; text-decoration: underline; }*/

h1, h2
{
	margin-bottom: 14px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #232323;
	line-height: 18px;
}

h1+h2 {margin-top: -13px;}

h2 { color: #d05fd9; }

h2 { font-size: 14px; }

h4 { color: #232323; }

h3 { font-size: 12px; }

h4 { font-size: 14px; }

h3 {margin-bottom: 10px;}

h4 {margin-bottom: 4px;}

h3, h4 {font-weight: bold;}

strong, b { color: #1d1d1d; }

h6 { letter-spacing: 0px; }


/* Text-Box */

h5 { 
background-color: #F5F5F5;
padding: 8px;
letter-spacing: normal;
border-bottom: 1px solid #d05fd9;
}

.textbox {
background-color: #f5f5f5;
padding: 10px;
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #d05fd9;
}

.textbox p { font-style: italic; }

.textbox h2 { margin-bottom: 5px; }


/* Listen */

h3+ul {margin-top: -5px;}

ul
{
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 13px;
	margin-left: 15px;
}

li {
margin-bottom: 2px;
letter-spacing: normal; 
}


/* +++++ Login CALM / Footer +++++ */

.footer {
position: relative;
left: 0px;
top: 20px;
height: 20px;
margin: 0px;
width: 555px;
z-index: 4;
}

.de .lengua .de, .en .lengua .en { display: none; }

.standard .footermenu { display: none; }

/* login buttons */

#loginimg {
display: block;
height: 15px;
width: 15px;
float: left; 
}

#login {
display: block;
margin-left: 40px;
color: #ddd;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: italic;
width: 500px;
height: 19px;
font-size:11px;
}

#login input {
margin: 0px 2px;
width: 110px;
height: 18px;
}

#login a, #login a:link, #login a:hover, #login a:visited
{
	color: #DDD;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #621784;
	border: 2px outset #621784;
	padding: 2px 4px 1px 4px;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	margin-left: 7px;
	font-size: 10px;
	line-height: 10px;
}

#login a:hover  {
border: 2px inset #621784;
}

#login a.login_edit_button  {
font-size: 9px;
font-weight: normal;
}


/* +++++ Kontakt - Forms +++++ */

.kontaktform {}

.cont input, textarea {
background-color: #E4C7F2;
border: 2px inset #621784;
padding: 2px;
margin-bottom: 7px;
width: 400px;
}

/*
.cont input {}
.cont textarea {width: 400px;}
*/

.cont fieldset {
margin: 15px 10px 5px 0px; 
padding: 0px 35px 5px 25px; 
border: 1px solid #621784;
}


.cont legend {
border: 1px solid #621784; 
margin-top: 15px; 
color: #232323;
font-weight: bold;
margin-bottom: 15px;
}


.cont .kontaktform .error {margin-top: 0px;}


.cont button {
width: auto; left: 40%; position: relative;
}
/*
.cont label {float: left; text-align: left; width: 80px; padding-right: 10px;
border: 1px solid green;
}
*/

.cont .labelclasstextarea {width: 200px;}

.cont input.inputcheck
{
	width: auto;
	border: none;
	float: none;
	margin-left: 0px;
}
.cont label.labelcheck
{
	width: 390px;
	float: right;
	display: block;
}

.cont div.info { width: 400px; }

.cont div.info img { display: none; }

.cont fieldset div.text { clear: right; }


/* Seminar buchen link */


a.buchen
{
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 2px 0px 3px 20px;
	height: 15px;
	text-transform: uppercase;
	color: #222;
	font-weight: bold;
	background-image: url(images/backgrounds/buchungspfeil.gif);
	background-position: -7px 0px;
	background-repeat: no-repeat;
}