@charset "iso-8859-1";
/*@import url("stylesheet.css");
*/
*{margin:0; padding:0; border:0; text-decoration:none}
body{font:11px Arial, Helvetica, sans-serif; color:#1a2243}
p{margin:0 0 15px 0}
h1{font:bold 21px Arial, Helvetica, sans-serif; color:#373f60; padding:0 0 20px 0; clear:both}
	.subH1{color:#95a3b9}
	.smallPaddingH1{padding-bottom:2px}
h2{font:18px Arial, Helvetica, sans-serif; color:#373f60; padding:15px 0 12px 0}
h3{font:bold 13px Arial, Helvetica, sans-serif; color:#373f60}
h4{font:bold 15px Arial, Helvetica, sans-serif; color:#373f60; margin:15px 0 0 0}
h6{font:bold 11px Arial, Helvetica, sans-serif}
	.reducedColorH6{color:#95a3b9}
input{border:1px solid #ccc}
textarea{border:1px solid #ccc}
hr{background-color:#ccc; margin:20px 0; height:1px}

table, tr, td{vertical-align:top}

table{
	border-collapse:collapse;
}

tr{
	padding:0 0 15px;
}
th{
	background-color:#f3f3f3;
	font-weight:bold;
	text-align:left;
	padding:2px 6px;
}

td{
	background-color:#f9f9f9;
	text-align:left;
	padding:2px 6px;
}


.noBorder{border:0!important}
.clearer{clear:both}
.bold{font-weight:bold}

#main{margin:0 auto 0 auto; width:835px}

.wideContent #mainContent{width:835px; padding-top:0}
.wideContent #newsContent{display:none}

#head{border-bottom:1px solid #485e73; height:117px}

#logo{float:left}

ul#otherMenu{color:#4a6187; float:right; margin:3px 0 0 0}
ul#otherMenu li{display:inline; list-style:none; padding:0 2px 0 2px}
	ul#otherMenu li a{color:#4a6187; text-decoration:none}
	ul#otherMenu li a:hover{text-decoration:underline}

ul#mainMenu{width:363px!important; float:left; padding:69px 0 0 17px}
ul#mainMenu li{float:left; list-style:none; padding:2px 0}
/*ul#mainMenu li span{visibility:hidden}*/
ul#mainMenu li a{display:block; background-repeat:no-repeat!important; text-decoration:none}
	#menuEishockey a{width:67px; background:url(../grafik/menu_eishockey.gif) left}
		#menuEishockey a:hover{background-position:right}
	#menuEisschnellauf a{width:94px; background:url(../grafik/menu_eisschnelllauf.gif) left}
		#menuEisschnellauf a:hover{background-position:right}
	#menuEiskunstlauf a{width:84px; background:url(../grafik/menu_eiskunstlauf.gif) left}
		#menuEiskunstlauf a:hover{background-position:right}
	#menuCurling a{width:58px; background:url(../grafik/menu_curling.gif) left}
		#menuCurling a:hover{background-position:right}
	#menuEisstock a{width:60px; background:url(../grafik/menu_eisstock.gif) left}
		#menuEisstock a:hover{background-position:right}
	#menuEisstadien a{width:112px; background:url(../grafik/menu_eisstadien.gif) left}
		#menuEisstadien a:hover{background-position:right}
	#menuVeranstaltungen a{width:100px; background:url(../grafik/menu_veranstaltungen.gif) left}
		#menuVeranstaltungen a:hover{background-position:right}


/*
#otherMenu{cursor:default; margin:0; padding:0}
#otherMenu li{list-style:none; margin:0; padding:0}
*/

li.nebenMenuBorder{border-bottom:1px solid #212930; height:2px; position:relative; top:11px; font-size:1px; line-height:0.1em}
li.open{}
	li.open:hover{height:150px; width:100px}
		li.open ul{
			display:none; float:none; clear:both; width:170px; padding:8px 0 16px 0; font:bold 11px/1.7em Arial, Helvetica, sans-serif; 
			border:1px solid #242c33; position:absolute; top:0; left:50%; z-index:900; 
			margin:17px 0 0 212px; background-color:#fff
		}
		li.open ul li{display:block!important; white-space:nowrap; padding:0 9px 0 9px!important}
		li.open:hover ul{display:block}
		li.open:hover ul li:hover{background-color:#95a3b9}
		li.open:hover ul li:hover a{color:#fff!important}
		li.open ul a:link{text-decoration:none; display:block}
		li.open ul a:visited{text-decoration:none; display:block}
		li.open ul a:hover{text-decoration:none!important; display:block}
		li.open ul a:active{text-decoration:none; display:block}


#type{float:right; padding:70px 2px 0 0}

#mainContent{width:443px; padding:13px 0 25px 0; float:left; line-height:1.5em}
	#mainContent ul{margin:10px 0 15px 20px}

#newsContent{width:357px; float:right; margin:0 0 40px 0; padding:135px 6px 0 10px}
	#newsContent div{border-bottom:1px solid #e2e1e1}
.nCim001{background:url(../grafik/infoImage_001.jpg) no-repeat!important}
#newsContent2{background:url(../grafik/newsBottomBckgr.jpg) bottom no-repeat; border-bottom:none!important; }

#foot{clear:both; border-top:1px solid #485e73; font:10px Verdana, Arial, Helvetica, sans-serif}
	#foot ul{float:left; color:#95a3b9; padding:14px 0 50px 0}
	#foot ul li{list-style:none; display:inline}
	#foot ul#footMenu{float:right; color:#6d7c94}
	#foot a{color:#6d7c94; text-decoration:none}
	#foot a:hover{color:#000}

/* GLOBAL
***********************/
.infoBox{border:1px solid #f1f1f1; float:left; background-color:#fafafa; width:205px; padding:5px; margin:0 8px 10px 0; color:#7f8690}
	div.infoBox ul{color:#7f8690; padding:0!important; margin:0!important; cursor:pointer}
		/*li.open1:hover{width:205px}*/
		li.open1:hover ul{display:block}
		li.open1 ul li{display:block!important}
	li.open1{list-style:none; font-weight:bold; font-size:12px}
	li.open1 ul{padding:0!important; margin:0!important; display:none; cursor:text}
	li.open1 ul li{font-weight:bold; font-weight:normal; font-size:11px}
.iBRight{margin-right:0}
.bodyColor{color:#1a2243}

/* PAGE ID DEFINITIONS
***********************/
#home #mainContent a, #newsContent a{font-weight:bold; color:#496dff}
#home #mainContent a:hover, #newsContent a{text-decoration:underline}
#pageEisstock .infoAdress{padding-bottom:20px}
#veranstaltungen td{font:10px Arial, Helvetica, sans-serif!important}

/* STARTSEITE AKTUELL
***********************/
#WASSC{background:url(../grafik/WASSC.jpg) no-repeat; height:173px; padding:77px 0 0 26px; border-bottom:1px solid #ccc}
#WASSC p{width:404px}

#COB{background:url(../grafik/COB.gif) no-repeat; height:161px; border-bottom:1px dashed #c0c4c9; padding:89px 0 0 294px}
#COB p{width:511px}

#startNews{margin:0 0 -25px 0; padding:0 25px 15px 26px; width:324px; background:url(../grafik/newsBottomBckgr.jpg) bottom no-repeat; border-right:1px solid #ccc}
#startNews2{padding:30px 25px 15px 26px; width:405px; background:url(../grafik/newsBottomBckgr.jpg) bottom repeat-x; border-right:0}
.newsTopic{border-bottom:1px solid #ccc}

/* WEITERFÜHRENDE INFORMATIONEN
***********************/
.infoMoreList{border-bottom:1px solid #cfd8e6; color:#95a3b9; padding:0 0 10px 0; clear:both}
	.infoMoreList a:link, .infoMoreList a:visited{color:#95a3b9; text-decoration:none}
	.infoMoreList a:hover, .infoMoreList a:active{color:#496dff; text-decoration:none}
.infoMoreListActive{color:#6d7c94!important; font-weight:bold}
.infoTableBox{border-bottom:2px solid #f1f1f1; width:100%; padding:0 0 15px 0; margin:0 0 15px 0}
.infoCol1{width:65px; height:60px; vertical-align:top; padding:0 0 0 10px}
	.infoCol1 img{height:40px}
.infoHeadline{font:bold 12px Arial, Helvetica, sans-serif; color:#6b6f81; height:1px; padding:2px 0 0 0; white-space:nowrap}
.infoAdress{padding:0 0 0 0}
.infoLink{height:40px; padding:0 0 0 0}
.infoGlblHead2{padding:0 0 0 10px}
.infoGlblHead2 h3{padding:0 0 5px 0}

/* EISSTADIEN
***********************/
.stadienAdressBox{background:url(/grafik/bckgr_stadien.gif) no-repeat; float:left; height:158px; line-height:normal; margin-top:15px; padding-bottom:20px; width:375px}
.stadienLeft{background:url(/grafik/corner_stadien.gif) bottom left no-repeat; padding:0 0 0 10px}
.stadienBezirk{color:#485e73; font:bold 10px Verdana, Arial, Helvetica, sans-serif; margin:36px 0 0 0; text-transform:uppercase}
.stadienDomain{padding:0 0 6px 0}
.stadienRight{position:relative; top:-107px; left:211px; width:163px}
.stadienMoreInfo{background:url(/grafik/info_eisstadien.jpg); cursor:pointer; float:left; height:158px; width:47px; margin-top:15px}
.stadienMoreInfoExpanded{background:url(/grafik/info_eisstadien_expanded.jpg); cursor:pointer; display:none; float:left; height:158px; width:47px; margin-top:15px}
.stadienInfo{background:url(/grafik/corner_stadien.gif) bottom left no-repeat; clear:both; display:none; padding:15px 0 0 10px; width:385px}
#pageEisstadien strong{display:block}

/* MAILFORM
***********************/
#frmEmail{width:453px; padding:2px 0 3px 0; margin:0}
.clear{clear:both; margin:0 0 8px 0; padding:0; height:20px}
.left{width:220px; height:30px; float:left}
	.leftLeft{padding:0 10px 0 0}
	
.kDesc{width:65px; float:left; padding:0; margin:0}
.kInput{width:100px; float:left; padding:0; margin:0}
	.kInput input{width:150px}
	.betreff{width:380px!important}
	.betreff input{width:100%!important}


#emailMessage{height:150px; width:445px; overflow:auto; font:12px Arial, Helvetica, sans-serif}
.formListError{background-color:#fff; border:1px solid #d8212a}
.button{padding:2px 3px}
.error{width:287px; text-transform:none; padding:0 0 5px 6px; margin:0; background-color:#fff; border:1px solid #d8212a; color:#333; font-weight:bold; font-size:11px}
#errorH{font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:0; margin-bottom:5px; display:block}
#failuresH{padding-left:2px; font-size:11px; color:#4f5f6a; margin:0}

/* ******************************** 
****  ADMIN
******************************** */
.changeEntry input{border:1px solid #f1f1f1}
.adminInfo{border:1px solid #ccc; margin:15px 0; padding:5px 10px 0 10px; width:424px}
.adminInfo p{font-weight:bold; padding-top:6px}
.adminInfo img{float:left}

#admin table{border-collapse:collapse}
#admin th, #admin td{padding:1px 2px; text-align:left}
#admin th{border:1px solid #1474a9; background-color:#1474a9; color:#fff; font:bold 13px Arial, Helvetica, sans-serif}

/* TEMP
***********************/
.deativeLink{color:#ccc!important; cursor:default!important}
a.deativeLink:hover{text-decoration:none!important}

/* Tooltips */
/* DEPRECATED?
a:link span, a:visited span{display:none}
a:hover span{display:block; position:absolute; top:15px; width:210px; padding:10px; background-color:#fff; color:#333; border:1px solid #333}
*/
#hinweis{position:absolute; top:50px; left:50%; margin-left:-150px; padding:25px; background-color:#fff; border:3px solid #ccc; width:300px}

/* LINKDEFINITIONS
***********************/
a:link{color:#496dff; text-decoration:underline}
a:visited{color:#496dff; text-decoration:underline}
a:hover{color:#496dff; text-decoration:none}
a:active{color:#496dff; text-decoration:underline}


/* BUTTONS */
/* Add background.png */
button,
button span,
a.button,
a.button span
{
	background-image:url(/grafik/backgrounds.png) !important; background-repeat:no-repeat;
	line-height:normal;
}

button,
a.button{
	background-color:transparent;
	background-position:right 0; 
	border:0;
	color:#2f4154 !important;
	cursor:pointer;
	font:12px "Segoe UI", Arial, Helvetica, sans-serif;
	height:24px;
	margin:0 1px !important;
	overflow: visible;
	padding:0 15px 0 0 !important;
	position:relative;
	text-decoration:none !important;
	vertical-align:top;
	width:auto;
}
a.button{
	display:inline-block;
}
button span,
a.button span{
	background-position:0 0; 
	display:block !important;
	height:24px;
	line-height:22px;
	margin:0 !important;
	padding:0 0 0 15px !important;
	position:relative; 
	text-transform:none;
	vertical-align:baseline !important;
	white-space:nowrap;
	width:auto !important;
}
button::-moz-focus-inner{
	border:none !important;
	padding:0 !important;
}

/* **** STANDARD Button **** */
button:hover,
button:focus,
a.button:hover,
a.button:focus{
	background-position:right -24px;
}
button:hover span,
button:focus span,
a.button:hover span,
a.button:focus span{
	background-position:0 -24px;
}
button:active,
a.button:active{
	background-position:right -48px;
}
button:active span,
a.button:active span{
	background-position:0 -48px;
}

/* **** ACTION Button **** */
button.action,
a.button.action{
	background-position:right -72px; 
	color:#f0f9ed !important;
}
button.action span,
a.button.action span{
	background-position:0 -72px; 
}
button.action:hover,
button.action:focus,
a.button.action:hover,
a.button.action:focus{
	background-position:right -96px;
	color:#f0f9ed !important;
}
button.action:hover span,
button.action:focus span,
a.button.action:hover span,
a.button.action:focus span{
	background-position:0 -96px;
}
button.action:active,
a.button.action:active{
	background-position:right -120px;
}
button.action:active span,
a.button.action:active span{
	background-position:0 -120px;
}

/* **** ATTENTION Button **** */
button.attention,
a.button.attention{
	background-position:right -144px ; 
	color:#f4dde0 !important;
}
button.attention span,
a.button.attention span{
	background-position:0 -144px ; 
}
button.attention:hover,
button.attention:focus,
a.button.attention:hover,
a.button.attention:focus{
	background-position:right -168px;
}
button.attention:hover span,
button.attention:focus span,
a.button.attention:hover span,
a.button.attention:focus span{
	background-position:0 -168px;
}
button.attention:active,
a.button.attention:active{
	background-position:right -192px;
}
button.attention:active span,
a.button.attention:active span{
	background-position:0 -192px;
}

/* **** DISABLED AND READONLY BUTTONS **** */
button[disabled], 
button[disabled="disabled"],
button[readonly], 
button[readonly="true"]{
	background-position:right -216px ; 
	color:#fff !important;
	cursor:default;
}
button[disabled] span, 
button[disabled="disabled"] span,
button[readonly] span, 
button[readonly="true"] span{
	background-position:0 -216px ; 
}
button[disabled]:hover,
button[disabled]:focus,
button[disabled="disabled"]:hover,
button[disabled="disabled"]:focus{
	background-position:right -216px;
}
button[disabled]:hover span,
button[disabled]:focus span,
button[disabled="disabled"]:hover span,
button[disabled="disabled"]:focus span,
button[readonly]:hover span,
button[readonly]:focus span,
button[readonly="true"]:hover span,
button[readonly="true"]:focus span{
	background-position:0 -216px;
}
button[disabled]:active,
button[disabled="disabled"]:active,
button[readonly]:active,
button[readonly="true"]:active{
	background-position:right -216px;
}
button[disabled]:active span,
button[disabled="disabled"]:active span,
button[readonly]:active span,
button[readonly="true"]:active span{
	background-position:0 -216px;
}

/* TOGGLE BOX */
/* BUTTONS */
/* Add background.png
.toggleBox,
.toggleBox h2
{
	background-image:url(/grafik/backgrounds.png) !important; background-repeat:no-repeat;
	line-height:normal;
}

.toggleBox{
	background-color:transparent;
	background-position:right 0; 
	border:0;
	color:#2f4154 !important;
	cursor:pointer;
	display:inline;
	font:12px "Segoe UI", Arial, Helvetica, sans-serif;
	height:24px;
	margin:0 1px !important;
	overflow: visible;
	padding:0 15px 0 0 !important;
	position:relative;
	text-decoration:none !important;
	vertical-align:top;
	width:auto;
}

.toggleBox h2{
	background-position:0 0; 
	display:block !important;
	font-size:16px;
	font-weight:normal;
	height:24px;
	line-height:22px;
	margin:0 !important;
	padding:0 0 0 15px !important;
	position:relative; 
	text-transform:none;
	vertical-align:baseline !important;
	white-space:nowrap;
	width:auto !important;
}

.toggleBox:hover,
.toggleBox:focus{
	background-position:right -24px;
}
.toggleBox:hover h2,
.toggleBox:focus h2{
	background-position:0 -24px;
}
.toggleBox:active{
	background-position:right -48px;
}
.toggleBox:active h2{
	background-position:0 -48px;
}
 */