/*-------------------------------------------------------------  

Theme Name: divina2009							

Description: Theme for www.divinaart.at - Produkte												

Author: www.webchills.at 											
																		
---------------------------------------------------------------*/




#wrap {
background: #F9B652;
	position:absolute;
    left:50%;
    top:50%;
    width: 1024px;
    height: 650px;
    margin-left:-512px;
    margin-top:-325px; 
		}

#content {
	margin-top: 13px;
	}
	
	
#maincol {
	width: 650px;
	margin: 0 210px 0 146px;
		}
	
	
#rightcol {

	float: right;
	width: 220px;
	height:450px;
	overflow:auto;
		
	}


	
/* glowbuttons produkte allgemein */

 
#allbutton {
font-size:11px;
position:relative;
padding-top:20px;
height:150px;
}

#allbutton  ul {
margin:0;
padding:0; 
list-style:none; 
display:block;
}

#allbutton ul li{
display:inline;
}


#allbutton b{
font-weight:normal;
color:#FFFFFF;
}


#allbutton2 {
font-size:10px;
position:relative;
padding-top:12px;
height:150px;
}

#allbutton2  ul {
margin:0; 
padding:0;
list-style:none; 
display:block;
}


#allbutton2 ul li{
 	display:inline;
 }
 
#allbutton2 b{
	font-weight:normal;
	color:#FFFFFF;
}

.allweiter{
	position:absolute;
	top:138px;
	padding-left:10px;
	font-size:11px;
}

.allweiter2{
	position:absolute;
	top:130px;
	padding-left:10px;
	font-size:11px;
}


/* produkte */


#produkteglas a  {
display:block; 
height:150px; 
width:120px;
padding-right:8px;
float:left; 
background:#F9B652 url(images/buttons/glas.jpg); 
text-decoration:none;
background-repeat:no-repeat;
background-position:top;
}



#produkteglas a:hover  {
border:0; 
height:150px;
width:120px; 
background:#F9B652 url(images/buttons/glas-mo.jpg);
background-repeat:no-repeat;
background-position:top; 
cursor:pointer;
}

#produkteholz a  {
display:block; 
height:150px; 
width:120px;
padding-right:8px;
float:left; 
background:#F9B652 url(images/buttons/holz.jpg); 
text-decoration:none;
background-repeat:no-repeat;
background-position:top;
}



#produkteholz a:hover  {
border:0; 
height:150px;
width:120px; 
background:#F9B652 url(images/buttons/holz-mo.jpg);
background-repeat:no-repeat;
background-position:top; 
cursor:pointer;
}

#produktekeramik a  {
display:block; 
height:150px; 
width:120px;
padding-right:8px;
float:left; 
background:#F9B652 url(images/buttons/keramik.jpg); 
text-decoration:none;
background-repeat:no-repeat;
background-position:top;
}



#produktekeramik a:hover  {
border:0; 
height:150px;
width:120px; 
background:#F9B652 url(images/buttons/keramik-mo.jpg);
background-repeat:no-repeat;
background-position:top; 
cursor:pointer;
}

#produktekosmetik a  {
display:block; 
height:150px; 
width:120px;
padding-right:8px;
float:left; 
background:#F9B652 url(images/buttons/kosmetik.jpg); 
text-decoration:none;
background-repeat:no-repeat;
background-position:top;
}



#produktekosmetik a:hover  {
border:0; 
height:150px;
width:120px; 
background:#F9B652 url(images/buttons/kosmetik-mo.jpg);
background-repeat:no-repeat;
background-position:top; 
cursor:pointer;
}

#produkteleder a  {
display:block; 
height:150px; 
width:120px;
padding-right:8px;
float:left; 
background:#F9B652 url(images/buttons/leder.jpg); 
text-decoration:none;
background-repeat:no-repeat;
background-position:top;
}



#produkteleder a:hover  {
border:0; 
height:150px;
width:120px; 
background:#F9B652 url(images/buttons/leder-mo.jpg);
background-repeat:no-repeat;
background-position:top; 
cursor:pointer;
}

#produktemalerei a  {
display:block; 
height:150px; 
width:120px;
padding-right:8px;
float:left; 
background:#F9B652 url(images/buttons/malerei.jpg); 
text-decoration:none;
background-repeat:no-repeat;
background-position:top;
}



#produktemalerei a:hover  {
border:0; 
height:150px;
width:120px; 
background:#F9B652 url(images/buttons/malerei-mo.jpg);
background-repeat:no-repeat;
background-position:top; 
cursor:pointer;
}

#produktemetall a  {
display:block; 
height:150px; 
width:120px;
padding-right:8px;
float:left; 
background:#F9B652 url(images/buttons/metall.jpg); 
text-decoration:none;
background-repeat:no-repeat;
background-position:top;
}



#produktemetall a:hover  {
border:0; 
height:150px;
width:120px; 
background:#F9B652 url(images/buttons/metall-mo.jpg);
background-repeat:no-repeat;
background-position:top; 
cursor:pointer;
}

#produkteschmuck a  {
display:block; 
height:150px; 
width:120px;
padding-right:8px;
float:left; 
background:#F9B652 url(images/buttons/schmuck.jpg); 
text-decoration:none;
background-repeat:no-repeat;
background-position:top;
}



#produkteschmuck a:hover  {
border:0; 
height:150px;
width:120px; 
background:#F9B652 url(images/buttons/schmuck-mo.jpg);
background-repeat:no-repeat;
background-position:top; 
cursor:pointer;
}

#produktetextil a  {
display:block; 
height:150px; 
width:120px;
padding-right:8px;
float:left; 
background:#F9B652 url(images/buttons/textil.jpg); 
text-decoration:none;
background-repeat:no-repeat;
background-position:top;
}



#produktetextil a:hover  {
border:0; 
height:150px;
width:120px; 
background:#F9B652 url(images/buttons/textil-mo.jpg);
background-repeat:no-repeat;
background-position:top; 
cursor:pointer;
}

#produktewachs a  {
display:block; 
height:150px; 
width:120px;
padding-right:8px;
float:left; 
background:#F9B652 url(images/buttons/wachs.jpg); 
text-decoration:none;
background-repeat:no-repeat;
background-position:top;
}



#produktewachs a:hover  {
border:0; 
height:150px;
width:120px; 
background:#F9B652 url(images/buttons/wachs-mo.jpg);
background-repeat:no-repeat;
background-position:top; 
cursor:pointer;
}


#minislogan{
	font-size:9px;
	color:#623232;
	position:absolute;
	bottom:0px;
}

	/* glow background for elements sidebar */
	
	/* general */
	
	#elementemenu ul {
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	
}

#elementemenu ul li{
	text-align:center;
	line-height:1.8em;
	margin:0;
	padding:0;
	font-size:12px;
}

#elementemenu ul li a{
	text-align:center;
	text-decoration:none;
	width:145px;
	height:25px;
	display:block;
}

#elementemenu ul li a:hover{
	text-align:center;
	background:url(images/glow-elemente-orange.gif) no-repeat;
	width:145px;
	height:25px;
	display:block;
}

/* active */
	
	.glasaktiv,.holzaktiv,.keramikaktiv,.kosmetikaktiv,.lederaktiv,.malereiaktiv,.metallaktiv,.schmuckaktiv,.textilaktiv,.wachsaktiv {
	text-align:center;
	background:url(images/glow-elemente-orange.gif) no-repeat;
	width:145px;
	height:25px;
	display:block;
	}