@charset "UTF-8";
body{
	background:#FFFFFF;
	margin:15px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	text-align:center;
	font-family:Georgia, Arial,Verdana,Helvetica,sans-serif;
	background-image: url(../pic/schatten.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}
/******************************
* OBERE HAUPTNAVIGATION
******************************/
div#hauptnavi{
	height:50px;
	width:900px;
	margin:0 0 0 0px;
	padding:0;
	border:0;
	background:transparent;
/* jetzt noch nicht erforderlich :)
float:left; */
}
div#hauptnavi ul#menu{
	height:50px;
	width:900px;
	background:transparent url(../pic/navbar.jpg) top left no-repeat;
	margin:0;
	padding:0;
	position:relative;
}
div#hauptnavi ul#menu li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0px;
}
ul#menu li,ul#menu a{
	height:50px;
	display:block;
}
div#hauptnavi ul#menu li a{
	text-indent:-9999px;
	text-decoration:none;
	/* commented backslash hack v2 \*/
	overflow: hidden;
	/* end hack */
}
#home{
	left:0;
	width:219px;
}
#about{
	left:219px;
	width:116px;
}
#products{
	left:335px;
	width:116px;
}
#contact{
	left:451px;
	width:116px;
}
#links{
	left:567px;
	width:116px;
}
#shop{
	left:683px;
	width:116px;
}
/* start of buttons */
/* The 'on' states follow */
#home a:hover,body#homeein #home{
	background:transparent url(../pic/navbar.jpg) 0 -50px no-repeat;
}
#about a:hover,body#aboutein #about{
	background:transparent url(../pic/navbar.jpg) -219px -50px no-repeat;
}
#products a:hover,body#productsein #products{
	background:transparent url(../pic/navbar.jpg) -335px -50px no-repeat;
}
#contact a:hover,body#contactein #contact{
	background:transparent url(../pic/navbar.jpg) -451px -50px no-repeat;
}
#links a:hover,body#linksein #links{
	background:transparent url(../pic/navbar.jpg) -567px -50px no-repeat;
}
#shop a:hover{
	background:transparent url(../pic/navbar.jpg) -683px -50px no-repeat;
}
/*********************************
* LINKS IM CONTAINER UND ANDERE  *
*********************************/
a:link{
	color:#336699;
	background-color:transparent;
	text-decoration: none;
	font-weight: normal;
}
a:visited{
	color:#336699;
	background-color:transparent;
	text-decoration: none;
	font-weight: normal;
}
a:active{
	color:#000000;
	background-color:transparent;
	font-weight: normal;
}
a:hover{
	color:#01B1D8;
	text-decoration: underline;
	font-weight: normal;
}
#productmain a{
	text-decoration: none;
}
#subnav {
	width: 595px;
	height: 49px;
	background-image: url(../pic/subnavschatten2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding:27px 0px 0px 0px;
}
#subnav a{
	color:#336699;
	font-family:Georgia, Arial,Verdana,Helvetica,sans-serif;
	font-size:75%;
	font-style: normal;
}
#subnav  a:hover{
	color:#01B1D8;
	text-decoration: none;
	font-weight: normal;
}
#subnav  a:visited{
	text-decoration: none;
	font-weight: normal;
}
#subnav a:active{
	color:#000000;
	font-weight: normal;
}
.calref  a{
	font-family:arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	text-align:left;
	font-size:90%;
	color:#808080;
}
.calref  a:hover{
	color:#336699;
	text-decoration: none;
}
/******************************
* STRUKTUR
******************************/
#container{
	width:900px;
	\width:900px;
	w\idth:900px;
	border-top:1px solid #E4E4E4;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	padding:0px;
}
#container2{
	border:1px solid #D0D0D0;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}
#container3{
	width:898px;
	background-color: #FFFFFF;
	border-right:1px solid #D0D0D0;
	border-bottom:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	background-image: url(../pic/sidebg.jpg);
	background-repeat: repeat-y;
}
#sidebar{
	float: right;
	width:300px;
	padding: 0px;
	background-color: transparent;
}

#navigehaeuse{
	padding:0px;
	margin:0px;
	background-color:#EBEBEB;
	height:49px;
	border-right:0px solid #D3D3D3;
}
#header{
	padding:0px;
	margin:0px;
	background-color:#FAFAFA;
	height:368px;
}

#oberschatten{
	width:898px;
	height:43px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	background-image:url(../pic/headerschatten.jpg);
	background-repeat:no-repeat;
}
#content{
	float: left;
	width:595px;
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-bottom: 25px;
}
#contentabout{
	float: left;
	width:595px;
	background-color:#FFFFFF;
}
#content2{
	float: left;
	width:595px;
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-bottom: 25px;
	position: absolute;
}
#content3{
	float: left;
	width:595px;
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-bottom: 25px;
	position: absolute;
}
#footer{
	clear:both;
	padding:25px 0 15px 30px;
	margin-top:0px;/* appears to be required for ie5.5 */
	height:56px;
	background-color:#FFFFFF;
	background-image: url(../pic/footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border-top:1px solid #D0D0D0;
	font-size:70%;
	line-height: 130%;
	color: #808080;
}
#footerprod{
	clear:both;
	padding:20px 0 20px 30px;
	margin-top:0px;/* appears to be required for ie5.5 */
	height:56px;
	background-color:#FFFFFF;
	background-image: url(../pic/footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border-top:1px solid #D0D0D0;
	font-size:70%;
	line-height: 130%;
	color: #808080;
}
#productmain{
	text-align: left;
	margin: 0px auto;
	width: 811px;
	background: #fff;
	padding: 0 30px 15px 57px;
}
.productbar{
	background:#FBFCFD none repeat scroll 0 0;
	border:1px solid #D5E6EE;
	clear:both;
	margin-bottom:12px;
	padding:10px;
}
.productbar img{
	float: left;
	border: none;
}
#sidebar img{
	border: none;
	margin:0px 0px 5px 0px;
}
.productdesc{
	float:right;
	width:620px;
}
#linkscontainer{
	background:transparent url(../pic/linksbg.jpg) bottom right no-repeat;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
#linkscontainer2{
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
.linkslinks{
	float: left;
	width:39%;
	padding: 0 0 0 10px;
	background-color: transparent;
	text-align:left;
	margin-bottom: 45px;
}
.linksrechts{
	background:transparent url(../pic/linksbg.jpg) top right no-repeat;
	float: right;
	width:59%;
	height:255px;
	padding: 0px;
	background-color: transparent;
	text-align:left;
}
.disclaim {
	background-color: transparent;
	text-align:left;
	margin: auto auto 45px 0px;
	width: 640px;
}
/******************************
* THE HEADERS AND OTHER FONTS
******************************/
h1,h2,h3{
	font-weight: normal;
	text-align:left;
	font-family:georgia,arial,verdana,helvetica,sans-serif;
}
h1{
	margin:0px 35px 10px 35px;
	font-size:100%;
	color:#5F5F5F;
}
h2{
	margin:30px 30px 5px 57px;
	color:#6F6F6F;
	font-size:125%;
}
h3{
	margin:10px 30px 0px 10px;
	color:#4A5254;
	padding:0 0 0 0;
	font-size:105%;
}
h4{
	margin:10px 30px 0px 57px;
	color:#5f5f5f;
	padding:0 0 0 0;
	font-size:90%;
	font-weight: normal;
}
#sidebar h1{
	margin:0px 35px 35px 35px;
	font-size:120%;
	color:#999999;
	padding:25px 0 0 0;
	font-style: italic;
}
#sidebar h2{
	margin:0px 35px 5px 35px;
	font-size:90%;
	color:#5F5F5F;
}
#sidebar h3{
	margin:0px 25px 5px 35px;
	font-size:100%;
	color:#5F5F5F;
}
.disclaim h4{
	margin:15px 30px 0px 57px;
	color:#5f5f5f;
	padding:0 0 0 0;
	font-size:90%;
	font-weight: normal;
}
/******************************
* TEXT
******************************/
p{
	margin:0px 35px 15px 56px;
	line-height:175%;
	color:#5F5F5F;
	font-size:75%;
	text-align: left;
}
#sidebar p{
	margin:0px 25px 15px 35px;
	line-height:150%;
	color:#5F5F5F;
	font-size:70%;
	text-align: left;
}
#productmain p{
	margin:10px 35px 15px 10px;
	line-height:130%;
	color:#5F5F5F;
	font-size:80%;
	text-align: left;
}
#content p{
	margin:0px 0px 15px 0px;
	line-height:250%;
	color:#5F5F5F;
	font-size:75%;
	text-align: center;
}
.linkslinks p, .linksrechts p{
	margin:0px 0px 15px 66px;
}
.disclaim p{
	margin:5px 0px 15px 57px;
}
.mugtext{
	text-indent:-10px;
	text-align: center;
}
.greetingtext{
	text-align: center;
}
.booktext{
	padding-left: 20px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 0px;
}
/******************************
* SIDEBAR LABLES
******************************/
.about, .postcards, .calendars, .greetingcards, .playingcards, .mugs, .books, .contact, .links, .bags{
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 0px;
}
.about{
	background-image: url(../pic/sidebar_top.jpg);
}
.postcards{
	background-image: url(../pic/sidebar_top.jpg);
}
.calendars{
	background-image: url(../pic/sidebar_top.jpg);
}
.greetingcards{
	background-image: url(../pic/sidebar_top.jpg);
}
.playingcards{
	background-image: url(../pic/sidebar_top.jpg);
}
.mugs{
	background-image: url(../pic/sidebar_top.jpg);
}
.books{
	background-image: url(../pic/sidebar_top.jpg);
}
.contact{
	background-image: url(../pic/sidebar_top.jpg);
}
.bags{
	background-image: url(../pic/sidebar_top.jpg);
}
/******************************
* POSTCARDS SPALTEN
******************************/
.cardlinks, .cardmitte, .cardrechts,.cardlanglinks,.cardlangrechts{
	font-family:arial, verdana, helvetica, sans-serif;
	font-weight: normal;
	text-align:left;
	font-size:55%;
	line-height:175%;
	color:#808080;
}
.cardlinks{
	margin:15px 0px 0px 30px;
	float: left;
	width: 164px;
}
.cardmitte{
	margin:15px 0px 0px 22px;
	float: left;
	width: 164px;
}
.cardrechts{
	margin:15px 30px 0px 0px;
	float: right;
	width: 164px;
}
.cardlanglinks{
	margin:15px 25px 0px 30px;
	float: left;
	width:245px;
}
.cardlangrechts{
	margin:15px 30px 0px 0px;
	float: right;
	width:245px;
}
/******************************
* CALENDARS SPALTEN
******************************/
.callinks, .calrechts{
	font-family:arial,verdana,helvetica,sans-serif;
	font-weight: normal;
	text-align:left;
	font-size:60%;
	line-height:120%;
	color:#808080;
}
.callinks{
	margin:15px 0px 0px 30px;
	float: left;
	width: 264px;
}

.calrechts{
	margin:15px 30px 0px 0px;
	float: right;
	width:264px;
}
/******************************
* PLAYINGCARDS SPALTEN
******************************/
.playing{
	margin:15px 30px 0px 30px;
	width:530px;
}
/******************************
* BOOKS&DVDS SPALTEN
******************************/
.bookslinks, .booksrechts{
	font-family:georgia, verdana, helvetica, sans-serif;
	font-weight: normal;
	text-align:justify;
	font-size:70%;
	line-height:140%;
	color:#5f5f5f;
}
.bookslinks{
	margin:0px 25px 0px 60px;
	float: left;
	width:245px;
}
.booksrechts{
	margin:0px 0px 0px 0px;
	float: right;
	width:245px;
}
.booksampel{
	margin:10px 0px 0px 20px;
}
/******************************
* BAGS SPALTEN
******************************/
.baglinks, .bagrechts{
	font-family:arial,verdana,helvetica,sans-serif;
	font-weight: normal;
	text-align:center;
	font-size:60%;
	line-height:120%;
	color:#808080;
}
.baglinks{
	margin:15px 0px 0px 60px;
	float: left;
	width: 249px;
}

.bagrechts{
	margin:15px 30px 0px 0px;
	float: right;
	width:249px;
}
/******************************
* KARUSELL INDEX
******************************/
.carousel_container{
	width: 860px;
	height: 300px;
	margin: 0px auto;
	overflow: hidden;
}
/******************************
* FORMULAR
******************************/
.fieldset{
	margin:0;
	padding:0 0 5px 56px;
	border:0;
	text-align:left;
	font-size:75%;
	font-weight: normal;
	color:#505050;
}
.input{
	background:transparent;
	width:420px;
	border:1px #CACACA solid;
	color:#6A6A6A;
	font-size:11px;
	padding:2px;
	margin: 2px 0 2px 0;
}
.button{
	background:#990100;
	color:#FFFFFF;
	border:1px solid #CACACA;
	font-size:12px;
	padding:1px;
	margin:0 0 5px;
}
.textarea{
	font-family: arial,verdana,Georgia,sans-serif;
	font-size: 9pt;
	color: #5B5B5B;
	height: 70px;
	width: 420px;
	background:#FFFFFF;
	border:1px #CACACA solid;
	padding:2px;
}
#linkscontainer  /******************************
* ADRESSE
******************************/
address{
	margin:10px 35px 45px 56px;
	padding: 0 0 35px 0;
}
address{
	margin:10px 35px 10px 36px;
	line-height:175%;
	font-size:75%;
	font-style: normal;
	text-align: left;
	color:#5F5F5F;
}
address span{
	display:block
}
/******************************
* LISTE
******************************/
.simplelist{
	padding:0px 35px 45px 59px;
	margin:0;
	line-height:165%;
	font-size:75%;
	text-align: left;
	color:#5F5F5F;
	list-style-position: inside;
}