@CHARSET "UTF-8";
html{
	background-image: url(images/bg_pattern.gif);	
}
body{
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; 
	font-size: 10px;
	background-image: url(images/bg_overlay.png);
	background-repeat: no-repeat;
	background-position: center 40px;
}

img{
	display: inline;
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,p	{margin: 0px;}
p					{margin-bottom: 10px;}
a:link,a:visited	{color: #12849c;text-decoration: none;}
a:hover,a:active	{color: #12849c;text-decoration: underline;}
a img				{border: 0px;}
.clearer			{clear: both;}

#maincontainer{
	position: relative;
	width: 998px;
	margin: 0px auto;
	/*padding-top: 100px;*/
}

/* HEADER */
#header {
	width: 998px;
	height: 528px;
	background-image: url(images/header_bg.png);
	margin: auto;
	font-size: 9px;
}
#header > .inner{
	padding: 24px 23px;
}
.video{
	position: relative;
}
.video .youtubeLogo{
	float: right;
}
.video .videoTitle{
	color: #12849C;
	font-weight: bold;
	padding-bottom: 5px;
}
.events img, .search img{
	padding: 5px;
	float: left;
}
.retailer{
	height: 53px;
	overflow: show;
	position: relative;
}
.retailer img{
	position: absolute;
	top: -12px;
	left: -12px;
}
.search form{
	padding: 5px;
}
.events .subtitle{
	color: #12849C;
	font-weight: bold;
	padding-top: 5px;
}
.events .link{
	float: right;
}
.search .label{
	float: left;
	width: 85px;
}
.search .row{
	margin-top: 5px;
}
.search input{
	border: none;
}
.search .input{
	float: left;
	border: 1px solid #000;
}
.search .input .submitButton{
	width: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	background-image: url(images/form_submit_button.jpg);
	cursor: pointer;
}
#header .rightbox{
	width: 311px;
	height: 272px;
	float: left;
	margin-left: 8px;
}
#header .rightbox .logo{
	padding-top: 20px;
	padding-bottom: 0px;
}
#header .rightbox .twitter{
	padding: 10px 20px 0px 20px;
}
#header .twitter .element{
	padding: 3px 0px;
}
#header .twitter .profileimg{
	float: left;
	margin-right: 5px;
	margin-bottom: 3px;
	border: 1px solid #12849c;
}
#header .twitter .username{
	font-weight: bold;
}
#header .rightbox .divider{
	width: 311px;
	height: 26px;
	background-image: url(images/headerbar.png);
	background-repeat: repeat-x;
	
}
#header .rightbox .events{
	padding: 5px 20px;
}
#header .rightbox .events .title{
	padding-bottom: 5px;
}
#header .rightbox .events .thumbnail{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 1px solid #12849c;
}
#header .rightbox .events .subtitle{
	font-size: 14px;
	color: #12849c;
}
#header .rightbox .events .link{
	text-align: right;
}
#header .header_images{
	/*background-color: #ff0000;*/
	padding-top: 76px;
	padding-left: 20px;
	width: 931px;
	height: 386px;
}
#header .header_images .headerImage{
	float: left;
	height: 174px;
	padding: 5px;
}
#header .header_images .doppelt{
	background-image: url(images/header_image_bg_doppelt.png);
	width: 358px;
}
#header .header_images .einfach{
	background-image: url(images/header_image_bg_einfach.png);
}
#header .header_images_sub{
	/*background-color: #ff0000;*/
	padding-top: 76px;
	padding-left: 20px;
	width: 931px;
	height: 103px;
}
#header .header_images_sub .headerImage{
	float: left;
	height: 82px;
	padding: 5px;
}
#header .header_images_sub .doppelt{
	background-image: url(images/header_image_sub_bg_doppelt.png);
	width: 174px;
}
#header .header_images_sub .einfach{
	background-image: url(images/header_image_sub_bg_einfach.png);
}

a.twitterlink{
	background-image: url(images/twitter_icon.png);
	background-repeat: no-repeat;
	background-position: 220px 0px;
	display: block;
	padding-left: 20px;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	height: 25px;
	position: relative;
	top: -5px;
	overflow: visible;
}

/* NETWORKS */

#networks{
	margin-top: 12px;
	padding: 10px;
	padding-left: 0px;
}
#networks .element{
	float: left;
	margin-right: 12px;
}
#networks .element a{
	text-transform: uppercase;
	font-size: 12px;
	padding-left: 25px;
	padding-top: 3px;
	background-repeat: no-repeat;
	color: #FFF;
	height: 20px;
	background-position: left 50%;
	letter-spacing: 1px;
}

/* NAVIGATION */
#mainnavi{
	width: 998px;
	margin: auto;	
	height: 57px;
	background-image: url(images/navi_bg.png);
}
#mainnavi ul{
	color: #12849c;
	text-align: center;
	margin: 0;
	padding: 0;
	padding-top: 14px;
	list-style-type: none;
}
#mainnavi ul li.navelement{
	display:inline-block;
	position: relative;
	padding: 8px 3px;
	height: 34px;
	zoom:1; *display: inline; _height: 34px;
}	
#mainnavi ul li.active{
	background-image: url(images/nav_active_middle.png);
}
#mainnavi a{
	color: #000;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	font-weight: bold;
	position: relative;
	top: 5px;
}
#mainnavi ul li.divider{
	padding: 8px 12px;
	width: 12px;
	height: 34px;
	background-image: url(images/nav_divider.png);
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	top: -5px;
	zoom:1; *display: inline; _height: 34px;
}
#mainnavi .active img.left{
	position: absolute;
	left: -20px;
	top: 0px;
}
#mainnavi .active img.right{
	position: absolute;
	right: -20px;
	top: 0px;
}



/* BRANDS */
#brandlist{
	padding-left: 10px;
	margin-bottom: -30px;
}
#brandlist table{
	width: 100%;
}

#brandlist .column{
	float: left;
	width: 120px;
	margin-right: 10px;
	padding-top: 30px;
	text-align: center;
	padding-bottom: 10px;
}
#brandlist .last{
	margin-right: 0px;
}

.contentdivider{
	background-image:url(images/divider_bg.png);
	height: 31px;
	margin: 0px;
}
#latest .row{
	border-bottom: 5px solid #d9ebef;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#latest .row > .element{
	float: left;
	width: 450px;
}
#latest .row .imagecontainer{
	background-image:url(images/blogimage_bg.png);
	padding: 9px;
	width: 195px;
	height: 108px;
	float: left; 
	position: relative;
	left: -9px;
	top: -9px;
}
#latest .row .image{
	width: 195px;
	height: 108px;
	overflow: hidden;
}
#latest .row .date{
	font-size: 9px;
	padding-bottom: 3px;
	padding-top: 5px;
}
#latest .row .title{
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

#events h2{
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 8px;	
	color: #12849c;
}
#events .element{
	float: left;
	width: 450px;
}
#events .element .imagecontainer{
	background-image:url(images/blogimage_bg.png);
	padding: 9px;
	width: 195px;
	height: 108px;
	float: left; 
	position: relative;
	left: -9px;
	top: -9px;
}
#events .element .image{
	width: 195px;
	height: 108px;
	overflow: hidden;
}
#events .element .subtitle{
	font-size: 14px;
	color: #12849c;
}
#events .element .link{
	text-align: right;
}

.brandnavigation{
	margin-top:50px;
	text-align: center;
}
.brandnavelement{
	border-top: 4px solid #DBEAED;
	float: left;
	height: 76px;
	width: 173px;
	padding-top: 19px;
}

/* SUBNAV */
#subnav{
	float: left;
	width: 290px;
	margin-right: 10px;
	margin-left: 20px;
	font-family: "ronnia-condensed-1","ronnia-condensed-2";
	font-size: 26px;
	color: #06549d;
	text-align: left;
	font-weight: 100;
}
#subnav a{
	font-size: 28px;
	text-transform: uppercase;
	font-weight: 400;
}
#subnav a:link, #subnav a:visited{
	color: #b3cfdb;
}
#subnav a:hover, #subnav a:active{
	color: #06549d;
	text-decoration: none;
}
#mainarea{
	width: 998px;
	margin: auto;	
	background-image: url(images/maincontent_bg.png);
	background-repeat: repeat-y;	
}
#mainarea > .inner{
	padding: 0px 24px;
}

/* MAINCONTENT */
#maincontent{
	float: left;
	margin-left: 45px;
	width: 520px;
}
#maincontent .divider{
	height: 4px;
	width: 520px;
	background-color: #DBEAED;
	margin: 5px 0px;
}
#maincontent > .title{
	font-family: "ronnia-condensed-1","ronnia-condensed-2";
	font-size: 28px;
    font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 5px;
}
#maincontent .subtitle{
	font-size: 18px;
	margin-bottom: 10px;
	font-family: "ronnia-condensed-1","ronnia-condensed-2";
	font-weight: 400;
	text-transform: uppercase;
}
#maincontent .flowtext{
	line-height: 16px;
	letter-spacing: 1px;
	margin-bottom: 15px;
	padding-top: 10px;
}
#maincontent .mainimage{
	float: left;
	padding: 2px;
	border: 1px solid #CCC;
	margin-right: 20px;
	margin-bottom: 5px;
}
#maincontent .blogimages{
	float: left;
	width: 410px;
	margin-right: 20px;
}
#maincontent .blogimages .image{
	padding: 2px;
	border: 1px solid #CCC;
	margin-bottom: 5px;
}
#maincontent .blogListelement{
	width: 520px;
	float: left;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 4px solid #dbeaed;
}
#maincontent #downloads .listelement{
	height: 92px;
}
#maincontent .kantonNavi{
	float: left;
	width: 130px;
}

#maincontent .listelement {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 210px;
    height: 116px;
}
#maincontent .listelementLocator {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 210px;
    height: 60px;
}
#maincontent .listelement img.thumbnail{
	float: left;
	padding: 2px;
	border: 1px solid #CCC;
	margin-right: 10px;
}
#maincontent .listelement img.team{
	float: left;
	padding: 2px;
	margin-right: 10px;
}

#maincontent .blogListelement .topLeft{
	width:405px;
	margin-right:5px;
	float:left;
}

#maincontent .blogListelement .title{
	font-size: 14px;
	padding-bottom: 5px;
	float:left;
	width:100%;
}
#maincontent .blogListelement .brand{
	padding-bottom: 5px;
	width:110px;
	float:right;
}
#maincontent .blogListelement .content{
	padding-bottom: 3px;
}
#maincontent .blogListelement .images{
	margin-top:5px;
}
#maincontent .blogListelement .images ul{
	margin:0px;padding:0px;
}
#maincontent .blogListelement .images ul li{
	list-style-type:none;
	margin-right:5px;
	margin-top:3px;
	float:left;
}

#maincontent .blogListelement .images img {
	border:1px solid #398199;
}

#maincontent .socialbar {
	float:left;
	width:100%;
	margin-top:10px;
}

#maincontent  .socialbar  ul {
	margin:0px;
	padding:0px;
}

#maincontent .socialbar  ul li {
	text-transform:uppercase;
	list-style-type:none;
	float:left;
	margin-right:10px;
	padding-top:10px;
	height:20px;
}

#maincontent  .socialbar  ul li span {
	float:left;
}

#blogEntry {
	width:520px;
	margin-right:45px;
}

#blogEntry div.title {
	color:#12849C;
	font-size:20px;
}

#blogEntry div.date {
	margin-top:5px;
	margin-bottom:5px;
}


#maincontent .backbutton{
	text-align: right;
	padding: 10px;
}

#footer{
	width: 998px;
	margin: auto;	
	background-image: url(images/footer_bg.png);
	background-repeat: no-repeat;	
	text-align: center;
	padding-top: 70px;
	padding-bottom: 20px;
	color: #FFF;
}


#slideInAdd{
	z-index: 999;
	position: absolute;
	right: 0px;
	top: 145px;
	background-image: url(images/slide_in_add_background_1.png);
	width: 139px;
	height: 450px;
	overflow: hidden;
}

#slideInAdd2{
	z-index: 999;
	position: absolute;
	right: 0px;
	top: 605px;
	background-image: url(images/slide_in_add_background_2.png);
	width: 139px;
	height: 450px;
	overflow: hidden;
}

.addsContainer{
	width:998px;
	margin: 0 auto;
	position: relative;
}

.add8{
	position: absolute;
	top: 536px;
	left: -160px;
	z-index: 2;
}
.add9{
	position: absolute;
	top: 10px;
	left: 50%;
	width: 729px;
	margin-left: -485px;
}


.rightArea{
	float:right;
	width: 320px;
	clear: right;
}
.rightArea .borderTop{
	background-image: url(images/right_area_border_top.png);
	height: 30px;
	width: 320px;
}
.rightArea .borderBottom{
	background-image: url(images/right_area_border_bottom.png);
	height: 30px;
	width: 320px;
}
.rightArea .rightAreaContent{
	background-image: url(images/right_area_border_left.png);
	background-repeat: repeat-y;
	width: 274px;
	padding-left: 30px;
}
.rightArea .twitter a img{
    border: 0 none;
    float: left;
    padding-bottom: 10px;
    padding-right: 10px;
}
.rightArea .separator{
	background-image: url(images/right_area_separator.png);
	width: 302px;
	height: 30px;
	margin-left: -12px;
}

a.pg_selected {
	
	
}

a.pg_unselected {
	color:#000;
}

div.paging {
	letter-spacing:1px;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:20px;
}

div.brand {
	width:500px;
	margin-left:auto;
	margin-right:auto;
}

div.athlete {
	width:100px;
	float:left;
	margin-right:25px;
	height:140px;
	position:relative;
	margin-bottom:10px;
}

div.athletePic_ {
	margin-top:3px;
	margin-left:2px;
}

div.athleteName {
	position:absolute;
	bottom:20px;
	background-color:#0085a4;
	width:92px;
	left:4px;
	min-height:20px;
	color:#FFF;
	z-index:110;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

div.athleteBorder {
	background-image:url('images/athlete.png');
	background-repeat:no-repeat;
	width:100px;
	height:140px;
	position:absolute;
	z-index:100;
}

div.brandImg {
	padding-bottom: 10px;
}

div.fancyLimiter {
	border-top:1px solid #f1f6f9;
	border-bottom:1px solid #f1f6f9;
	height:2px;
	width:500px;
	background-color:#deecef;
	margin-left:auto;
	margin-right:auto;
}

#athletePage {
	width:560px;
	margin-left:auto;
	margin-right:auto;
	min-height:300px;
}

div.athleteBox {
	background-image:url('images/athletesDetails.png');
	background-repeat:no-repeat;
	width:230px;
	height:358px;
	float:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	color:#FFF;
	margin-top: 15px;
}

div.athleteBox img {
	border:2px solid #FFF;
}

div.athletePic {
	margin-top:10px;
	margin-left:10px;
}

div.athleteProfile {
	width:180px;
	float:left;
	margin-left:10px;
}

div.athleteAbout {
	width:100%;
	float:left;
	margin-top:20px;
	padding-bottom: 10px;
}

div.athleteProfile dt {
	margin-top:10px;
	text-transform:uppercase;
	font-size:12px;
}

div.athleteProfile dd {
	font-size:12px;
	
}