/* size conversion: 1cm ~ 68px */


/****************************************
                  MAIN
****************************************/
BODY {
	background-color: #FFFFFF;
	margin: 0px;
}

TABLE, TR, TD {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #FFFFFF;
}

/****************************************
		neu 12.07.2006: alle mailadressen/links weiss und unterstrichen
****************************************/

a:link, a:hover, a:visited, a:active {
	text-decoration: underline;
	color: white;
}

/****************************************
                  LAYOUT
****************************************/
DIV.layoutAlign {
	text-align: center;
}

TABLE.layoutTable {
	width: 1000px;
	background-color: #C40038;
}
TABLE.popupTable {
	width: 100%;
	background-color: #C40038;
}
.popupBackground{
	background-color: #C40038;
}

/* width of navigation cell */
TD.navCell {
	width: 270px;
	height:400px;
	background-repeat: no-repeat;
}
/* width of small design cell */
SPAN.dsgnCell {
	width: 1px;
	font-size: 1px;
}
/* width of complete content cell */
TD.contentCell {
	width: 730px;
	background-repeat: no-repeat;
}
/* width of left content cell */
TD.contentCellLeft {
	width: 270px;
	background-repeat: no-repeat;
}
/* width of right content cell */
TD.contentCellRight {
	width: 460px;
	background-repeat: no-repeat;
}
/* height of first (main) row */ 
TR.firstRow {
	
}
/* height of second row */ 
TR.secondRow {
	height: 35px;
}
/* height ofthird row */ 
TR.thirdRow {
	height: 35px;
}
.rightmar {
	margin-right: 53px;
}

/****************************************
              MAIN NAVIGATION
****************************************/
TABLE.navTable {
	width: 200px;
	height: 14px;
}
TD.navSpacer {
	width: 20px;
	height: 15px;
	font-size: 15px;
}
TR.navDiv {
	height: 1px;
	background-color: #ffffff;
}
.navMainLevel {
	font-size: 14px;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
	height: 16px;
	text-align: left;
}
.navFirstLevel {
	font-size: 12px;
	font-weight: bold;
	margin-left: 20px;
	height: 16px;
	text-align: left;
}
.navSecLevel {
	font-size: 12px;
	font-weight: bold;
	margin-left: 60px;
	height: 14px;
	text-align: left;
white-space: nowrap;
}
.navBreak {
	font-size: 2px;
	height: 2px;
}
.navBreakStart {
	font-size: 22px;
	height: 26px;
}


/****************************************
             CONTENT NAVIGATION
****************************************/
DIV.contentNav {
	margin-left: 53px;
	margin-right: 53px;
}

/****************************************
             NEW!!! no more javascript scrolling-area...
****************************************/
div#scrobble {
	margin:0 0 0 42px;
	padding-right:10px;
	width: 355px; 
	height: 220px; 
	overflow:auto;
	font-size: 0.9em;
	line-height: 1.3em;
	text-align:left;
	
	scrollbar-base-color:#ffffff; /* Basisfarbe der Scroll-Leiste */
	scrollbar-3dlight-color:#C40038; /* Farbe für 3D-Effekte */
	scrollbar-arrow-color:#ffffff; /* Farbe für Verschiebepfeile */
	scrollbar-darkshadow-color:#C40038; /* Farbe für Schatten */
	scrollbar-face-color:#C40038; /* Farbe für Oberfläche */
	scrollbar-highlight-color:#ffffff; /* Farbe für oberen und linken Rand */
	scrollbar-shadow-color:#ffffff; /* Farbe für unteren und rechten Rand */
	scrollbar-track-color:#C40038; /* Farbe für freibleibenden Verschiebeweg */
	
	
}

* html div#scrobble {
	width: 365px; 
}


/* scrollbar for normal template */
div#hold	{ 
	position: relative; 
	overflow: hidden;
	width: 395px; 
	height: 220px; 
	z-index:100; 
	
}
div#wn	{ 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 395px; 
	height: 220px; 
	clip: rect(0px, 395px, 220px, 0px); 
	overflow: hidden;	
	z-index: 1; 
}

div#scrollbar { 
	position: relative; 
	left: 0; 
	top: 0;
	width: 12px; 
	height: 220px; 
	font-size: 1px; 
	z-index: 1;
}
div#track { 
	position: absolute; 
	left: 0; 
	top: 2px;
	width: 12px; 
	height: 220px;
	/*background: url("/images/nav/track.gif") #336 repeat;*/
	background-color: #FFFFFF;
	z-index: 1;
  }
div#dragBar {
	position: absolute; 
	left: 1px; 
	top: 1px;
	width: 10px; 
	height: 20px;
	background-color: #C40038;
	z-index:1;
}  

/* scrollbar for templates with images */
div#holdTplImg { 
	position: relative; 
	overflow: hidden;
	width: 395px; 
	height: 210px; 
	z-index:100; 
	
}
div#wnTplImg { 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 395px; 
	height: 210px; 
	clip: rect(0px, 395px, 210px, 0px); 
	overflow: hidden;
	z-index: 1; 
}
div.contentTplImg { 
	position: absolute; 
	visibility: hidden;
	left: 0px; 
	top: 0px; 
	z-index: 1; 
}

div#scrollbarTplImg { 
	position: relative; 
	left: 0; 
	top: 0;
	width: 12px; 
	height: 210px; 
	font-size: 1px; 
	z-index: 1;
}
div#trackTplImg { 
	position: absolute; 
	left: 0; 
	top: 2px;
	width: 12px; 
	height: 210px;
	/*background: url("/images/nav/track.gif") #336 repeat;*/
	background-color: #FFFFFF;
	z-index: 1;
  }
div#dragBarTplImg {
	position: absolute; 
	left: 1px; 
	top: 1px;
	width: 10px; 
	height: 20px;
	background-color: #C40038;
	z-index:1;
}  


/****************************************
                CONTENT
****************************************/
/* content right */
.contentRightHeadnav {
	font-size: 16px;
	margin-left: 22px;
	margin-top: 18px;
	margin-bottom: 12px;
	line-height: 18px;
	text-align:left;
}
.contentRightHead {
	font-size: 14px;
	margin-left: 22px;
	margin-right: 95px;
	margin-top: 18px;
	margin-bottom: 12px;
	line-height: 18px;
	text-align:justify;
}
.contentRight {
	width: 330px;
	margin-left: 45px;
	margin-right: 84px;
	margin-bottom: 5px;
	font-size: 0.9em;
	line-height: 1.3em;
	text-align:left;
	position:relative; 
	visibility:visible;
	z-index:1; 	
}
.content {
	margin-left: 53px;
	margin-right: 53px;
	font-size: 0.9em;
}
.contentPopup {
	margin-top: 19px;
	margin-bottom: 18px;
	font-size: 0.8em;
}
.back {
	margin-left: 45px;
	margin-right: 84px;
	margin-bottom: 5px;
	font-size: 0.9em;
	z-index:1; 	
}



/****************************************
                 MISC
****************************************/
DIV.logo {
	margin-right: 53px;
	margin-top: 56px;
	margin-bottom: 28px;
}

.footer {
	margin-right: 53px;
	/* margin-top: 96px; */
	margin-bottom: 18px;
	font-size: 10px;
	vertical-align: bottom;
}

a.footer:link, a.footer:hover, a.footer:visited, a.footer:active {
	margin: 0px;
	text-decoration: none;
	color: white;
}

form.langSwitch {
	margin:0;
	padding:0;
	font-size:12px;
}

option, select {
	color:#ffffff;
	background-color:#C40038;
}


.spacer {
	font-size: 1px;
}

TABLE.tableSmall, TD.tableSmall
{
	font-size: 10px;
	border: 1px solid #A7ADAF;
	border-collapse: collapse;
}

SELECT {
	font-size: 0.8em;
	width: 150px;
}


/* ROTODECOR ONLY!!!!!!!! */ 
A.rotodecorLinkActive:link, A.rotodecorLinkActive:visited, A.rotodecorLinkActive:hover, A.rotodecorLinkActive:active {
	color: #ffffff;
	background: none;
	text-decoration: none;
}
A.rotodecorLinkInactive:link, A.rotodecorLinkInactive:visited, A.rotodecorLinkInactive:active {
	color: #ffffff;
	background: none;
	text-decoration: none;
}
A.rotodecorLinkInactive:hover {
	color: #ffffff;
	background: none;
	text-decoration: none;
}
A.rotodecorContentNavActive:link, A.rotodecorContentNavActive:visited, A.rotodecorContentNavActive:hover, A.rotodecorContentNavActive:active {
	color: #ffffff;
	background: none;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
}
A.rotodecorContentNavInactive:link, A.rotodecorContentNavInactive:visited, A.rotodecorContentNavInactive:active {
	color: #ffffff;
	background: none;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
}
A.rotodecorContentNavInactive:hover {
	color: #ffffff;
	background: none;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
}
SPAN.rotodecorColorLgt {
	color: #ffffff;
	background: none;
}
.rotodecorColorLgt {
	background-color: #ffffff;
}
.rotodecorColorMed {
	background-color: #ffffff;
}
.rotodecorColorDrk {
	background-color: #ffffff;
}
DIV.rotodecorSecRow {
	font-size: 16px;
	font-weight: bold;
	color: #C40038;
	margin-left: 18px;
	background-color: #C40038;
	text-align: left;
}
.rotodecorDownloadIcon {
	width: 10px;
	height: 10px;
	background-color: #ffffff;

}
.rotodecorDownloadLink {
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
}
.rotodecorBackIcon {
	font-size:1px;
	width: 10px;
	height: 10px;
	background-color: #ffffff;
}
.rotodecorBackLink {
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
}




.contentPopupDekorBlack{
	font-size: 1em;
	position: absolute;
	right: 40px;
	bottom: 20px;
	color: #000000;
	font-weight: bold;
}

.contentPopupDekorGray{
	font-size: 1em;
	position: absolute;
	right: 40px;
	bottom: 20px;
	color: #544a41;
	font-weight: bold;
}

.contentPopupDekorWhite{
	font-size: 1em;
	position: absolute;
	right: 40px;
	bottom: 20px;
	color: #ffffff;
	font-weight: bold;
}

SPAN.contentPopupDekorSmall{
	font-size: 0.9em;
}

TD.activeCell {
	cursor: pointer;
}

TD.tabelContent{
	width: 175px;
	height: 60px;
	cursor: pointer;
	padding-bottom: 5px;
}









/* scrollbar for templates with news */
div#holdTplNews { 
	position: relative; 
	overflow: hidden;
	width: 395px; 
	height: 310px; 
	z-index:100; 
	
}
div#wnTplNews { 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 395px; 
	height: 310px; 
	clip: rect(0px, 395px, 310px, 0px); 
	overflow: hidden;
	z-index: 1; 
}
div.contentTplNews { 
	position: absolute; 
	visibility: hidden;
	left: 0px; 
	top: 0px; 
	z-index: 1; 
}

div#scrollbarTplNews { 
	position: relative; 
	left: 0; 
	top: 0;
	width: 12px; 
	height: 310px; 
	font-size: 1px; 
	z-index: 1;
}
div#trackTplNews { 
	position: absolute; 
	left: 0; 
	top: 2px;
	width: 12px; 
	height: 310px;
	/*background: url("/images/nav/track.gif") #336 repeat;*/
	background-color: #FFFFFF;
	z-index: 1;
  }
div#dragBarTplNews {
	position: absolute; 
	left: 1px; 
	top: 1px;
	width: 10px; 
	height: 20px;
	background-color: #C40038;
	z-index:1;
}  



/* scrollbar for templates with list */
div#holdTplList { 
	position: relative; 
	overflow: hidden;
	width: 595px; 
	height: 290px; 
	z-index:100; 	
}
div#wnTplList { 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 595px; 
	height: 290px; 
	clip: rect(0px, 595px, 290px, 0px); 
	overflow: hidden;
	z-index: 1; 
}
div.contentTplList { 
	position: absolute; 
	visibility: hidden;
	left: 0px; 
	top: 0px; 
	z-index: 1; 
}

div#scrollbarTplList { 
	position: relative; 
	left: 0; 
	top: 0;
	width: 12px; 
	height: 290px; 
	font-size: 1px; 
	z-index: 1;
}
div#trackTplList { 
	position: absolute; 
	left: 0; 
	top: 2px;
	width: 12px; 
	height: 290px;
	/*background: url("/images/nav/track.gif") #336 repeat;*/
	background-color: #FFFFFF;
	z-index: 1;
  }
div#dragBarTplList {
	position: absolute; 
	left: 1px; 
	top: 1px;
	width: 10px; 
	height: 20px;
	background-color: #C40038;
	z-index:1;
}  
.contentList {
	margin-left: 53px;
	margin-right: 53px;
	font-size: 0.9em;
}
.contentListScrl {
	text-align:left;
	position:relative; 
	visibility:visible;
	z-index:1; 	
}