/* 
  GINETTA™ rocked this CSS – hell yeah, we love the web!
*/

/* RESET */
@import url(reset.css);

/* TYPOGRAPHY */
@import url(typography.css);

/* GRID */
@import url(grid.css);
/* A L L  A R O U N D   T H E   W O R L D
-------------------------------------------------------- */
#desk {
	min-height: 100%;
}
#content {
	z-index: 1;
	position: relative;
}
#branding, #content, #siteinfo, #nav-main {
	width: 960px;
	margin: 0 auto;
}
#siteinfo {
	background-color: #E8E8E8;
}
#si-container {
	overflow: hidden;
	margin-top: 15px;
	position: relative;
}
/* B R A N D I N G 
-------------------------------------------------------- */
#branding {
}
/* LOGO */
#home {
	float: left;
	margin-top: 12px;
}
#home, .logo {
	width: 196px;
	height: 48px;
	display: block;
}
.logo:hover {
	opacity: .75;
}
/* SERVICES */
#services {
	float: right;
	width: auto;
}
#find {
	float: left;
	margin: 3px 20px 0;
}
#find input {
	width: 206px;
	color: #343434;
	font-size: 12px;
	padding: 2px 4px 2px 18px;
	border: 1px solid #807e7e;
	background: url(../images/searchfield.png) no-repeat 3px 50%;
	/*CSS3*/
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .25) inset;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25) inset;
}
#find input:hover, #find input:focus {
	border-color: #000;
}
#find .blanc {
	display: none;	
}
/* N A V I G A T I O N 
-------------------------------------------------------- */
/* GENERAL */
.nav a {
	color: #d20023;
	display: block;
}
.nav .path a {
	color: #343434;
}
#nav-meta, #nav-lang {
	float: left;
	margin-top: 8px;
}
#nav-meta a, #nav-lang a {
	font-size: 12px;
	line-height: 1.1em;
	letter-spacing: 0.035em;
}
#nav-meta a:hover, #nav-lang a:hover {
	color: #950014;
}
/* META */
#nav-meta li {
	float: left;
	margin-right: 10px;
}
#nav-meta li.last {
	margin-right: 0;
}
/* LANG */
#nav-lang li {
	float: left;
	padding: 0 5px;
	border-right: 1px solid #6a6a6a;
}
#nav-lang .first {
	padding-left: 0;
}
#nav-lang .last {
	padding-right: 0;
	border-right-style: none;
}
#nav-lang .path a {
	color: #343434;
}
/* BREADCRUMBS */
#breadcrumbs {
	margin: 10px 10px 28px;
	font-size: 12px;
}
#breadcrumbs li {
	display: inline;
}
/* MAIN */
#nav-main {
	width: 960px;
	margin-top: 20px;
	position: relative;
	border: 1px solid #a31524;
	border-style: solid none;
	background: #cf0a20 url(../images/nav-main.png) repeat-x left top;
	z-index: 900;
	/*css3*/
  box-shadow: 0px 1px 4px rgba(0, 0, 0, .45);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, .45);
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .45);
}
#nav-main ul {
	width: 960px;
	margin: 0 auto;
}
#nav-main li {
	float: left;
	position: relative;
	margin-right: 25px;
}
#nav-main .first,  #nav-main li:first-child {
/* margin-left: -18px;*/
    }
#nav-main a {
	color: #fff;
	padding: 0 18px;
	font-size: 16px;
	line-height: 45px;
	letter-spacing: .035em;
        /*CSS3*/
        -moz-transition-duration: .22s;
	-moz-transition-property: background;
 -webkit-transition-duration: .22s;
	-webkit-transition-property: background;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}
#nav-main a:hover {
	background-color: rgba(0, 0, 0, .15);
}
#nav-main a:active {
	background-color: rgba(0, 0, 0, .25);
}
#nav-main .path a,  #nav-main .path a:hover,  #nav-main .path a:active {
	background-color: rgba(0, 0, 0, .40);
}
/* SUPP 1 + 2 */
#nav-supp01 {
	left: 0;
	display: none;
	position: absolute;
}
#nav-supp02 {
/* display: none; ---------------------------*/
}
#nav-main li:hover #nav-supp01, #nav-supp01 li:hover #nav-supp02 {
	display: block;
}
#nav-main #nav-supp01 a, #nav-main #nav-supp01 {
	font-size: 12px;
	line-height: 22px;
	background-color: #810616;
}
#nav-main #nav-supp01 {
	width: 190px;
	/*CSS3*/
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
}
#nav-main #nav-supp01 .first,  #nav-main #nav-supp01 > li:first-child {
	margin-top: 5px;
}
#nav-main #nav-supp01 .last,  #nav-main #nav-supp01 li:last-child {
	margin-bottom: 5px;
	border-bottom: none;
}
#nav-main #nav-supp01 li {
	float: none;
	margin-left: 2px;
	margin-right: 2px;
	border-bottom: 1px solid #d20023;
}
#nav-main #nav-supp01 li a:hover {
	background-color: #a20616;
}
#nav-main #nav-supp01 .path a {
	font-weight: bold;
}
#nav-main #nav-supp02 {
	width: 214px;
}
#nav-main #nav-supp02 .first {
	margin-top: 0;
}
#nav-main #nav-supp02 li {
	margin-left: 0;
	margin-right: 0;
	border-bottom: none;
}
#nav-main #nav-supp02 a {
	padding-left: 30px;
	background: url(../images/link-white.png) no-repeat 18px 9px;
}
/* PAGINATION */
.pagination {
	text-align: right;
}
.pagination ul, .pagination li {
	display: inline;
}
/* S I T E - I N F O 
-------------------------------------------------------- */
/* GENERAL */
#siteinfo {
	margin-bottom: 20px;
}
.si-slim, #contact {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.si-slim {
	width: 140px;
}
#contact {
	width: 300px;
}
#member li {
	margin-bottom: 15px;
}
/* LINKS */
#siteinfo a {
	color: #343434;
}
#siteinfo a:hover {
	color: #000;
}
/* NAV */
#siteinfo .nav a {
	padding-left: 12px;
	background: url("../images/link-gray.png") no-repeat 0 7px;
}
/* MEMBER */
#member a:hover img {
	opacity: .7;
}
/* SOCIAL LINKS */
#facebook, #youtube, #twitter, #delicious, #rss {
	padding-left: 22px;
}
#facebook {
	background: url(../images/facebook.png) no-repeat;
}
#youtube {
	background: url(../images/youtube.png) no-repeat;
}
#twitter {
	background: url(../images/twitter.png) no-repeat;
}
#delicious {
	background: url(../images/delicious.png) no-repeat;
}
#rss {
	background: url(../images/rss.png) no-repeat;
}
/* CONTACT */
#address {
	color: #727272;
}
.mail {
	padding-left: 16px;
	background: url(../images/mail.png) no-repeat 0 5px;
}
/* C O N T E N T 
-------------------------------------------------------- */
/* GENERAL */
#content-main, #content-supp {
	float: left;
}
#content-main {
	width: 640px;
	padding-top: 16px;
}
.start #content-main {
	padding-top: 0;
}
#content-supp {
	width: 320px;
	padding-top: 6px;
}
/* NEWS */


#news-container {
	margin-bottom: 10px;
}
#news-main {
	float: left;
	width: 630px;
	position: relative;
	z-index: 99;
}
#news-caption {
	bottom:20px;
	padding: 5px 10px;
	position: absolute;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	width: 610px;
	color: #000;
}
#news-caption p {
	color: #000;	
}
#news-caption h2 {
	font-size: 120%;
	color: #CC0000;
}
#news-supp {
	float: right;
	width: 325px;
}
#news-supp li {
	overflow: hidden;
	margin-bottom: 4px;
	background-color: #f1f1f1;
	background-image:url(/portaldata/1/images/hg_news-supp.gif);
	background-position:bottom;
}
#news-supp .last {
	margin-bottom: 0;
}
#news-supp h3 {
	color: #fff;
	padding: 2px 5px;
	line-height: 22px;
	position: relative;
	background-color: #565656;
	z-index: 100;
	/*CSS3*/
        box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}
#news-supp img {
	float: left;
	border: 1px solid #ffffff;
	margin: 1px 3px 2px 3px;
}
#news-supp p {
	margin-left: 105px;
	padding: 0 10px;
}
/* SPONSORs + PARTNERs + SHOP */
#sponsor a, #partner a {
	display: block;
}
#watch {
	float: right;
}
#sponsor ul {
	float: left;
	width: 140px;
}
#sponsor li {
	margin-top: 16px;
}
#parmi {
	height: 26px;
	background: url(../images/parmigiani.png) no-repeat;
}
#parmi:hover {
	background-position: 0 -26px;
}
#erdgas {
	height: 34px;
	background: url(../images/erdgas.png) no-repeat;
}
#erdgas:hover {
	background-position: 0 -34px;
}
#asics {
	height: 42px;
	background: url(../images/asics.png) no-repeat;
}
#asics:hover {
	background-position: 0 -42px;
}
#partner li {
	float: left;
	width: 140px;
	margin-top: 10px;
}
#partner .even {
	margin-left: 20px;
}
#powerbar {
	height: 46px;
	background: url(../images/powerbar.png) no-repeat;
}
#powerbar:hover {
	background-position: 0 -46px;
}
#burgerstein {
	height: 46px;
	background: url(../images/burgerstein.png) no-repeat;
}
#burgerstein:hover {
	background-position: 0 -45px;
}
#shop dt {
	float: left;
	width: 140px;
}
#shop dd {
	margin-left: 160px;
}
#shop a:hover img {
	opacity: .8;
}
/* ARTICLES */
#content .article-box {
	margin-bottom: 15px;
}
.article-wide, .article-slim {
	margin-bottom: 21px;
}
.article-wide {
	float: left;
	width: 620px;
	margin-left: 10px;
	margin-right: 10px;
}
.article-slim {
	float: left;
	width: 300px;
	margin-left: 10px;
	margin-right: 10px;
}
.article-slim-home {
	float: left;
	width: 305px;
	margin-left: 0px;
	margin-right: 11px;
	border: 1px solid #aaa;
	/*height: 587px;*/
	height: 372px;
}
.article-slim-home2 {
	float: left;
	width: 305px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #aaa;
	height: 372px;
}
.article-slim-video {
	float: left;
	width: 305px;
	margin-top:15px;
	margin-left: 6px;
	margin-right: 5px;
	border:none;
	height: 197px;
	border: 1px solid #aaa;
}
.article-slim-video1 {
	float: left;
	width: 305px;
	margin-top:15px;
	margin-left: 0px;
	margin-right: 5px;
	height: 197px;
	border: 1px solid #aaa;
}
.article-slim-homeright {
	float: right;
	width: 325px;
	margin-top: -5px;
	margin-right: 0px;
}
ctl00_rightpane {
	margin:0px;
}
#ctl00_rightpane3 {
	float: right;
	width: 322px;
	margin-top: 0px;
	margin-right: 0px;
	border: 1px solid #aaa;
	padding-top:15px;
	height: 430px;
}
.box-home {
	padding: 10px 10px 20px 10px;
	background-color: #bdbdbd;
}
.box {
	padding: 10px;
	background-color: #f1f1f1;
}
/* PICTURES */
img {
	display: block;
	font-size: 1em;
}
.figure-slim {
	float: left;
	width: 300px;
	margin: 0 20px 21px 0;
}
.figureslim {
	float: left;
	width: 300px;
	margin: 0 20px 21px 0;
}
#figureslim {
	float: left;
	width: 300px;
	margin: 0 20px 21px 0;
}
#figureslimlast {
	float: left;
	width: 300px;
	margin: 0 0px 21px 0;
}
.figureslimlast {
	float: left;
	width: 300px;
	margin: 0 0px 21px 0;
}
.figure-athlete {
	float: left;
	width: 140px;
	margin: 0 20px 21px 0;
}
.figure-athlete img {
	margin: 3px 0 3px;
}
.figure-last {
	margin-right: 0;
}
/* LINKs + BUTTONs */
a {
	color: #d20023;
	text-decoration: none;
}
a:hover {
	color: #950014;
}
.box-home a {
	color: #ffffff;
	text-decoration: none;
}
.open {
	padding-left: 12px;
	background: url(../images/link.png) no-repeat 2px 4px;
}
.open-home {
	padding-left: 12px;
	background: url(../images/link_hell.png) no-repeat 0px 4px;
}
.open:hover {
}
.link .open, .submit, #contact-form #submit {
	color: #fff;
	border: 1px solid #333;
	letter-spacing: .035em;
	padding: 4px 11px 6px 20px;
	background: #565656 url(../images/link-white.png) no-repeat 10px 50%;
	/*CSS3*/
  border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .35), 0 1px 0 rgba(255, 255, 255, .15) inset;
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .35), 0 1px 0 rgba(255, 255, 255, .15) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .35);
}
.link .open:hover, .submit:hover, #contact-form #submit:hover {
	background-color: #272727;
}
.link .open:active, .submit:active, #contact-form #submit:active {
	background-color: #171717;
	/*CSS3*/
  box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.block-link img {
  /*CSS3*/
  -moz-transition-duration: .35s;
 -webkit-transition-duration: .35s;
}
.block-link:hover img {
	opacity: .85;
	/*CSS3*/
  -moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.block-link:active img {
	opacity: .9;
  /*CSS3*/
  -moz-transition-duration: .1s;
 -webkit-transition-duration: .1s;
}
/* LIST STYLES */


/* SLIDE SHOW */
#slideshow {
	width: 620px;
	overflow: hidden;
	margin-bottom: 19px;
}
#pic-nav {
	margin-top: 10px;
}
.mouseover_left, .mouseover_right {
	float: left;
	width: 23px;
	height: 23px;
	display: block;
	margin-top: 20px;
	border: 1px solid #333;
	background-color: #343434;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	/*CSS3*/
      border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .35), 1px 1px 0 rgba(255, 255, 255, .15) inset;
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .35), 1px 1px 0 rgba(255, 255, 255, .15) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .35);
}
.mouseover_left:hover, .mouseover_right:hover {
	background-color: #242424;
}
.mouseover_left:active, .mouseover_right:active {
	background-color: #141414;
}
.mouseover_left {
	margin-left: 6px;
	margin-right: 13px;
	background-image: url(../images/arrow-left.png);
}
.mouseover_right {
	margin-left: 13px;
	margin-right: 6px;
	background-image: url(../images/arrow-right.png);
}
#pic-strip {
	float: left;
	width: 530px;
	height: 64px;
	overflow: hidden;
	position: relative;
}
#pic-strip ul {
	top: 0;
	left: 0;
	width: 20000px;
	position: absolute;
}
#pic-strip li {
	float: left;
	margin-right: 28px;
	border: 1px solid #fff;
}
#pic-strip .active {
	border: 1px solid #141414;
}
#pic-strip img {
	opacity: .5;
            /*CSS3*/
            -moz-transition-duration: .35s;
 -webkit-transition-duration: .35s;
}
#pic-strip img:hover {
	opacity: .8;
	cursor: pointer;
}
#pic-strip .active img {
	opacity: 1;
}
/*---------*/
#pic-strip_kurz {
	float: left;
	width: 530px;
	height: 64px;
	overflow: hidden;
	position: relative;
}
#pic-strip_kurz ul {
	top: 0;
	left: 0;
	width: 20000px;
	position: absolute;
	overflow: auto;
}
#pic-strip_kurz li {
	float: left;
	margin-right: 28px;
	border: 1px solid #fff;
}
#pic-strip_kurz .active {
	border: 1px solid #141414;
}
#pic-strip_kurz img {
	opacity: .5;
            /*CSS3*/
            -moz-transition-duration: .35s;
 -webkit-transition-duration: .35s;
}
#pic-strip_kurz img:hover {
	opacity: .8;
	cursor: pointer;
}
#pic-strip_kurz .active img {
	opacity: 1;
}

/* T A B L E S 
-------------------------------------------------------- */
/* GENERAL */
table {
	width: 100%;
}
tbody th {
	padding-right: 10px;
	vertical-align: top;
}
.even td, .even th {
	background-color: #f1f1f1;
}
#particulars .even th,  #particulars .even td {
	background-color: #fff;
}
.tf {
	width: 25%;
}
.sf {
	width: 75%;
}
.os {
	width: 160px;
}
.fs {
	width: 460px;
}
.comp th, .comp td,  #news-list th, #news-list td {
	padding: 0 8px;
	vertical-align: top;
}

.compKurz th, .compKurz td {
	padding: 0 8px;
	vertical-align: top;
}
table.compKurz {
	width: 280px;
}
/* P A G E   S P E C I F I C 
-------------------------------------------------------- */
/* START */


#news-add td {
	padding-bottom: 21px;
	padding-right: 5px;
}
#news-add th {
	padding-left: 10px;
}
.comp {
	margin-bottom: 21px;
}
.comp th {
	color: #fff;
	background-color: #ca071c;
	border: 1px solid #A31524;
	/*CSS3*/
  box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset;
}
/* NEWS-OVERVIEW */
#news-list td, #news-list th {
	padding-top: 4px;
	padding-bottom: 4px;
}
/* ATHLETE DETAIL */
#particulars {
	margin-bottom: 21px;
}
#athlete-portrait {
	margin: 0 10px 31px;
}
/* CONTACT */
#contact-form {
	float: left;
	width: 640px;
	margin-bottom: 21px;
}
label {
	display: block;
}
input, textarea, select {
	padding: 3px 4px;
	border: 1px solid #807E7E;
	/*CSS3*/
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25) inset;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25) inset;
}
input:hover, textarea:hover, select:hover,  input:focus, textarea:focus, select:focus {
	border-color: #000;
}
input:focus, textarea:focus, select:focus {
	background-color: #f6f6f6;
}
#contact-form ul li {
	margin-left: 0px;
	list-style: none outside;
	list-style-image:url(none)
}
#contact-form li {
	float: left;
	width: 300px;
	margin: 0 10px 15px 0px;
}
#contact-form input {
	width: 290px;
}
#contact-form select {
	width: 302px;
}
#contact-form textarea {
	width: 610px;
}
#contact-form .first, #contact-form .last {
	width: 620px;
}
#contact-form .form-action {
	width: 620px;
	text-align: right;
}
#contact-form .submit {
	width: auto;
}
#contact-form span {
	color:#C00; /*
	height: 0;
    top: -9999px;
    left: -9999px;
    position: absolute;*/
}
div.link {
	margin: auto auto 10px 10px;
}
div.unten {
	position:absolute;
	bottom:10px;
}
.comp a {
	color: #000;
}

.neben {
	display:table;
}
.m350 {
	width: 350px;
}
.m450 {
	width: 450px;
}
table.xxl-admin-controls td img{
	float:left;	
	margin-left: 20px;
}
