/* 
   Author: Marijan Barkic <marijan.barkic@gmail.com>
   Version: 1.0
   Last Update: 30.11.2007
   ----------------------------------------------------------------
   (c) Copyright 2007 David&Goliath. All Rights Reserved.
   ----------------------------------------------------------------
*/

body {
  color:        #000;
  background:   #FFF;
  overflow:     hidden;
}

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;
}

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:  0px;
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
} 

input, textarea, select {
  font-family:  inherit;
  font-size:    inherit;
  font-weight:  inherit;
}

body {
  width:        100%;
  height:       100%;
  background:   #000; 
  font-family:  Verdana, Arial, Tahoma;
}

#outer {
  position:     absolute;
  width:		    100%;
  height:       100%;
  overflow: hidden;
  z-index:      1;
}
#inner {
	position:     absolute;
	top:          0;
	left:         0;
	width:        620px;
	height:       100%;
	z-index:      1000;
	/* 
  background:   transparent url(../img/pattern.gif) repeat top left;
  */
}

strong {
  font-weight:  bold;
}

a:link, a:active, a:visited {
  text-decoration:  none;
  font-weight:  bold;
  color:        #000;
  cursor:       pointer;
}

#content, #wide_content {
  width:        580px;
  margin:       60px 0 0 20px;
  padding:      0 0 10px 0;
  background:   #fff;
}

#wide_content {
  width:        780px;
}

#showimg {
  position:     absolute;
  left:         620px;
  top:          60px;
}

#showimg img {
  width:        380px;
}

#showimg .close img {
  width:        auto;
}

.close {
  position:     absolute;
  top:          5px;
  right:        5px;
}


#navigation {
  float:        left;
  margin:       0 0 0 5px;
  padding:      0;
}

.nav_link, .nav_active {
  padding:      20px 15px;
  margin:       0;
  float:        left;
}

.nav_active {
  background:   transparent url(../img/nav_selected.gif) top center no-repeat;
}

#wrap {
  clear:        both;
  padding:      5px 10px 15px 20px;
}

.headline {
  font-family:  Verdana,Arial;
  font-size:    40px;
  text-transform: uppercase;
  color:        #6b2379;
  padding-bottom: 20px;    
}

.clear { 
  clear:both; 
}

.news_head, .news_head_off {
  display:      block;
  padding:      2px 0 4px 0;
  font-family:  Arial;
  font-size:    15px;
}

.date {
  padding-right:  2px;
}

.text, #team_text {
  font-family:  Verdana, Arial;
  font-size:    9px;
  line-height:  16px;
}


.news .text, .news_off .text {
  width:        370px;
  float:        left;
}

.news a:link, .news a:active, .news a:visited, .news_off a:link, .news_off a:active, .news_off a:visited {
  font-weight:  normal;
  color:        #6b2379;
}

.images {
  margin-left:  0px;
  width:        550px;
  float:        left;
}

.images img {
  margin:       0 0 8px 0;
  width:        170px;
}

.news {
  padding-bottom: 15px;
  padding-top:    5px;
}

.news_off .news_head, .news_head_off {
  text-transform:  uppercase;
  color:        #6b2379;
  font-size:    9px;
  clear:        both;
  margin:       0 0 12px 0;
}

.news_off .news_head .date, .news_head_off .date {
  width:        50px;
  display:      block;
  float:        left;
}

.news_off .news_head .title, .news_head_off .title {
  float:        left;
}

.news_off .news_content {
  display:      none;
}

#kollektion_img {
  padding:      30px 0;
  margin-left:  -10px;
}

#kollektion_img img {
  margin:      0 0 10px 10px;
}

.im_left, .im_label, .im_left_l, .im_left_r {
  display:      inline;
}

.im_left, .im_right, .im_left_l, .im_left_r {
  float:        left;
  margin-right: 50px;
}

.im_left_l {
  margin-right: 20px;
}

.im_left_r {
  margin-right: 0px;
}

.im_label {
  float:        left;
  margin-right: 10px;
}

.im_left form {
  display:      inline;
}

.im_left input {
  width:        220px;
  border:       1px solid #999;
  height:       16px;
}

.im_left textarea {
  width:        220px;
  border:       1px solid #999;
}

.al_right {
  display:      block;
  padding-top:  5px;
  width:        220px;
  text-align:   right;
}

input.btn {
  background:   #fff;
  border:       1px solid #999;
  width:        70px;
  height:       16px;
  margin-left:  5px;
}

.im_right {
  text-align:   right;
}

.highslide-image {
  padding:      5px;
  background:   #fff;
  border:       1px solid #888;
}


a.highslide-loading, .highslide-loading {
  font-size:    9px;
  font-weight:  bold;
  padding:      1px 3px;
  color:        white;
  background:   #222;
  border:       1px solid #6b2379;
}

#thumbnails {
  margin-top:   20px;
  width:        184px;
  float:        left;
}

#thumbnails img, #kollektion_tmbs img {
  border:       1px solid #010101;
  margin:       0 1px 1px 0;
}

#fullview {
  margin-top:   20px;
  width:        560px;
  float:        left;
}

#kollektion_fullview {
  margin-top:   20px;
  width:        486px;
  float:        left;
}

#team_fullview {
  margin-top:   20px;
  width:        265px;
  float:        left;
}

#req {
  display:      none;
}

#load_wrap {
  margin-top:   -6px;
  background:   transparent;
  height:       16px;
  width:        580px;
}

#loadbox {
  display:      block;
  margin-top:   0px;
  width:        16px;
  height:       16px;
  float:        right;
  margin-right: 20px;
}

#loadbox.on {
  background:   transparent url(../img/loader.gif) top left no-repeat;
}

#loadbox.off {
  background:   transparent;
}

#fullview img, #kollektion_fullview img, #team_fullview img, #media_thumbs img {
  border:       1px solid #010101;
}

#media_thumbs a {
  margin-right: 10px;
}

#media_thumbs {
  margin-top:  20px;
  margin-bottom:  10px;
}

#player1 {
  margin-left:    -5px;
}

#videos {
  height:         330px;
}

#team_about {
  margin-top:   15px;
  padding:      5px 5px 10px 0;
}

#team_name, h1 {
  font-family:  Verdana, Arial, Tahoma;
  font-size:    11px;
  text-transform: uppercase;
  color:        #6b2379;
  padding-bottom: 5px;
}

.article {
  display:      block;
  width:        102px;
  margin-right: 40px;
  float:        left;
  font-family:  Verdana, Arial;
  font-size:    9px;
}

.size {
  float:        right;
  font-size:    8px;
  color:        #454545;
}

#kollektion_tmbs {
  width:        62px;
  float:        left;
  margin-top:   20px;
}

#about_table tr td {
  padding-right:  10px;
}

.about_year {
  color:        #6b2379;
  vertical-align: top;
}

.extended {
  color:        #6b2379;
  font-weight:  bold;
  font-size:    10px;
  text-transform: none;
  font-family:  Verdana, Arial;
  padding-top:  8px;  
}

.aboutimg {
  float:        right;
  margin-right: 5px;
}

#fb {position:absolute; left:523px; top:0;}