/* CSS Lippeschloesschen 12.0 Document 
	Copyright 2009 trade and serve
	Autor: Eva Over
	Version 1.0, 24.10.2009
	dunkelbraun:#330000
	rot: #701816
	hellrosa:#836565
	rosa:#714d4d 
	gelb:#edd08c
	gold:#d4b96a
	hellgelb:#e9e0c6


*****************************************************************/

* { /* reset default values */
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
html {
    margin:0;
     padding:0;
    height: 100%;

}
body {
    min-height: 100%;
	height: 100%;
	
	
	
}


/*** Grundpositionierung ****************************************************/
#sitebox {
    width: 1220px;
	min-height: 100%;

}
* html #sitebox {height: 100%;}




#navigation {

	float: left;
    width: 519px;
}

#content {

	float: left;
    width: 574px;
	height:100%;
	min-height: 100%;
	
}
* html #content {margin-left:-105px;}

#column {
	width:534px;

}


#column_left {
	width:auto;
	float:left;
	min-width:25px;
	max-width:210px;
	display:inline;
	
}
* html #content_left {width:210px;}

#column_right {
	
	width:305px;
 	float:right;
	display:inline;
}


#information {
	
	float: right;
    width: 126px;
	display:inline;
}
#fb {
	padding-left:14px;
	float: right;
    width: 126px;
	display:inline;
}



#footer {
	
	clear: both;
	 width: 669px;
}

/*** Grundtypografische Festlegungen ************************************************/

body {
	font: small/130% Arial, Helvetica, sans-serif; 
	color:#e9e0c6;
	background: #330000 url(../images/Hintergrund.png) left repeat-y ;
	
}
a {
    color: #d4b96a;
	text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 {
  
	font-family:Verdana, Geneva, sans-serif;
	padding-bottom:15px;
}
p {
	padding-bottom: 15px;
}
/*** sitebox *******************************************************************/

#sitebox {
	background:	url(../images/back_Lippeschloesschen.jpg) no-repeat bottom;
}
#sitebox .back{
	background:	url(../images/Hintergrund) repeat-y left;
}

/*** navigation *******************************************************************/
#navigation {
	/*background:url(../images/navigation_back.png) repeat-y right;*/
	height:auto;
	
}

#navigation ul{
	display:block;
	width:216px;
	margin-top:322px;
	margin-left:408px;
	
}
#navigation li {
	font-variant:small-caps;
	font-style:italic;
	padding-top: 20px;
	white-space:nowrap;
    	
}
#navigation a {
    color: #e8d18c;
	font-size:110%;
	font-variant:small-caps;
	text-decoration: none;
}

#navigation .selected a,
#navigation .selected a:hover {
    color: #d4b96a;
    text-decoration: none;
}
/*** content *******************************************************************/
#content {
	background-color: #701816;
}
#content h1{
	margin-top:25px;
	font-style:italic;
	font-size: 120%;
	font-weight:lighter;
	color:#ead79e;
	line-height:120%;
}
#content h2{
	
	font-size: 110%;
	margin-top: 10px;
	font-weight:bold;
	color:#d5ba69;
}
#content h3{
	font-size: 90%;
	margin-top: 10px;
	color:#ead79e;
}
#content h4{
	font-size: 120%;
	margin-top: 10px;
	font-weight:lighter;
	color:#ead79e;
	font-variant:small-caps;
	line-height:120%;
}
#content h5{
	font-size: 110%;
	margin-top: 10px;
	font-weight:bold;
	color: #E3BFC9;
	font-variant:small-caps;
	line-height:120%;
}
#content p{
		margin-top: 12px;
	
}
#content a{
		margin-top: 12px;
	
}
#content ul{
	
		margin-left:1em;
	margin-bottom:1em;
	list-style-type:none;    
	
}
#content ul li {
	background:url("../images/icon_bullet.gif") no-repeat 0 4px ;
	margin-bottom:0.8em;
	padding-left:1.5em;
}
#content ul ul{
	margin-top:1em;
	margin-left:3em;
	margin-bottom:1em;    
}
#content ol {
	margin-left:20px;
	   
}
#content ol li {
	
	list-style:decimal;
	font-style: italic;
	margin-bottom:15px;
}
#content li a {
	
    color: #d4b96a;
	font-size:110%;
	font-variant:small-caps;
	text-decoration: none;
}

#content li.selected a,
#content li.selected a:hover {
    color: #d4b96a;
    text-decoration: none;
}
#content table.Speisekarte {
	width:534px;
	
}
#content table.Speisekarte td {
	font-variant:small-caps;
	
	font-size:110%;
	border-bottom: solid #945a59 1px;
	padding: 15px 0 10px 5px;
	text-indent: -5px;
color: #FEF0BC;
	
}
#content table.Speisekarte td:first-line{
color:#FEEBA3;	
font-style:italic;

	
}
#content td.Preis {
	width:160px;
	text-align:right;
	vertical-align:bottom;
	padding: 15px 0 10px 0px;
	font-weight: normal;
}


#content Karte h4{
	color: #440000;
	
}
/*** form *******************************************************************/

form input, select, textarea {
	background-color:#690402;
	border-top:solid thin #5d0301;  
	border-left:solid thin #5d0301;
	border-bottom:solid thin #880805;  
	border-right:solid thin #880805;  
    padding: 5px;
	margin:15px;
	color:#FFC;
}
highlight {
	background-color:#330000;
}
form .button {
   	background-color:#690402;
	border-bottom:solid thin #5d0301;  
	border-right:solid thin #5d0301;
	border-top:solid thin #880805;  
	border-left:solid thin #880805;    
    cursor: pointer;
}
#content form {
	border:none;
}

/*** Klassen *******************************************************************/

#content .Bild{
	margin: 5px;
	width:170px;
	height:auto;
	border:#ead79e solid 2px;
	
	
}
#content .BildSP{
	margin: 5px;
	width:170px;
	height:111px;
	border:#ead79e solid 2px;
	
	
}


#content .Border{
	margin: 8px;
	border:#ead79e solid 2px;
	
}
#content .unten {
	margin-top: 170px;
	
	
}
#content .bottom {
	margin-top: 200px;
	
	
}
#content .right {
	float:right;
	
	
}
#content .ohne {
	border:none;	
	
}
#content .center {
	text-align:center;
		
}
#content .cap {
	font-variant:small-caps;
		
}
/*** column *******************************************************************/

#column {
	padding-top: 25px;
	margin-right:20px;
	margin-left:20px;
	
}




/*** information *******************************************************************/
#information {
	color:#e8d18c;
	padding-top: 320px;
	padding-left: 1px;
	height: 100%;
}
#information h4{
	margin-top:25px;
	font-size:80%;
	padding-left:14px;
}
#information p{
	padding-left:14px;
	font-size:90%;
}


/*** footer *******************************************************************/
#footer {
	height: 40px;
 	margin-left:397px;
	padding-top:6px;
	color:#8f631c;
	padding-left:25px;
	border-right:1px solid #9f8d8d;
	border-left:1px solid #d3c4a3;
	background:url(../images/Transweiss.png);

}
#footer .right{
	float:right;
	margin-right:25px;}

#footer a.foot{
	text-decoration: none;
	color:#8f631c;}

