/* 
Author: Marijan Barkic <mb@davidundgoliath.com>
Version: 1.1
Last Update: 30.01.2009
----------------------------------------------------------------
(c) Copyright 2009 David&Goliath. All Rights Reserved.
----------------------------------------------------------------
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
strong {font-weight: bold;}
li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:1px;vertical-align:text-top;}
sub {vertical-align:text-bottom;} 
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}
a:link, a:visited, a:active {text-decoration:none; cursor:pointer; color:#fff; font-weight:bold;}
a.non:link, a.non:visited, a.non:active {font-weight: normal;font-style: normal;}
a:hover {color: #999;}

body, html, .wrap {width:100%; height:100%;}
body {font-family:Arial;font-size:12px;color:#fff;background:#fff;line-height:1.3em;text-align:center;}
p {margin-bottom:1.3em;}
h1 {display:none;}
#top {height:380px; position:relative; overflow:hidden; background:#9D112C; min-width:960px; margin:0 auto -59px;margin-bottom:-138px !important;}
#top img {height:100%;}
#layer { height:100%; width:100%; overflow:hidden; background:#9D112C; position:absolute; z-index:0; left:0; top:0; }
#produkte #top, #produkte #layer {background-color:#505050;}
.pull {height:67%!important;}
.large {height:450px !important;}
#top div.grid {height:100%; width:100%; left:0px; top:0px; z-index:1; background:transparent url(../img/grid.gif) 0px 0px repeat; position:absolute; }
#top #map { height:100%; padding:0!important; margin:0!important;}
#bottom {text-align:left; position:relative; z-index:10;}
#b_wrap { margin:0 auto; width:960px; position:relative;}
#bottom #heading { height:58px; background-color:transparent; background-repeat:no-repeat; background-position:0px 0px;}
#bottom #heading h2 {display:none;}
#content {margin-left:-5px; position:relative; width:475px;}
#nav {padding:8px 0;}
#nav li {display:inline;}
#nav li span {display:block; float:left; margin-bottom:5px; background:transparent url(../img/mnu/_sep.gif) 5px center no-repeat;}
#nav li.break span {clear:left; background:none;}
#nav li.break a:link, #nav li.break a:visited { margin:0;}
#nav li a:link, #nav li a:visited {display:block; margin-left:15px;height:14px; background-color:transparent; background-repeat:no-repeat; background-position:0px 0px;}
#nav li a:active, #nav li a:hover, #nav li a.act:link, #nav li a.act:visited {background-position:0px -14px;}
#nav li span span {display:none;}

#l_news {background-image:url(../img/mnu/news.gif); width:41px;}
#l_team {background-image:url(../img/mnu/team.gif); width:41px;}
#l_kollektion {background-image:url(../img/mnu/kollektion.gif); width:88px;}
#l_salon {background-image:url(../img/mnu/salon.gif); width:47px;}
#l_preise {background-image:url(../img/mnu/preise.gif); width:49px;}
#l_events {background-image:url(../img/mnu/events.gif); width:54px;}
#l_produkte {background-image:url(../img/mnu/produkte.gif); width:76px;}
#l_presse {background-image:url(../img/mnu/presse.gif); width:54px;}
#l_kontakt {background-image:url(../img/mnu/kontakt.gif); width:66px;}
#l_impressum {background-image:url(../img/mnu/impressum.gif); width:86px;}

#news #heading {background-image:url(../img/headings/news.png);}
#team #heading {background-image:url(../img/headings/team.png);}
#kollektion #heading {background-image:url(../img/headings/kollektion.png);}
#salon #heading {background-image:url(../img/headings/salon.png);}
#preise #heading {background-image:url(../img/headings/preise.png);}
#events #heading {background-image:url(../img/headings/events.png);}
#produkte #heading {background-image:url(../img/headings/produkte.png);}
#presse #heading {background-image:url(../img/headings/presse.png);}
#kontakt #heading {background-image:url(../img/headings/kontakt.png);}
#impressum #heading {background-image:url(../img/headings/impressum.png);}

#homelink {display:block; width:235px; height:80px; background:transparent url(../img/logo.jpg) 0px 0px no-repeat;}
#homelink:hover {background-position:0px -80px;}
#homelink span {display:none;}

h3 {font-weight:bold;}
h3 span {display:block; float:left; width:75px;}
h3 span.act {float:none; width:100%;}
#news_list h3 { cursor:pointer;}
.toggler {border-top:1px solid #fff;}
.first {border:none;}
.toggler {padding: 5px 10px;}
.element {padding-left:5px;}
.element .el_inner { padding:0 60px 10px 5px;}

#members2 { width:960px; position:relative;}
#members span, #members2 span { display:none;}
#members a.mm, #members2 a.mm {display:block;height:146px; padding:0 1px 0 0; border-bottom:1px solid #9D112C; width:117px; float:left; background-position:-1px -185px; background-repeat:no-repeat; cursor:pointer;}
#members a.mm:hover, #members2 a.mm:hover, #members a.active, #members2 a.active {background-position:-1px -10px;}
#news_list, #members a.mm, #members2 a.mm, .red {background-color:#9D112C;}
.red {padding:12px 0 12px 5px;}
#member div {width:300px; height:20px; padding-top:0px; font-size:20px; font-weight:bold; position:absolute;background-repeat:no-repeat;left:0px; z-index:-1;top:0px;}

.tooltips, .bigtips, .imgtips {z-index:1000;width: 200px;color: #fff;text-align: center;}
div.tip-top {margin: 0;padding: 10px 10px 5px;background: transparent url(../img/balloon.png) top left no-repeat !important;background:transparent url(../img/balloon.gif) top left no-repeat;font-size: 11px;}
.bigtips div.tip-top, .bigtips div.tip-bottom { padding: 5px 10px 5px;}
.bigtips div.tip-bottom { padding-top:3px;}
div.tip {color: #fff;font-weight: bold;padding:0 10px;font-size:12px;background: transparent url(../img/balloon.png) 0px -15px no-repeat !important;background: transparent url(../img/balloon.gif) 0px -15px no-repeat;}
div.tip-bottom {margin: 0;padding: 0 10px 15px;text-shadow: 2px 2px 1px #222;background: transparent url(../img/balloon.png) bottom left no-repeat !important;background: transparent url(../img/balloon.gif) bottom left no-repeat;font-size: 10px;}
.tooltips { text-align:left;}
.tooltips div.tip-title { color: #9D112C;}
.tooltips div.tip-text { font-weight:normal; font-size:11px; margin-top:0.5em;}
.bigtips div.tip-title { font-size:12px; color:#fff; text-align:left; padding-left:10px;}
.bigtips div.tip-text { display:none;}
.imgtips div.tip-top, .imgtips div.tip, .imgtips div.tip-bottom {background:none;padding:0;}
.imgtips div.tip {padding:0 0 8px 4px;background: transparent url(../img/balloon.png) bottom left no-repeat !important;background: transparent url(../img/balloon.gif) bottom left no-repeat;}
.map_inner_w { color:#333; text-align:left;}
.map_inner_w a:link, .map_inner_w a:active, .map_inner_w a:visited { color: #333;}

.alignleft {float:left; margin:0 10px 10px  0;}

.clear {clear:both !important; float:none !important; width:100% !important; margin:0 !important;}