/*
COPYRIGHTS 2008 BY HEARSTUFF PRODUCTIONS, ALL RIGHT RESERVED!

		#########  #########
		#########  #########
		#########  #########
		#########  #########
		#########  #########
		#########  #########
		#########  #########
		#########  ##     ##
		############  ###  #
		#############   ####
		#########  ###   ###
		#########  #####  ##
		#########  #  ###  #
		#########  ##     ##
		#########  #########

DESIGN BY WWW.PETRANCA.CH / CLAUDIO PETRANCA / PETRANCA Artworks
*/

* {
margin:0;
padding:0;
}

html {
height: 100%;

}

body{
height: 95%;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
background-image:url(../images/container_bg.jpg);
background-repeat:repeat;
}



p, b, div, td, table {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

a:link ,  a:visited{
text-decoration:none;
color:#FF6600;
font-weight:bold;
}

a:hover {
text-decoration:none;
color:#FFF;
font-weight:bold;
}

ul, li{
list-style-type:square;
color:#FF6600;
padding: 0 0 0 0;
margin: 0 0 0 10px;
}

img{
border: none;
}



/* TEMPLATE DIVS */

#background{

}

#container {
width: 1000px;
margin:0 auto;
position:static;
text-align:left;
height:auto;
padding:50px 0 0 0;
}

#content{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#logo{
}

#hearstuff{
background-image:url(../images/hearstuff_big.gif);
background-repeat:no-repeat;
height:554px;
width:261px;
float:left;
}

#left{
width: 146px;
float:left;
margin: 20px 0 0 15px;
text-align:left;
}

#left table {
margin-top: 15px;
}

#main{
float:left;
width:500px;
margin: 20px 0 0 20px;
}

#footer {
color:#CCCCCC;
font-size:10px;
height:auto;
clear:both;
text-align:right;
}

#paypal input{
border:none;
}

/* TEMPLATE NAVIGATION */

a.mainlevel:link, a.mainlevel:visited {
text-transform:uppercase;
font-size:14px;
font-weight	:bold;
color:#FFF;
text-decoration:none;
width:100%;
}

a.mainlevel:hover {
color:#FF6600;
}

a.mainlevel#active_menu {
color:#FF6600;
}

a.mainlevel-newslink:link, a.mainlevel-newslink:visited {
/*background-image:url(../images/news.gif);*/
background-repeat:repeat;
text-transform:uppercase;
font-size:20px;
font-weight	:bold;
color:#FF6600;
text-decoration:blink;
width:100%;
}

a.mainlevel-newslink:hover {
color:#FFFFFF;
}

a.mainlevel-newslink#active_menu {
color:#FF6600;
}


a.mainlevel-usermenulink:link, a.mainlevel-usermenulink:visited {
text-transform:uppercase;
font-size:14px;
font-weight	:bold;
color:#0099CC;
text-decoration:none;
width:100%;
}

a.mainlevel-usermenulink:hover {
color:#FF6600;
}

a.mainlevel-usermenulink#active_menu {
color:#FF6600;
}


a.readon:link, a.readon:visited {
display: block;
float: right;
font-size: 10px;
height: 20px;
line-height: normal;
line-height: 20px;
text-decoration: none;
text-indent: 8px;
color:#FF6600;
width: 95px;
border:none;
}

a.readon:hover {
color:#FFF;
}


.highslide{
text-transform:uppercase;
color:#FFFFFF;
font-size:12px;
}

/*.button{
display: block;
float: none;
font-size: 10px;
text-indent: 3px;
color:#FFF;
width: 95px;
border:1px solid #FF6600;
font-weight: bold;
cursor: pointer;
}*/

.button{
	border: 1px solid #777;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	background: transparent url(../../../components/com_artforms/assets/images/input.png) -3px -3px repeat-x;
	font-size: 12px;
	color: #888;
	padding:2px 4px 2px 7px;
}	

.button:hover{
	border: 1px solid #d6d6d6;
	border-left-color: #777;
	border-top-color: #777;
	background: transparent url(../../../components/com_artforms/assets/images/input.png) -3px -3px repeat-x;
	font-size: 12px;
	color: #333;
	padding:2px 4px 2px 6px;
	margin:1px 0px -1px 1px;
}	

input.button{
	border: 1px solid #777;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	background: transparent url(../../../components/com_artforms/assets/images/input.png) -3px -3px repeat-x;
	font-size: 12px;
	color: #888;
	padding:2px 4px 2px 7px;
}

input.button:hover{
	border: 1px solid #d6d6d6;
	border-left-color: #777;
	border-top-color: #777;
	background: transparent url(../../../components/com_artforms/assets/images/input.png) -3px -3px repeat-x;
	font-size: 12px;
	color: #333;
	padding:2px 4px 2px 6px;
	margin:1px 0px -1px 1px;
}	

.back_button{
margin: 20px 0 0 0;
}



/* TEMPLATE FORMULAR */

input{
background:none;
border-left:none;
border-right:none;
border-top:none;
border-bottom: 1px solid #FF6600;
color:#CCC;


}



select{
background:#26354A;
border: 1px solid #FF6600;
color:#FFF;
}

fieldset{
border: none;
}

textarea{
background:none;
border-left:1px solid #FF6600;
border-right:none;
border-top:none;
border-bottom: 1px solid #FF6600;
color:#CCC;
margin: 5px 0 5px 0;
}

.inputbox{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#mod_login_password{
width:150px;
margin: 5px 0 5px 0;
}

#mod_login_username{
width:150px;
margin: 5px 0 5px 0;
}

#form-login input.button{
margin-top:10px;
margin-bottom:10px;
}

.search {
margin: 20px 0 20px 0;
}



/* TEMPLATE JOOMLA */

.mainnewsletter, .newsletterbutton {
float:left;
border: none;
}

.componentheading {
text-transform:uppercase;
font-size:14px;
font-weight	:bold;
color:#FF6600;
}

.contentheading {
font-size:12px;
font-weight	:bold;
color:#FF9900;
border:none;
}

.small, .createdate, .modifydate{
font-size:9px;
color:#CCCCCC;
}

table.contentpaneopen{
border-bottom:1px  dotted #CCC;
margin: 5px 5px 5px 5px;
background:none;
}

.contentpane {
background-image:none;
background:transparent;
}


/* TEMPLATE KLASSEN */
.clear {
clear								: 				both;
display								: 				block;
height								: 				1px;
overflow							: 				hidden;
margin								: 				0;
padding								: 				0;
}

.syndicate{
margin: 10px 0 10px 0;
}

#jflanguageselection img{
margin-bottom:20px;
margin-right:15px;
}


.BILD_links{
margin: 3px 5px 5px 0px;
border: 1px solid #FFFFFF;
padding-bottom:3px;
padding-left:3px;
padding-right:3px;
padding-top:3px;
}

.BILD_rechts{
margin: 3px 0px 5px 5px;
border: 1px solid #FFFFFF;
padding-bottom:3px;
padding-left:3px;
padding-right:3px;
padding-top:3px;
}