﻿/******************************************************
*				  Allgemein  						  *
******************************************************/

body {
	background: black url('DSC05764%20klein.JPG') no-repeat fixed center;
	margin-top: 20px;
	margin-bottom: 60px;
	}
  /*Schrift unter Bilder*/
a{
	font-weight: bold;
	text-decoration: none;
	color: white;
	border: none;
	font-size:22px
}
img{
	border: none;
}

ul{
	list-style-type:none;
}
		
#all {

/*Hintergrund ebene 2*/
	background:transparent;
	width: 920px;
	margin: 0 auto;
	border: 7px solid  #FFF62F;
	
	/*Schrift Preis*/
	
	font-family:Trebuchet MS, sans-serif;
	font-size: 20px;
	color: white;
	min-height: 700px;
}

#top{
	/*width: 884px;*/
	
}
 /*Schrift unter Bilder wenn Cursor darauf*/
a:hover{
	color: #FFF870;
	text-decoration: none;
}

a.naviButton, input[type=submit]{
	background-color: black;
	background:transparent;	
	color: White;
	border: 5px solid yellow;
	padding: 6px;
	margin: 6px;
	font-weight: bold;
	font-size: 18px;
	font-family:Verdana, sans-serif;

}

a.naviButton:hover, input[type=submit]:hover{
	background-color: white;
	background:transparent;
	color: white;
	border: px solid #FFF850;
	padding: 6px;
	margin: 6px;
	font-weight: lighter;
	font-size: 18px;
	font-family:Verdana, sans-serif;


	
}

input:disabled {
    color: blacksmoke;
    background: gainsboro;
  }

/******************************************************
*				  MenÃ¼bereich  						  *
******************************************************/
/
#menue{
	width: 190px;
	height: 200px;
	float: left;
	display:inline-block;
	min-height: 350px;
	
	}

#menue ul{
	padding: 0;
}

#menue img{
	height: 40px;
	width: auto;
}

#menue ul ul img{
	margin-left: 70px;
	width: auto;
	height: 20px;
}

/******************************************************
*				  Content    						  *
******************************************************/

#main{
	/*border: 1px solid white;
	min-height: 350px;*/
	display: inline-block;
	width: auto;
	margin: 10px 10px 20px 10px;
	/*max-width: 620px;*/
	
	}

#main p:first-letter{
	font-size: 30px;
	font-weight: bold;
	color: white;
}

#main p{
	text-align:justify;
	font-size:25px;
	color:white;
}

span.special{
	font-variant: small-caps;
	/*color: black;*/
	font-weight: bold;
}

#main .content{
	float: left; 
	width: 350px;
}

#main .layoutpic{
	width: 245px;
	height: auto;
	margin-top: 10px;
	margin-left: 20px;
}

#main .layoutpic-landscape{
	width: 620px;
	height: auto;
	margin-top: 10px;
	
}

#lautschrift{
	width:auto; 
	height:16px;
	vertical-align: bottom;

}


/******************************************************
*				  Tabellen    						  *
******************************************************/


#gallerie img{
	width: 130px;
	height: auto;
	/*border: 1px solid white;*/
}

#gallerie td {
	width: 170px;
	height: 170px;
	padding: 10px;
	text-align: center;
	vertical-align: top;
}

#bestellung{
	color: black;
	border-collapse:collapse;
	border: thin black solid;
}

#bestellung td{
	padding: 5px;
	text-align: right;	
	border-left: thin black solid;
	background-color:white;
}
#bestellung .tableText, #bestellung th{
	text-align: left;	
	padding: 8px;
}

#bestellung .bestellungSummeText{
	text-align: left;	
	padding: 8px;
	border: thin black solid;
	background-color:white;
	font-weight:bold;
	color:black;
	
}

#bestellung th, .bestellungSumme{
	border: thin black solid;
	font-weight:bold;
	color:black;
	background-color:white;
}


/******************************************************
*				  Fieldset   						  *
******************************************************/

fieldset table td{
	padding: 5px;
	vertical-align: top;
}

fieldset {
	margin: 10px 0;
}


/******************************************************
*				  Floating Divs   				      *
******************************************************/

.cds {
	float: left;
	margin: 5px;
	text-align: center;
	border: 4px solid white;
	width: 200px;
	height: 320px;
	padding: 5px 2px;
	background:transparent;
	
}
/*Bilder Größe*/
.cds img{
	width:150px; 
	height:145px;	
}

/******************************************************
*				  Footer    						  *
******************************************************/

#footer{
	clear: both;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 10px;
}

#footer img{
	width: 80%;
}

