/*------------------------------------------------------------------------
# "Hot Design Now" Joomla template - September, 2010
# Copyright (C) 2010 ArhiNet d.o.o. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotJoomlaTemplates.com
# Website: http://www.hotjoomlatemplates.com
-------------------------------------------------------------------------*/

/* basics */

a:link,a:visited {
  text-decoration:none;
}

a:hover {
  text-decoration:none;
}

a.readon:link,a.readon:visited {
  font-weight:normal;
  text-decoration:none;
  font-size:11px;
  text-transform:uppercase;
  padding:2px 3px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius: 5px;
  position:relative;
}

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

.moduletable p, p {
  margin:0 0 10px 0;
}

img {
  border:0;
}

fieldset {
  border:0;
}

/* ######################### */
/* ### Menü oben by Bret ### */
/* ######################### */

#MainMenu {

        position: relative;
        top: 11pt;
        width: 400pt;
        left: 47%;
        margin-left: -144pt;
}

#MainMenu {

        border: 0 !important;
}

#MainMenu ul {
        margin: 0;
        padding: 0;
        z-index: 1;
}

#MainMenu li {
        float: left;
        font-weight: normal;
        text-align: center;
        padding: 2pt 2pt 2pt 2pt;
        height: 11pt;
        list-style-type: none;
}

#MainMenu a {
        font-size: 10pt;
        color: #000;
}

#MainMenu li:hover a {
        font-size: 10pt;
        color: #A17E30;
}
/* ############################## */
/* ### Menü oben by Bret ENDE ### */
/* ############################## */


.content_pad > h2 a:link, h2 a:visited { 
        color: #866E50 !important;
}


/* Luft zwischen Bildern und Text im Kontent */
.content_pad .blog img {
        margin: 3px;
}

.content_pad a:link, a:visited, .button { 
        color: #866E50;
}

.content_pad a:hover {
        color: #AD9476 !important;
}

.item-separator {
        float:left;
        width: 99%;
        border:1px dotted #5F5F5F;
        /* padding: 5px; */
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        margin-top: 10px;
}

.article_column {
  padding:0;
}

.blog,.item {
  width:100%;
  line-height:20px;
}

h1 {
  font-size:32px;
  font-weight:normal;
  margin:20px 0;
  font-family: 'Cuprum', arial, serif;
  text-transform:uppercase;
  padding:10px 0 0 0;
}

h2 {
  font-size:24px;
  font-family: 'Cuprum', arial, serif;
  text-transform:uppercase;
  line-height:28px;
  margin:5 0 12px 0;
  padding:10px 0 0 20px;
  background:url(../images/heading_arrow.png) no-repeat 0 13px;
}

h3 {
  font-size:16px;
  font-family: 'Cuprum', arial, serif;
  line-height:normal;
}

h4 {
  font-size:14px;
  font-family: 'Cuprum', arial, serif;
  line-height:normal;
}

/* heading icons */

ul.actions {
  margin:0 !important;
  padding:0 !important;
}

ul.actions li {
  margin:0 !important;
  padding:0 !important;
  list-style:none;
  float:right;
  position:relative;
  top:-42px;
  width:25px;
}

/* acticle details */

dl.article-info,
dl.article-info dd {
  padding:0;
  margin:0 0 20px 0;
 color: #666; 
}

dl.article-info dt.article-info-term {
  display:none;
}

/* category name */

dl.article-info dd.category-name,
dl.article-info dd.category-name a:link,
dl.article-info dd.category-name a:visited,
dl.article-info dd.category-name a:hover {
  font-size:10px;
}

/* created date */

dl.article-info dd.create {
  font-size:10px;
}

/* modified date */

dl.article-info dd.modified {
  font-size:10px;
}

/* published date */

dl.article-info dd.published {
  font-size:10px;
}

/* author name */

dl.article-info dd.createdby {
  font-size:10px;
  margin-top: -25px; 
}

/* multi-column layout */

.cols-2 div.item {
  width:48%;
  float:left;
  margin:0 2% 0 0;
}

.cols-3 div.item {
  width:31%;
  float:left;
  margin:0 2% 0 0;
}

.cols-4 div.item {
  width:23%;
  float:left;
  margin:0 2% 0 0;
}

/* category list layout */

.category {
  width:100%;
}

.category th {
  color:#eee;
  font-weight:700;
  padding:5px;
  text-align:left;
  border-bottom:1px dotted #cccccc;
}

.cat-list-row0 td {
  padding:5px;
  text-align:left;
}

.cat-list-row1 td {
  padding:5px;
  text-align:left;
  background: url(../images/topmenu_bg.png);
}

.category .list-title {
  width:50%;
}

.category .list-date {
  width:20%;
}

.category .list-author {
  width:20%;
}

.category .list-hits {
  width:10%;
}

.category td.hits {
  text-align:center;
}

/* contacts category layout */

.category .item-title {
  width:20%;
}

.category td.item-title a:link,
.category td.item-title a:visited,
.category td.item-title a:hover {
  text-decoration:underline;
}

.category .item-position {
  width:20%;
}

.category .item-phone {
  width:20%;
}

.category .item-suburb {
  width:20%;
}

.category .item-state {
  width:20%;
}

/* contact form */

div.pane-slider {
  background:none;
}

.jicons-icons img {
  float:left;
}

.jicons-icons img {
  float:left;
  margin-right:10px;
}

address span.contact-street {
  padding:0 8px 0 0;
  display:block;
}

address span.contact-suburb,
address span.contact-state,
address span.contact-postcode,
address span.contact-country {
  padding:0 8px 0 25px;
  display:block;
}

.contact-email label {
  display:block;
  float:left;
  width:100px;
}

.contact-email .inputbox {
  margin-bottom:10px;
}

.contact-email .button {
  margin-top:30px;
}

/* pane toggler */

.pane-toggler-down, .pane-toggler {
  background:#222;
  padding:5px 20px;
}

.pane-sliders .content {
  padding:0 20px;
}

.small {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#999;
  text-decoration:none;
  font-weight:700;
}

.search_wrap .search {
  background:url(../images/search_bg.png) no-repeat;
  padding:0px 20px 0px 0px;
  border:none;
  width:228px;
  color:#fff;
  height:27px;
  float:right;
}

.search_wrap .inputbox {
  background:none;
  border:none;
  width:198px;
  padding-left:38px;
  padding:5px 0px;
}

.inputbox {
  border:1px solid #00D8DC;
  color:#fff;
  padding:3px 6px;
  background:#000;
}

.button {
  font-weight:normal;
  border:1px solid #00D8DC;
  text-decoration:none;
  font-size:11px;
  text-transform:uppercase;
  padding:2px 3px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background: url(../images/blank.png);
}

table.searchinto {
  width:100%;
}

table.searchintro td {
  font-weight:700;
}

form {
  margin:0;
  padding:0;
}


/* lists */

ol {
  margin-left:20px;
  padding-left:7px;
}

ol li {
  padding-left:0;
  padding-top:0;
  padding-bottom:5px;
  margin-left:30px;
}

li ol {
  padding-top:5px;
}

.content_wrap ul {
  margin:15px 0 15px 15px;
  padding:0;
}

.content_wrap ul li {
  padding-left:5px;
  padding-top:0;
  padding-bottom:5px;
  margin-left:30px;
}

.content_wrap li ul{
  padding-top:5px;
}

.content_wrap li ul li {
  background:none;
  list-style-type:circle;
  margin-left:20px;
  padding-left:0;
}

ul.checklist li {
  background:url(../images/icon_checklist.png) no-repeat;
  padding-left:22px;
  list-style:none;
}

ul.arrow li {
  background:url(../images/icon_arrow.png) no-repeat;
  padding-left:22px;
  list-style:none;
}

ul.star li {
  background:url(../images/icon_star.png) no-repeat;
  padding-left:22px;
  list-style:none;
}

.moduletable ul {
  margin-left:20px;
  padding-left:0;  
}

.moduletable ul li {
  margin-left:0;
  padding-left:0;  
}

/* menu */

.column_right ul.menu, .column_left ul.menu {
  margin:0;
  padding:0;
}

.column_right ul.menu li, .column_left ul.menu li {
  font-family: 'Cuprum', arial, serif;
  margin:5px 0px;
  list-style:none;
  padding:3px 0 3px 20px;
  background:url(../images/mainmenu_arrow.png) no-repeat;
}

.column_right ul.menu li.active, .column_left ul.menu li.active {
  background:url(../images/mainmenu_arrow_active.png) no-repeat;
}

.column_right ul.menu li:hover, .column_left ul.menu li:hover {
    background:url(../images/mainmenu_arrow_active.png) no-repeat;
}

.column_right ul.menu li.active a, .column_left ul.menu li.active a span {
  font-weight:bold;
  text-transform:uppercase;
}

.column_right ul.menu li a:link, .column_right ul.menu li a:visited, .column_left ul.menu li a:link, .column_left ul.menu li a:visited {
  text-decoration:none;
  display:block;
  padding:0 0 10px 0;
  font-size:14px;
  background:url(../images/mainmenu_separator.png) bottom no-repeat;
}

.column_right ul.menu li ul, .column_left ul.menu li ul {
  margin:0;
  padding:0;
  display:block;
}

.column_right ul.menu li ul li, .column_left ul.menu li ul li {
  margin:0;
  padding:0 15px;
}
/* aktive Navipunkte */
.column_right li.active a:link, .column_right li.active a:visited, .column_left li.active a:link, .column_left li.active a:visited {
  padding:7px;
  text-transform:uppercase;  
}

.column_right ul.menu li ul li#current a:link, .column_right ul.menu li ul li#current a:visited, .column_left ul.menu li ul li#current a:link, .column_left ul.menu li ul li#current a:visited {
  color:#e4e37c;
  background:none;
  padding:7px;
  font-size:11px;
  font-weight:normal;
}

.column_right ul.menu li ul li a:link, .column_right ul.menu li ul li a:visited, .column_right ul.menu li#current ul li a:link, .column_right ul.menu li#current ul li a:visited,
.column_left ul.menu li ul li a:link, .column_left ul.menu li ul li a:visited, .column_left ul.menu li#current ul li a:link, .column_left ul.menu li#current ul li a:visited {
  color:#ccc;
  background:none;
  padding:7px;
  font-size:11px;
  text-transform:uppercase;  
  font-weight:normal;
}

.footer ul.menu {
  margin:0;
  padding:0;
}

.footer ul.menu li {
  list-style:none;
  float:left;
}

.footer ul.menu li a:link, .footer ul.menu li a:visited {
  text-decoration:none;
  display:block;
  padding:0px 12px 7px 2px;
  font-weight:normal;
}

.footer ul.menu li a:hover {
}

a.MainMenu {
  text-decoration:none;
  padding:0 6px;
}

.topPanelModules ul.menu,
.bottom ul.menu,
.upper ul.menu {
  margin:0;
  padding:0;
}

.topPanelModules ul.menu li,
.bottom ul.menu li,
.upper ul.menu li{
  margin:0;
  list-style:none;
  padding:0;
}

.bottom ul.menu li a:link, .bottom ul.menu li a:visited,
.upper ul.menu li a:link, .upper ul.menu li a:visited,
.topPanelModules ul.menu li a:link, .topPanelModules ul.menu li a:visited {
  text-decoration:none;
  display:block;
}

.upper ul.menu li a:link, .upper ul.menu li a:visited,
.topPanelModules ul.menu li a:link, .topPanelModules ul.menu li a:visited {
  padding:4px 0px 4px 16px;
}

.bottom ul.menu li a:link, .bottom ul.menu li a:visited {
  padding:3px 0px 4px 0;
}


.bottom ul.menu li a:hover,
.upper ul.menu li a:hover,
.topPanelModules ul.menu li a:hover {
  text-decoration:none;
}

.search_wrap ul {
  margin:0;
  padding:0;
}

.search_wrap li {
  margin:0;
  padding:0 0 15px 15px !important;
  list-style:none;
  float:right;
}

.search_wrap li a {
  text-decoration:none;  
}

/* top menu */

#nav, #nav ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:absolute;
  z-index:100;
}

#nav ul {
  display:none;
}

#nav a {
  display:block;
  padding:7px;
  margin:6px 0;
  text-decoration:none;
  font-family:Verdana, Geneva, sans-serif;
  font-size:16px;
  font-weight:400;
  text-transform:uppercase;
}

#nav > li a:hover {
  padding:7px;
  color:#000 !important;
}

#nav > li.active a:hover {
  padding:7px;  
}

#nav > li.active a {
  border:1px solid #000;
  margin:5px 0;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:url(../images/topmenu_active_bg.png) repeat-x;
  border-radius: 5px;
  position:relative;
}

#nav li:hover ul li a {
  color:#fff;
}

#nav li:hover ul a {
  background:none;
  padding:7px;
  margin:5px 0;
}

#nav li:hover ul li a:hover {
  color:#000;
  border:none;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  border-radius: 0px;
  position:relative;
  padding:7px;
  background:#fff;
}

#nav li#current ul li a, #nav li.active ul li a {
  border:none;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  border-radius: 0px;
  position:relative;
}

#nav li:hover ul {
  background:url(../images/topmenu_drop_bg.png) no-repeat bottom;
  color:#fff;
  padding-bottom:25px;
}

#nav li {
  float:left;
  position:relative;
  margin:0 5px;
}

#nav li ul a:hover {
  color:#fff;
}
#nav li ul li, #nav li ul li ul {
  margin:0;
  padding:0;
  float:none;
  cursor:pointer;
}

#nav li ul a {
  width:166px;
  line-height:normal;
  padding:7px;
}

#nav li ul ul {
  left:180px;
  margin:0;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul {
  display:none;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul {
  display:block;
}

#nav ul li a {
  font-size:13px;
  color:#fff;
  font-weight:normal;
  text-transform:none;
}

#nav ul ul{
  top:0px;
  z-index:200;
}

#topmenu .sub {
  font-size:10px;
  display:block;
}

/* modules */

.column_left div.moduletable,
.column_right div.moduletable {
  padding:15px;
  margin-bottom:15px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;
  behavior: url(templates/hot_designnow/css/PIE.php);
  position:relative;
}

.column_left div.moduletable h3,
.column_right div.moduletable h3 {
  margin:0;
  padding:0 0 10px 0;
  text-transform:uppercase;
  font-weight:normal;
  text-align:center;
  font-size:20px;
}

/* hinzugefügt von Bret */
.column_left div.moduletable a:hover, .column_right div.moduletable a:hover { 
  color: #DDDDDD;
}

.bottom div.module {
  padding:7px;
  margin:9px 9px 0 9px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;
  behavior: url(templates/hot_designnow/css/PIE.php);
  position:relative;
}

.upper div.module {
  padding:7px;
  margin:9px 9px 0 9px;
}

.bottom div.module div,
.upper div.module div {
  background:url(../images/bottom_module_bg.png) bottom repeat-x;
  margin:3px;
  padding:1px;
}

.upper div.module h3,
.bottom div.module h3,
.rotator_module div.moduletable h3 {
  font-size:18px;
  text-align:left;
  margin:0;
  padding:0 0 5px 0;
  font-weight:normal;
  background:none;
}

div.moduletable h3 span {
  font-weight:normal;
}

.breadcrumbs {
  padding:5px 0 0 0;
  display:block;
  text-align:right;
}

a.pathway:link, a.pathway:visited, a.pathway:hover {
  text-decoration:none;
  font-weight:normal;
}

a.pathway:hover {
        color:#BBBBBB !important;
}

.pathway img {
        margin:0 !important;
}

.poll td div {
  background:none !important;
}

.search_wrap div.moduletable {
  padding-bottom:15px;
}

/* typography */

.warning {
  background:#e1e183;
  padding:15px;
  color:#000;
  border-top:4px solid #C60;
  border-bottom:4px solid #C60;
}

.info {
  background:#858585;
  padding:15px;
  color:#fff;
  border-top:4px solid #6A552F;
  border-bottom:4px solid #6A552F;
}

.info a:link, .info a:visited, .info strong, .info b {
  color:#fff;
}

.error {
  background:#e89c9c;
  padding:15px;
  color:#000;
  border-top:4px solid #900;
  border-bottom:4px solid #900;
}

.code {
  background: url(../images/code_bg.png);
  padding:0 15px;
  color:#000;
  font-family:"Courier New", Courier, monospace;
  border-top:4px solid #999;
  border-bottom:4px solid #999;
  line-height:20px;
}

.quote {
  border-top:4px dotted #666;
  border-bottom:4px dotted #666;
  padding:8px;
  font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size:18px;
  text-align:center;
  font-style:italic;
  font-weight:bold;
  margin-bottom:20px !important;
}

/* top panel */

#top-panel {
  padding:14px 20px;
  display:none;
}
#sub-panel {
  text-align:center;
}
#sub-panel a {
  width:200px;
  display:block;
  color:#fff;
  text-decoration:none;
  margin:0 auto;
  font-weight:normal;
  background:url(../images/toppanel_bg.png) no-repeat;
  font-size:10px;
  text-transform:uppercase;
}
#sub-panel a span {
  padding:0 0 4px 0;
  display:block;
}

.topPanelModules {
  margin:0 auto;
}

/* home page pics */

img.home_pics {
  float:right;
  margin-left:20px;
}

span.home_pics_rounded {
  display:block;
  float:right;
  margin-left:20px;
  -moz-border-radius:10px;
  -moz-box-shadow:5px 5px 5px #222;
  border-radius: 10px;
  box-shadow:5px 5px 5px #222;
  position:relative;
}

.pagination ul {
  padding:0 !important;
  margin:0 !important;
}

.pagination li {
  float:left;
  list-style:none;
  padding:0 10px 0 0 !important;
  margin:0 !important;
}