h @charset "utf-8";
/* CSS Document */

*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #333;
	color: #fff;
    font-family:Arial, Helvetica, sans-serif;

	padding: 0px;
	text-align:center;
}

/* ################   Position ################  */

#all {
	margin:0 auto;
	text-align:center;
	width: 990px;
	padding: 0;
}

#left {
	background:url(../images/left_bg.jpg) top left no-repeat;
	width:245px;
	height:650px;
	float:left;
	display:inline;
	
}

#center {
		background:url(../images/center_bg.jpg) top left no-repeat;
		width:449px;
		height:650px;
		float:left;
	display:inline;
}

#right {
		background:url(../images/right_bg.jpg) top left no-repeat;
		width:245px;
		height:650px;
		float:left;
	display:inline;
}

/* ################  Layout  ################  */  

h1 {
	font-size:22px;
	margin-top:100px;
}

p {
		font-size: 14px;
	line-height:20px;
	margin-top:60px;
}

.duessel {
	font-family:Broadway ;
	font-size:18px;
}

#left a.left:link,#left a.left:visited{
	background:url(../images/kaffee.jpg) left top no-repeat;
	display:block;
	width:235px;
	height:351px;
	float:left;
	margin-top:100px;
 }
#left a.left:active,#left a.left:hover, #left a.left:focus {
	background:url(../images/kaffee.jpg) left top no-repeat;
 }

#right a.right:link,#right a.right:visited{
	background:url(../images/moebel.jpg) left top no-repeat;
	display:block;
	width:235px;
	height:351px;
	float:right;
	margin-top:100px;
 }
#right a.right:active,#right a.right:hover, #right a.right:focus {
	background:url(../images/moebel.jpg) left top no-repeat;
 }
 
 
a.link:link, a.link:visited{
color: #e5bd60;
text-decoration:none;
 }
a.link:active, a.link:hover{
color: #cecece;
 }

/* ################  Gallery  ################  */ 
 

ul.gallery {
	width: 245px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 195px 0 0 0 ; padding: 0;
	float:left;
}
#left ul.gallery li {
	float: left;
	margin: 0px; padding: 0;
	text-align: left;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}

#right ul.gallery li {
	float: right;
	margin: 0px; padding: 0;
	text-align: right;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}

ul.gallery li a.thumb {
	width: 235px; /*--Width of image--*/
	height: 351px; /*--Height of image--*/
	padding: 0px;
	margin:0px;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 235px;
	height: 351px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}

ul.gallery li a {text-decoration: none; color: #777; display: block;}







.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #fff; 
width: 450px; 
height: 27px; 
margin: 35px 0 0 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 430px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 450px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
width:100%;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
width:auto;
white-space: nowrap;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
color: #000;
width:auto;
white-space: nowrap;
}