/**
* Design und Layout "Perle"
* (c) 2010 by website baker services  http://www.websitebakers.org
* Details zur Lizenz siehe info.php des Templates
*/

/* Definierte Startwerte alle HTML-Elemente */
* { 
 	margin: 0;
 	padding: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a:link, a:visited, a:active {
	color: #880093;
	text-decoration:none;
}
a:hover {
	color: #880093;
	text-decoration:underline;
}


hr {color:#495f12;}

/* Page Headings */
h1, h2, h3, h4, h5, h6 {color: #880093;}

strong {color: #880093;}

p {margin-top:0px;line-height:24px;}

img { }


h1 { 
	margin:10px 0 6px 0;
	font-size: 40px;
}

h2 { 
	margin:10px 0 4px 0;
	font-size: 36px;	
		
}

h3 { margin:10px 0 4px 0;
	font-size: 30px;	
}

h4 {	
	margin:10px 0 0 0;	
	font-size: 1em;	
	
}

h5 {
	margin:10px 0 0 0;	
	font-size: 0.9em;	
}


h6 {
	margin:3px 0 0 0;	
	font-size: 0.75em;	
}



/* Schrift und Hintergrund Browserseite */
body { 
font-size:14px;
font-family:Helvetica, sans-serif;;
color:#880093;
background:url("../img/bg_start.jpg") no-repeat top center transparent;
/* background:url("../img/bg.jpg");*/
}


/* Schrift und Hintergrund Home und Content-Seite */

#wrap { 

margin:0 auto;
/*min-height:800px;
width:1600px; */
}

#site { 
margin:0 auto;
min-height:800px;
width:1012px;
}

#top { 
background:url("../img/bg_top.png") no-repeat scroll 0 0 transparent;
float:left;
height:10px;
margin-top:47px;
width:100%;
}

#head { 
background:url("../img/logo_bg.png") no-repeat scroll 0 0;
float:left;
height:103px;
margin-top:0px;
width:100%;
}


/* Schrift und Hintergrund Navi */
#navimain { 
float:left;
height:20px;
margin-left:20px;
margin-top:56px;
width:645px;
}

#navimain ul { 
list-style:none outside none;
padding-left:34px;
}

#navimain li { 
float:left;
border-right:1px solid #bbb;
margin-right:5px;
}

#navimain .menu-last { 
border-right:0px solid #fff;
}

#navimain a { 
color:#880093 ;
font-size:18px;
font-weight:normal;
margin-right:5px;
text-decoration:none;
}

#navimain a:hover { 
color:#faa;
}

#navimain .menu-current a { 
color:#880093;
font-weight:bold;
}

#navimain .menu-current a:hover { 
color:#faa;
font-weight:bold;
}

#logo { 
float:right;
height:60px;
margin-right:10px;
margin-top:30px;
width:321px;
}

#mainspacer { 
/*background:url("../img/mainspacer.jpg") no-repeat scroll 0 0 transparent; */
float:left;
height:0px;
margin-left:14px;
margin-top:4px;
width:702px;
}

#main { 
float:left;
min-height:100px;
width:100%;
background:url("../img/bg_content.png") repeat-y scroll 0 0 transparent;
}

#left { 
float:left;
margin-left:20px;
margin-top:30px;
min-height:100px;
width:310px;
}

#subnavi { 
float:left;
width:300px;
margin-bottom:20px;
}

#subnavi ul{ 
float:left;
width:200px;
margin-left:34px;
list-style:none;
}

#subnavi li{ 
padding-bottom:8px;
}

#subnavi a { 
font-size:16px;
}

#subnavi a:hover { 
color:#faa;
text-decoration:none;
}

#subnavi .menu-current a { 
font-weight:bold;
}

#navimain .menu-parent a  { 
font-weight:bold;
}

#subspacer { 
background:url("../img/subspacer.jpg") no-repeat scroll 0 0 transparent;
float:left;
height:7px;
margin-bottom:20px;
margin-left:34px;
width:234px;
}

#quicknavi { 
float:left;
width:300px;
margin-bottom:20px;
}

#quicknavi ul{ 
float:left;
width:200px;
margin-left:34px;
list-style:none;
}

#quicknavi li{ 
padding-bottom:8px;
}

#quicknavi a { 
font-size:16px;
}

#quicknavi a:hover { 
text-decoration:none;
color:#faa;
}

#mainpic_bg { 
background:url("../img/mainpic_bg.jpg") no-repeat scroll 0 0 transparent;
float:right;
height:300px;
margin-left:0;
margin-right:10px;
margin-top:0;
width:656px;
}

#slider { 
float:left;
height:240px;
margin-left:29px;
margin-top:32px;
width:599px;
}

#front { 
float:left;
margin-bottom:10px;
margin-top:10px;
min-height:135px;
width:100%;
}

.fronttext { 
float:left;
padding-left:100px;
margin-top:-44px;
}

.block { 
float:left;
height:135px;
margin-left:20px;
margin-top:0;
width:310px;
}


#content { 
float:left;
margin-top:30px;
min-height:200px;
width:645px;
}

#maintext { 
float:left;
padding:16px;
width:540px;
}

#righttext { 
float:right;
margin-right:-10px;
margin-top:16px;
min-height:200px;
width:70px;
}


#righttext img{ 
margin-bottom:6px;
}

#footer  {
float:left;
height:26px;
margin-left:20px;
width:972px;
}

#wb-footer  {  
float:left;
font-size:11px;
padding-top:7px;
text-align:left;
width:70%;
}

#wb-footer a {text-decoration:none; color:#880093;font-size:11px;}

#wb-footer a:hover { color:#5e6a6a;}


#traum  {  
float:right;
font-size:11px;
padding-top:7px;
text-align:right;
width:30%;
}

#traum a {text-decoration:none; color:#880093;font-size:11px;}

#traum a:hover { color:#5e6a6a;}

#main_bottom { 
background:url("../img/bg_bottom.png") no-repeat scroll 0 0 transparent;
float:left;
height:10px;
margin-bottom:20px;
width:100%;
}


a.basket:hover {
background-position:0 -124px;
text-decoration:none;
}
a.basket {
display:block;
float: left;
width:295px !important;
height:127px;
background:url("http://perle.traum-portal.at/media/img/basket1.jpg") repeat scroll 0 0 transparent;

}

a.galerie:hover {
background-position:0 -124px;
text-decoration:none;
}
a.galerie {
display:block;
float: left;
width:295px !important;
height:127px;
background:url("http://perle.traum-portal.at/media/img/galerie1.jpg") repeat scroll 0 0 transparent;

}

a.video:hover {
background-position:0 -124px;
text-decoration:none;
}
a.video {
display:block;
float: left;
width:295px !important;
height:127px;
background:url("http://perle.traum-portal.at/media/img/video1.jpg") repeat scroll 0 0 transparent;

}