/* DATEI: cms.css  */
/* Beachworldtour 2011 */
/* (c) Intersim AG - Burgdorf */

/*--------------------------------------- Elemente ---------------------------------------*/
body {

	background-color:#000000;
	color: #000000;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:11px;

}

body, h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:normal;				/* -- Achtung bei Fixpositionierten Texte -- */
}

p, table, td, th, ul, ol, select, textarea, input, textarea, form {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:normal;
}

p{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

input, button {
	vertical-align:middle;
}

pre {
	font-family:"Courier New", Courier, monospace;
	color: #45290a;
}

address {
	font-style:italic;
}

img {

}

legend {color: #45290a;}

hr {
	padding:0px 24px 0px 24px;
	color: #a7891e;
	height: 1px;
}



/* --------- Titel im Hauptteil --------- */
h1	{
	font-size:24px;
	color: #000000;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	display:block;
	
}

h2 {

	font-size:20px;
	color: #000000;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

h3 {
	font-size:14px;
	color: #000000;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

h4 {
	font-size:12px;
	color: #000000;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

h5 {
	font-size:11px;
	color: #000000;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

h6 {
	font-size:10px;
	color: #000000;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

/*---------------------- Links ----------------------*/

/* Allgemein im Content-Bereich */
a:link    		{color: #a7891e; background-color:transparent; text-decoration:underline;}
a:visited 		{color: #a7891e; background-color:transparent; text-decoration:underline;}
a:hover   		{color: #45290a; background-color:transparent; text-decoration:underline;}
a:active  		{color: #a7891e; background-color:transparent; text-decoration:underline;}

/* Links bei Dokumenten-Suche */
a.doku:link		{color: #45290a; background-color:transparent; text-decoration:none;}
a.doku:visited	{color: #45290a; background-color:transparent; text-decoration:none;}
a.doku:hover	{color: #45290a; background-color:transparent; text-decoration:underline;}
a.doku:active	{color: #45290a; background-color:transparent; text-decoration:none;}



/*--------------------------------------- Classes ---------------------------------------*/

/*--------- Allgemeine ---------*/

/* Inhalt-Tabelle (Admin-Bereich, allg. Seiten) */
.contTable {
	padding-left:0px;
	color: #000000; 
}

.small { 
	font-size:9px;  
}

.bold {
    font-weight:bold;
}

/* Schaltfläche */
.bu { 
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #000000;
	
}

/*--------- Classes Admin-Bereich  ---------*/

/* Titel */
.AdminTabTitle {
	background-color:#eeeeee;
	color: #a7891e;
	font-weight:bold;
}

/* Normale Zeile */
.AdminTabRowLight {
	color: #000000;
	background-color:#FFFFFF;
}

/* Alternative Zeile */
.AdminTabRowDark {
	color: #000000;
	background-color:#d1c396;
}

/* Effekt-Zeile */
.AdminTabRowEffect {
	color: #000000;
	background-color:#eeeeee;
}

/* Links in der Admin Titelzeile*/
a.AdminTabTitle:link, th.AdminTabTitle a:link    {color: #000000; background-color:transparent; text-decoration:none;}
a.AdminTabTitle:visited, th.AdminTabTitle a:visited {color: #000000; background-color:transparent; text-decoration:none;}
a.AdminTabTitle:hover, th.AdminTabTitle a:hover	{color: #000000; background-color:transparent; text-decoration:underline;}
a.AdminTabTitle:active, th.AdminTabTitle a:active	{color: #000000; background-color:transparent; text-decoration:none;} 

/*--------- Classes Teaser  ---------*/

.teaserEntry {
	float: left;
	clear: both;
margin:0px 0px 10px 0px;
	
}


/* titel h1 */
.teaserTitle {
	display:none;
}

/* Inhalt-Div */
.teaserCont {
	background-color:transparent;
	color: #000000;
	width: 220px !important;
	width /**/:220px; /*ie5 hack*/
	height:auto;
	padding:7px 0px 5px 0px;
	margin:0px 0 0px 0; 
	text-align:left;
}

.teaserFooter {
	background-color:transparent;
	color: #000000;
	width: 220px !important;
	width /**/:220px; /*ie5 hack*/
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0 0px 0; 
	text-align:left;
}


.tImageLink {
	display:block;
	text-align:center;
}

.tImage {
display:block;
	clear:both;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: 5px;
	vertical-align:text-top;
	border:0px none;
}
	

/* Mehr... nach Teaser Content */
a.tMoreLink  {
color: #000000;
	font-weight: normal;
	cursor:pointer;
		background-color:transparent;


}

.tMore {

}

.tNewLink {
	display:block;
	text-align:left;
}

/* New! neben Teaser-Titel */
.tNew {
	float:right;
	background-color: #a7891e;
	color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	padding:0px 1px 0px 1px;
	margin:0px 3px 0px 3px;
	text-decoration:none;
	cursor:pointer;
}



/*--------- Classes Content-Auflistung -------*/
/* Inhalt-Div */
.cContList {
	padding:4px 0px 0px 0px;
	margin:0px;
	width: 470px !important;
	width /**/:470px; /*ie5 hack*/
}



/* Inhaltkopf-Div */
.cContListHeader {
	margin:0px 0px 10px 0px;
}

/* Contlist title */
h1.cContListHeader {
	

}

/* Contlist title */
h2.cContListHeader {

}

.cContListHeaderCompact {
 display:block;
 font-weight:bold;
}

/* Inhalt-Div */
.cContListText {
	margin-top:10px;
	border:0px none; 
	height:auto; 
	width:auto;
	text-align:left;
	padding-left:0px;
}

/* Inhalt-Tab-Spalte1 */
.cContListTextCol1 {
	vertical-align:top; 
	height:auto; 
	text-align:left;
	margin: 0px 0px 0px 0px;
}

/* Inhalt-Tab-Spalte2 */
.cContListTextCol2 {
	vertical-align:top; 
	height:auto; 
	text-align:left;
	margin: 0px 0px 0px 0px;
}

/* Inhaltfuss-Div */
.cContListFooter {
	clear:both;
	height:20px;
}

.cContListImageLink {
	float:left;
	text-align:center;
}

.cContListImage {
	float:left;
	margin:0px 5px 0px 0px;
}


/* Mehr... */
a.cMoreLink {
color: #000000;
	font-weight: bold;
	cursor:pointer;
		background-color:transparent;
	
}

/* Mehr... */
.cMore {
	

}

.cNewLink {
}

/* Neu! */
.cNew {
	float:right;
	background-color: #a7891e;
	color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	padding:0px 1px 0px 1px;
	margin:0px 3px 0px 3px;
	text-decoration:none;
	cursor:pointer;
}




/*--------------------------------------- DIV's ---------------------------------------*/

#divContainer /* umschliessendes DIV damit das Design zentriert werden kann */
{
	text-align: left; /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto; /* standardkonforme horizontale Zentrierung */
	height: 100%;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	clear: both;
	width:1230px;
	z-index:3;
	position: relative;
	


}


/*--------- Main DIV's ---------*/
#divTop {	
	position: relative;
	clear:both;
	width:1230px;
	height:249px;
	background-image:url(images/bg_top.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	z-index:11;

	
}

#divMiddle {
	position: relative;
	clear:both;
	width:1230px;
	height:100%;
	min-height:651px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	padding:0px 0px 0px 0px;
	margin:0px 0px 60px 0px;
	z-index:10;
	
}

#divBottom {
	position: fixed;
	bottom: 0px;

	background-image: url(images/bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	width:1230px;
	height:60px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	z-index:10;
	
}

/*--------- Top DIV's ---------*/
#divHead {				
	position: absolute;
	top:62px;
	left: 791px;			
	background-color:transparent;
	background-image: url(images/head.png);
	background-repeat: no-repeat;
	height:100px;
	width:175px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	z-index:100;
}

#divTopnav {	
position: absolute;
top: 170px;
left: 30px;
background-color: transparent;
height: 26px;
width: 1000px;

}





#divSearch {
display:none;
}

/*--------- Middle DIV's ---------*/
#divMenu {
	position:absolute;
	top:0px;
	left:51px;
	margin:0px 0px 0px 0px;
	width:197px;
	padding:0px 0px 0px 0px;
	background-color:transparent;
	font-size: 10px;
}

#divMenuTop{
	display:none;
}

#divMenuMiddle { 
	width:197px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
}

#divMenuBottom {
	width:197px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:none;
}

#divPrintview {
display: none;
}

#divContentContainer {
	position:absolute;
	top:0px;
	left:278px;
	width: 470px !important;
	width /**/:470px; /*ie5 hack*/
	height:auto;
	background-color: transparent;
	text-align:left;
	z-index:100;
	padding:0px 0px 0px 0px;
}

#divContent {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	top:0px;
	left:0px;
	
}

#divContentAdmin {
width: 470px;	
}


#divBottomPos {
display: none;

}

#divTeaser {
	position:absolute;
	top: 0px;
	left:780px;
	width:220px;
	height:auto;
	z-index:101;
}

#divTeaserTop {
	float: left;
	clear: both;
	background-color:transparent;
	width:220px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#divTeaserBottom {
	float: left;
	clear: both;
	width:220px;
	padding:0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

#divApp1 
{	position:absolute;
	top: 0px;
	left:1031px;
	background-image:url(images/bg_app1.jpg);
	background-repeat:no-repeat;
	width:199px;
	height:900px;
	z-index:1000;
	
}
#divLogoFIVB 
{	top: 685px;
	left:1043px;
	width:175px;
	height:97px;
	z-index:1001;
	
}
#divLogoSwissTopSport 
{	top: 810px;
	left:1043px;
	width:175px;
	height:53px;
	z-index:1001;
	
}

#divApp2 
{
display:none;
}

/*--------------------------------------- Module ---------------------------------------*/

/*--------- .NET ---------*/
.body_aspnet {									/* .net iframe im Content */
	background-color:#ffffff;
	color: #000000;
	padding:0px;
	margin:0px;
	font-size:11px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 

} 

span {											/* .net-generierte span */
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:11px;
	font-style:normal;  
	font-weight:normal;
	color: black; 	
}

.status {										/* error + allg. Meldungen */
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;  
	font-weight:bold;
	color:#CC0000; 	
}


/*--------- Mehrspaltige News-Anzeige  ---------*/

.colviewListHeader {
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	margin-bottom:5px;
	font-size:10px;  	
}

.cColview {
   font-size:10px;  
   text-align: justify;
   margin: 0px 0px 10px 0px;
}

.cColviewCompact {
   font-size:10px; 
   text-align: left;
}


/*-- Reiter Navigationen (News Modul; Glossary Modul, ...) --*/

.nlglNav {
	font-weight:normal;
	font-size:11px;
	padding:2px 3px 5px 3px;
	border-left:1px solid #a7891e;	
	border-bottom:1px solid #a7891e;
	text-align:center;
}

.nlglNavSel {
	font-weight:bold;
	color: #000000;
	background-color:#a7891e;
	font-size:11px;
	padding:2px 3px 5px 3px;
	border-left:1px solid #a7891e;	
	border-bottom:1px solid #a7891e;
	text-align:center;
}

.nlglNavNotAvailable {
	font-weight:normal;
	color:#d4d1cc;
	font-size:11px;
	padding:2px 3px 5px 3px;
	border-left:1px solid #a7891e;	
	border-bottom:1px solid #a7891e;
	text-align:center;
}

.nlglNavHeader {
	font-size:11px;
	color: #a7891e;
	font-weight:bold;
	border-bottom: 1px solid #a7891e;
	margin:0px;
	padding:0px 0px 3px 0px;
	background-repeat:no-repeat;
}

.nlglListHeader {
	font-weight:bold;
	padding:3px 0px 3px 0px;
	margin:0px;
}

.nlglListText {
	vertical-align:top;
	padding: 0px 0px 12px 0px;
}

.nlglListCompact {
	padding:10px 0px 0px 0px;
}

.nlglListCompactDate {
	padding:10px 0px 0px 0px;
	font-weight:bold;
}


td.nlglNav a:link, td.nlglNavSel a:link, td.nlglListHeader a:link, td.nlglListCompact a:link, td.nlglListCompactDate a:link 				{color: #000000; background-color:transparent; text-decoration:none;}
td.nlglNav a:visited, td.nlglNavSel a:visited,  td.nlglListHeader a:visited, td.nlglListCompact a:visited, td.nlglListCompactDate a:visited {color: #000000; background-color:transparent; text-decoration:none;}
td.nlglNav a:hover, td.nlglNavSel a:hover, td.nlglListHeader a:hover, td.nlglListCompact a:hover, td.nlglListCompactDate a:hover			{color: #000000; background-color:transparent; text-decoration:underline;}
td.nlglNav a:active, td.nlglNavSel a:active, td.nlglListHeader a:active, td.nlglListCompact a:active, td.nlglListCompactDate a:active 		{color: #000000; background-color:transparent; text-decoration:none;}

/*--------- Polling ---------*/
div.teaserCont form {
	padding:0px;
	margin:0px 0px 0px 6px;
	border:0px;
}

form p.pTeaserCont span.tMore {
	float:none;
	padding-left:10px;
}

table.polling {
	border-collapse:collapse;
}

table.polling td {
	margin:0px;
	padding:3px;
	border:1px solid #b7b4ac;
}

/* ------- Gästebuch -------- */
.gbEntryListItemFooter{
	border-top:1px solid #d4d1cc;
}
.gbEntryListItemHeader {
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #d4d1cc;
	background-color: #d4d1cc;
}
.gbComment { 
	font-style : italic;
}
.gbError {
	color: #CC0000;
}


/* ------- Research -------- */
.trBottomLine {
	font-weight:normal;
	padding:2px 3px 2px 3px;
	border-bottom:1px solid #b7b4ac;
}


/* Modul Headlines (Anzeigebereich)*/

.headlinesHeader {
	font-size:11px;
	color: #a7891e;
	font-weight:bold;
	border-bottom:1px solid #a7891e;
	margin:0px;
	padding:0px 0px 3px 0px;
	background-repeat:no-repeat;
}

.headlinesListEntry {
	padding:10px 0px 0px 0px;
}

td.headlinesListEntry a:link {color: #000000; background-color:transparent; text-decoration:none;}
td.headlinesListEntry a:visited {color: #000000; background-color:transparent; text-decoration:none;}
td.headlinesListEntry a:hover {color: #000000; background-color:transparent; text-decoration:underline;}
td.headlinesListEntry a:active {color: #000000; background-color:transparent; text-decoration:none;}



/*--------------------------------------- Design-spezifisch ---------------------------------------*/

/* Top Navigation */


a.topNav1 {
position:absolute;
top: 6px;
left: 48px;
	font-weight:bold;
	font-size:11px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-color:transparent;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration:none;
}
a.topNav2 {
position:absolute;
top: 6px;
left: 142px;
	font-weight:bold;
	font-size:11px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-color:transparent;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration:none;
}
a.topNav3 {
position:absolute;
top: 6px;
left: 565px;
	font-weight:bold;
	font-size:11px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-color:transparent;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration:none;
}
a.topNav4 {
position:absolute;
top: 6px;
left: 680px;
	font-weight:bold;
	font-size:11px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-color:transparent;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration:none;
}
a.topNav5 {
position:absolute;
top: 6px;
left: 792px;
	font-weight:bold;
	font-size:11px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-color:transparent;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration:none;
}
a.topNav6 {
position:absolute;
top: 6px;
left: 910px;
	font-weight:bold;
	font-size:11px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-color:transparent;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration:none;
}



/* Top Navigation */
a.topNav:link		{color: #ffffff; background-color:transparent; text-decoration:none;}
a.topNav:visited	{color: #ffffff; background-color:transparent; text-decoration:none;}
a.topNav:hover		{color: #ffffff; background-color:transparent; text-decoration:underline;}
a.topNav:active	{color: #ffffff; background-color:transparent; text-decoration:none;}



 

/* Design-Detail Admin-Bereich */
.top_adminTeaser {
	position:absolute;
	top:130px;
	left:805px;
	z-index:101;
}

/* Class Copyright-Text (TeaserBottom.inc.asp) */
.Copyright {
	text-align:left;
	margin:0px;
	padding:20px 4px 4px 10px;
}

/* Link auf Copyright-Text (TeaserBottom.inc.asp) */
a.pCopyright:link		{color: #000000; background-color:transparent; text-decoration:none;}
a.pCopyright:visited	{color: #000000; background-color:transparent; text-decoration:none;}
a.pCopyright:hover		{color: #a7891e; background-color:transparent; text-decoration:underline;}
a.pCopyright:active		{color: #000000; background-color:transparent; text-decoration:none;}



#homeLink {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 170px;
	width: 400px;
}


/*--------- Shop definitionen ---------*/

#divShop{
float: left;
clear: both;
    margin-top:0px;
	 height: 100%;
	 	width: 100%;
}

#shopResultDisplayPane {
	padding-top:20px;
}

#divShopNav{
float: left;
clear: both;
	width:auto;
	z-index:150;
	margin: 0 0 20px 0 ;
}

#shopForm {

}

.cShopTabTitle {
	font-weight:bold;
	background-color:#a7891e;
}

.shopLineRow {
	height: 1.5px;
	background-color:#a7891e;
}

.shopNumberInput {
	width: 50px;
}
.shopAddressInputShort {
	width: 120px;
}
.shopAddressInputLong {
	width:284px;
}
.shopAddressInputCity {
	width:200px;
}

span.shopHighlighted {
	font-size:inherit;
	background-color:#d4d1cc;
}
span.shopHighlightedBold {
	font-size:inherit;
	background-color:#d4d1cc;
}
h2 span.shopHighlighted {
	font-size:16px;
}
h2 span.shopHighlightedBold {
	font-size:16px;
}



/*--------- Tooltip ---------*/

.tooltipTrigger {
	cursor: help;
}

.tooltip,
.actionHint {
  border: 1px solid #666666;
  background-color: #FFFFFF;
  font-family: Tahoma, Verdana, Sans-Serif;
  font-size: 11px;
  color: #000000;
  width: 200px;
  padding: 2px 4px;
  z-index: 10000;
}
.tooltip h4,
.actionHint h4 {
  font-size: 11px;
  background-color: #eeeeee;
  margin: -2px -4px 3px -4px;
  padding: 1px 4px 1px 4px;
}
.tooltip p,
.actionHint p {
	margin: 0px 0px 0px 0px;
}
.actionHint {
  width: 140px;
}


/* Facebvook */

#facebook {
position: absolute;
top: 198px;
left: 970px;

	
}

#twitter {
position: absolute;
top: 198px;
left: 1000px;	
}