/* grundlegende Seiteneigenschaften */
html {
height : 100%;
}

body {
background : #e5ebdf url(../images/wrapper_bg.gif) repeat-y top left;
height : 100%;
margin : 0;
padding : 0;
font-family : "Myraid Pro", "Trebuchet", "Trebuchet MS", Verdana, Arial, sans-serif;
}

.wrapper {
background : url(../images/bg2.gif) repeat-x top left;
min-height : 100%;
height : auto !important;
height : 100%;
position : relative;
}

.container {
width : 1020px;
margin : 0;
padding : 0;
}

/* Formate für die Suchleiste */
#searchBar {
width : 250px;
float : right;
margin : 0 80px 0 0;
padding : 0;
}

#searchBar .head {
margin : 2px 0 0;
padding : 0;
background : #372b1a url(../images/search_bg.gif) repeat-x bottom left;
color : #fff;
font-weight : bold;
line-height : 0.8em;
}

#searchBar .content {
background : #fff;
margin : 0;
padding : 0;
height : 18px;
}

form {
margin : 0;
padding : 0;
}

#searchBar .content form input.search {
background : #fff;
border : 0 none;
margin : 0;
padding : 0;
width : 220px;
}

#searchBar .content form input.button {
margin : 1px 4px 0 0;
padding : 0;
width : 15px;
height : 16px;
float : right;
}

/* Formate für Header und Aufmacherbild */
.icon {
width : 206px;
height : 164px;
margin : 0 15px 0 38px !important;
margin : 0 15px 0 19px;
padding : 0;
background : #fff;
float : left;
text-align : center;
vertical-align : middle;
border : solid #000;
border-width : 0 2px 2px;
}

.icon img {
margin : 2px 0 0;
}

#title {
margin : 0;
padding : 5px 0 0;
clear : right;
color : #e5ebdf;
color : #fff;
}

#title h1 {
font-size : 1.7em;
margin : 0;
padding : 0;
font-weight : normal;
}

#title h2 {
font-size : 1.3em;
line-height : 0.8em;
margin : 0;
padding : 0;
font-weight : normal;
}

#title .subline {
display: inline;
font-variant : small-caps;
font-size : 0.6em;
font-style : italic;
padding-left: 175px;
}

/* Formate für die Top-Navigation */
#navigation {
position : absolute;
top : 122px;
left : 260px;
width : 700px;
}

#navigation ul {
margin : 0;
padding : 0;
list-style : none;
list-style-image : none;
border : none;
}

#navigation ul li {
float : left;
margin : 0 12px 0 0;
padding : 0;
width : 119px;
height : 34px;
vertical-align : middle;
text-align : center;
}

#navigation ul li a {
display : block;
width : 119px;
height : 34px;
margin : 0;
padding : 10px 0 0;
text-align : center;
background : url(../images/tab_normal1.gif) no-repeat top left;
color : #7c8c9b;
text-decoration : none;
font-weight : bold;
text-transform : uppercase;
}

#navigation ul li a:hover {
color : #93a6b7;
color : #eee;
background : url(../images/tab_over2.gif) no-repeat top left;
}

#navigation ul li a.selected, #navigation ul li a.selected:hover {
background : url(../images/tab_selected2.gif) no-repeat top left;
color : #343434;
}

#navigation ul li a.selected:hover {
color : #000;
}

/* Formate für die Navigation links */
#body {
float : left;
margin-bottom : 220px;
}

#body .sidebar {
margin : 10px 0 0 50px !important;
margin : 10px 0 0 25px;
width : 170px;
float : left;
color : #465052;
font-size : 0.9em;
}

#body .sidebar h3 {
color : #465052;
padding-top : 10px;
font-size : 1.2em;
}

#body .sidebar .content {
margin : 3px 0 3px 10px !important;
padding : 0;
width : auto;
float : none;
color : #465052;
}

#body form input, #body form textarea, #body .sidebar select {
border : 1px solid #465052;
background : #e0edf7;
color : #465052;
width : 100%;
}

#body form input.submit {
width : auto;
float : right;
}

#body .sidebar ul.links {
list-style : none;
padding : 0;
margin : 0;
border : none;
list-style-image : none;
}

#body .sidebar ul.links li {
padding : 0;
border-bottom : 1px solid #7c8c9b;
height : 1.7em;
}

#body .sidebar ul.links li a {
padding : 2px 6px;
display : block;
color : #465052;
text-decoration : none;
}

#body .sidebar ul.links li a:hover {
background : #e0edf7;
}

/* Formate für den Inhaltsbereich */
#body .content {
float : left;
width : 550px;
margin : 10px 0 0 30px;
padding : 0;
color : #59452a;
font-size : .9em;
}

#body .content .byline {
font-variant : small-caps;
font-weight : normal;
font-style : italic;
}

#body .content p {
margin : 0;
padding : 0 0 1em;
}

#body .content .nodeFoot {
text-align : right;
font-variant : small-caps;
font-size : 0.9em;
font-weight : bold;
font-style : italic;
}

#body .content .nodeFoot a {
text-decoration : none;
color : #59452a;
}

#body .content .comments .comment {
margin : 0 0 0 10px;
font-size : 10pt;
background : url(../images/comment_corner.gif) no-repeat top left;
padding : 20px 0 0 27px;
}

#body .content .comments .comment h4 {
margin : 0;
padding : 0;
}

#body .content .area100 {
clear : both;
width : 98%;
margin : 0;
padding : 4px;
}

/* Textformatierungen im Inhaltsbereich */
h3 {
font-size : 1.1em;
font-weight : bold;
margin : 0;
padding : 0;
color : #59452a;
clear : both;
}

h3 a {
font-size : 1.1em;
font-weight : bold;
margin : 0;
padding : 0;
color : #59452a;
clear : both;
text-decoration: underline; 
}

h4, h5, h6 {
margin : 0;
padding : 0;
clear : both;
}

.underline {
text-decoration : underline;
}

h4 a, h5 a, h6 a {
text-decoration : none;
}

h4 {
font-style : italic;
}

#body a {
color : #59452a;
}

#body h3 a {
text-decoration : none;
}

#body p.vorspann {
text-align: justify;
padding-bottom: 10px;
}

#body p.zutaten {
line-height: 1.3em;
padding: 10px 20px 10px 20px;
}

#body .untertitel {
font-size: 1em;
letter-spacing: 1px;
padding-bottom: 3px;
}

hr {color: #fff; background-color: #e5ebdf; border: 1px dotted #372B1A; border-style: none none dotted; }

.infobox {
display : block;
font-family : monospace;
overflow : visible;
border-width : 1px 0;
border-style : dashed;
padding : 3px;
margin-bottom: 10px;
}

blockquote {
background : #ecf2e6 url(../images/quote.gif) no-repeat top left;
margin : 5px 20px;
padding : 5px 5px 5px 43px;
border : 1px solid #d3d9ce;
}   
	
ol li ol {
list-style : lower-roman;
} 

ol li ol li ol {
list-style : lower-alpha;
}

ul {
list-style-image : url(../images/arrow.gif);
padding-left : 30px;
}

/* Formatierungen im Footer */
#footer {
clear : both;
position : absolute;
bottom : 0 !important;
bottom : -1px;
width : 100%;
margin : 0;
padding : 0;
}

#footHead {
clear : both;
margin : 0;
padding : 0;
background : url(../images/footer_bg.gif) repeat-x bottom left;
}

#footHead .head {
text-transform : uppercase;
font-size : 1.5em;
font-weight : bold;
width : 33%;
float : left;
margin : 0;
padding : 0;
color : #59452a;
line-height : 0.8em !important;
line-height : 0.7em;
height : 0.8em !important;
height : 0.7em;
}

#footHead .container {
padding : 0 0 0 15px;
margin : 0;
}

#footBody {
clear : both;
width : 100%;
background : #59452a;
margin : 0;
padding : 0;
}

#footBody .container {
padding : 0 0 0 15px;
margin : 0;
}

#footBody .content {
width : 33%;
float : left;
margin : 0;
padding : 0;
color : #ffffcc;
}

.clear {
clear : both;
}

#footBody .showcase {
text-align : center;
}

#footBody .showcase img {
padding : 0;
margin : 2px;
border : 3px solid #dda;
}

#footer #footBody ul {
list-style : none;
list-style-image : none;
margin : 5px 0;
padding : 0;
border : none;
width : 95%;
}

#footer #footBody ul li {
padding : 0;
margin : 0 10px;
height : 1.8em;
border-bottom : 1px solid #49351a;
}

#footer #footBody ul li a {
color : #dda;
text-decoration : none;
display : block;
padding : 3px;
}

#footer #footBody ul li a:hover {
background : #705735;
}

#copyright {
background : #372b1a;
color : #dda;
border-top : 1px solid;
height : 1.7em;
}

#copyright a {
color : #dda;
}

#copyright .container {
text-align : right;
}

/* Zusatzspalten für Werbung */
#skyscraper {
position : absolute;
top : 0;
left : 1010px;
z-index : 8;
width : 140px;
color : #465052;
background-color : #e0edf7;
border-width : 0 1px 1px 1px;
border-style : solid;
border-color : #7c8c9b;
}

#skyscraper h4 {
text-indent : 10px;
text-transform : uppercase;
padding-top : 2px;
}

#skyscraper p  {
padding-left : 10px;
font-size : 0.7em;
}

#skyscraper div.outer {
margin-left : 10px;	
}

#googletest {
float : left;
width : 160px;
background-color : #e5ebdf;
margin-left : 20px;
padding : 10px 0 0 10px;
}


/* Formate für die Rezeptkarten */
.titeldruck {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration : underline;
}

.bigger {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px
	}

 .zutatdruck {
	font-size: 12px;
	color: #303030;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: none;
	margin: 8px;
	padding: 8px
}

.zubdruck {
	font-size: 12px;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.commentdruck {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	color: #000000;
}

/* Luft für Bilder */
#body .horizontal {
padding: 0 10px;
}

#body .vertikal {
padding: 10px 0;
}

#body .border {
margin-left : 20px;
padding : 1px;
border : 1px double #CCCC66;
}

#body .borderleft {
margin-right : 20px;
padding : 1px;
border : 1px double #CCCC66;
}

/* spezielle Stile für die e.Karten */

#therealcard {position:relative;width:450px;height:300px;background:url(../images/marke.gif) no-repeat;}

#card_form {position:absolute;top:14px;left:14px;width:180px;height:260px;}

#card_textarea {
	overflow: auto;
	background-color: transparent;
	border: 1px #FF9 dotted;
	z-index: 5;
	width: 180px;
	height: 260px;
	color: #000;
}

#adressfeld {position:absolute;top:165px;left:230px;width:150px;color:#000;font-size:12px;}

.input-puf {width:130px;color:#000;background-color:transparent;border:0px #000 dotted;border-bottom:1px #000 dotted;}

#ecard-maindiv {position:relative;width:450px;height:300px;text-align:center;background:#AA2A42 url(../images/marke.gif) no-repeat;}

#zeitpunkt {position:absolute;top:88px;left:280px;color:#333;font-size:9px;}

#pucard_form {position:absolute;top:14px;left:14px;width:180px;height:260px;text-align:left;z-index:5;color:#000;font-family:courier;font-size:12px;}

.pu-name {width:130px;color:#000;border:0px #000 dotted;border-bottom:1px #000 dotted; }

#ecardvorne {position:relative;width:450px;height:300px;text-align:center;background:#AA2A42 url(../images/vorne.gif) no-repeat;}

#popup {
	width: 400px;
}

#fenster .content {
width : 550px;
margin : 0 0 0 60px;
padding : 0;
color : #59452a;
font-size : .9em;
}

#fenster p.zutaten {
line-height: 1.3em;
padding: 10px 20px 10px 20px;
}