/*
css-file of www.sha-event.de

All rights reserved. (c) 2006
*/

/* ############# Allgemeines ############### */

body {	
    font: x-small sans-serif;
    background: #BEE1F7 0 0 repeat;
    color:             black;
    margin:              0px;
    padding:             0px;
    cursor:          default;
}

a {
    text-decoration:    none;
    color:            orange;
    background:         none;
}
/*
a:visited {
  color:             #5a3696;
}
a:active {
  color:             #faa700;
}
*/
a:hover {
  text-decoration: underline;
}

form input {
  font: x-small sans-serif;  
}

button {
	font: x-small sans-serif;
}

table {
  border: 0px;
}

h1 {
	color:         white;
	font-weight:    bold;
	text-align:	    left;
	font-size:	110%;
        padding:	 0px;
	margin:		 0px;
}

img {
	border: 0;
}

div.headline{
	font-size:      20pt;
	color:       #FEC92A;
	width:	       180px;
	line-height:     1em;
}

div.motto {
	line-height:     1em;
	text-align:	    left;
}

table.border td {
	border: 1px solid black;
}

 /*td { border: 1px solid black; } */

td.option {
	vertical-align:  top;
}

/*Schriften */

/*Javascript link*/
span.jslink{
	text-decoration:    none;
    color:            orange;
    background:         none;
    cursor: pointer;
}

span.jslink:hover{
	text-decoration: underline;
}

span.text{
	font-size:8pt;
}

span.text-big{
	font-size:9pt;
	font-weight:bold;
}

span.text-big2{
	font-size:11pt;
	font-weight:bold;
}

/*Top Menu*/

td.nav-top-end{
	background-image:url(./nav.components/nav.rechts.gif);
	width:22px;
	background-repeat:no-repeat;
	
}

td.nav-top-middle{
	vertical-align:top;
}

td.nav-top-logo{
	min-width:193px;
	max-width:193px;
	width:193px;
	vertical-align:top;
	background-image:url(./nav.components/nav.logobg.gif);
}

div.nav-top-content{
	height:87px;
	vertical-align:bottom;
	background-image:url(./nav.components/nav.bgoben.jpg);	
}




/* ############# Umrahmungen ############### */

#nav {
	z-index:	   1;
	border:		none;
	left:		 0px;
	top:		 0px;
	float:		left;
	margin:	       0.0em;
	padding:       0.0em;
	line-height:   1.5em;
	text-align:	left;
	text-indent:	   0;
	font-size:	100%;
	text-transform:	none;
	white-space:  normal;
}

#nav-logo-down {
	position:   relative;
	z-index:	   1;
	border:		none;
	background:           url(./nav.components/nav.logobg.gif);
	left:		 0px;
	top:		 0px;
	width:	       193px;
	height:	       133px;
	float:		left;
	margin:	       0.0em;
	padding:       0.0em;
	line-height:	 1em;
	text-align:	left;
	text-indent:	   0;
	font-size:	100%;
	text-transform:	none;
	white-space:  normal;
}

#nav-top {
	position:absolute;
	z-index:	   1;
	border:		none;
	background:           url(./nav.components/nav.bgoben.jpg);
	left:	       193px;
	top:		 0px;
	width:	       530px;
	height:		87px;
	float:		left;
	margin:	       0.0em;
	padding:	 0em;
	line-height:   1.0em;
	text-align:     left;
	text-indent:       0;
	font-size:	  0%;
	text-transform:	none;
	white-space:  normal;
}


#nav-top-banner {
	left:		20px;
	top:		20px;	
	border:		none;
	text-align:		left;
	display:      inline;
	background:url(./nav.components/nav.bgoben.jpg);
	height:87px;
	vertical-align:middle;	
}

#nav-bglogin {
	position:   absolute;
	z-index:	   1;	
	border:		none;
	background:           url(./nav.components/nav.bghelloben.jpg);
	left:	       680px;
	top:		 0px;
	width:		24px;
	height:		87px;
	float:		left;
	margin-top:	 0em;
	padding:	 0em;
	line-height:  1.15em;
	text-align:   center;
	text-indent:	   0;
	font-size:	100%;
	text-transform: none;
	white-space:  normal;
	color:	       white;
	font-weight:	bold;
}

#nav-bg {
	position:   relative;
	z-index:          -1;
	border:		none;
	background:           url(nav.components/nav.bg.jpg);
	left:		 0px;
	top:		 0px;
	width:	       131px;
	float:		left;
	margin:	       0.0em;
	padding:       0.0em;
	line-height:   1.5em;
	text-align:	left;
	text-indent:	   0;
	font-size:	100%;
	text-transform: lowercase;
	white-space:  normal;
}

#nav-rand-rechts {
	position:   absolute;
	z-index:	   1;
	border:		none;
	background:	      url(nav.components/nav.rechts.gif);
	left:	       720px;
	top:		 0px;
	width:		22px;
	height:		87px;
	float:		left;
	margin:        0.0em;
	padding:       0.0em;
	line-height:   1.5em;
	text-align:     left;
	text-indent:       0;
	font-size:	100%;
	text-transform: none;
	white-space:  normal;
}

#logo {
	vertical-align:	 top;
	border:		none;
	background:	      url(./graphics/shaevent.gif);
	left:		 0px;
	top:		 0px;
	width:	       151px;
	height:		99px;
	float:		left;
	margin:		 0em;
 }

#sonstiges {
	position:   relative;
	z-index:	   1;
	color:	       white;
	border:		none;
	width:		100%;
	left:		 0px;
	top:		 0px;
	float:	      none;
	margin:	       0.0em;
	padding-left:	 0em;
	padding-right:	 0em;
	padding-top:	 0em;
	padding-bottom:0.2em;
	line-height:   0.4em;
	text-align:   center;
	text-indent:     0px;
	font-size:	 55%;
	text-transform: lowercase;
	white-space:  normal;
 }

#nav-rand-unten {
	position:   relative;
	z-index:	   1;
	border:		none;
	background:           url(nav.components/nav.unten.gif);
	left:		 0px;
	top:		20px;
	width:	       131px;
	height:         32px;
	float:          left;
	margin:        0.0em;
	padding:       0.0em;
	line-height:   1.5em;
	text-align:	left;
	text-indent:	   0;
	font-size:	100%;
	text-transform: lowercase;
	white-space:  normal;
}

#hauptteil {
	position:   absolute;
	z-index:           1;
	border:		none;
	width:		100%;
	text-align:   center;
	font-size:      100%;
 }

#platzunterlogo {
	height:         30px;
	position:   relative;
 }


div.head-text-shadow {
	display:	none;
 }

div.head-text h2 {
	font-size:	13px;
	font-weight: 	bold;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	line-height: 	 1em;
	text-align: 	left;
 }

#untermenue p { padding-top:0px; padding-bottom:0px; }

#hauptmenue highlight a {
    color: #FFCC11; text-transform:uppercase;
 }

#untermenue a { color: #CCCCFF; font-weight: bold; }

#hauptmenue a { font-weight: bold; text-decoration:none; }


/* ############# Navigationsmenue ############### */


#nav td.hauptmenue {  
	z-index:	   1;
	border:		none;
	width:		100%;
	background:           url(nav.components/nav.bghell.jpg) repeat;
	left:		 0px;	
	top:		10px;
	float:		left;
	margin:	       0.0em;
	padding-left:	 0em;
	padding-right:	 0em;
	padding-top:   0.2em;
	padding-bottom:0.2em;
	line-height:   1.5em;
	text-align:	left;
	text-indent:	12px;
	font-size:	120%;
	text-transform: lowercase;
	white-space:  normal;
 }

#nav {  
	z-index:	   1;
	border:		   0;
	background:	none;
	right:		 0px;
	margin:		 0px;
	text-transform: none;
	white-space:  normal;
	width:		100%;
 }

#nav ul {
	list-style:	none;
	margin:	 	   0;
	padding:	   0;
	border:		none;
}

#nav h2 a {
	display:       block;
	margin:  0 0px 0 0px;
	padding-left:	 8px;
	font-size:	10pt;
	color: 		#FFF;
	text-decoration:none;
	width:		100%;
}

#nav h2 {
	padding: 2px 0 2px 0;
	background:	      url(./nav.components/nav.bghell.jpg) repeat;
	margin: 12px 0 6px 0;
	border-left: 0px solid #b4b19f; 
	color: 		#FFF;
	font-size: 	 9pt;
	text-decoration:none;
	width: 		100%;
	line-height:   1.8em;
}

#nav h2.active {

}

#nav h2:HOVER {

}

#nav li {
	margin:  0px 22px 0px 0px;
}

#nav li a {
	display:       block;
	padding: 2px 0px 2px 15px;
	margin:  2px 0px 2px 0px;	
	color: 		#FFF;
	font-size: 	 9pt;
	text-decoration:none;
	width: 		100%;
	line-height:   1.2em;
}

#nav li.last a {
	border-bottom: 0px solid #FFF;
}
#nav li.highlight a {
	color:	     #FEC92A;
}

#nav li.active a {
	border-left: 5px solid #FEC92A;
	background-color: #070D87;
}

#nav li a:hover {
	border-left: 5px solid #FEC92A;
	background-color: #2233B7;
	color:	        #FFF;
}

#nav li.highlight a:hover {
	border-left: 5px solid #FEC92A;
	background-color: #2233B7;
	color:       #FEC92A;
}

#nav li.active a:hover {
	border-left: 5px solid #FEC92A;
	background-color: #070D87;
	color:       #FEC92A;
}


/* ############# Kalender ############### */


#calendar {  
	z-index:	   1;
	border:		   0;
	background:	none;
	right:		 0px;
	margin:		 0px;
	text-transform: none;
	white-space:  normal;
	width:		100%;
 }

#calendar a {
	color:          #FFFFFF;      /*Schriftfarbe der Tage*/
 }

#calendar td {
	margin:		 0px;
	padding:	 0px;
	text-align:   center;
 }

#calendar table {
	width:		100%;
 }

#calendar td.yesterday {
	background-color: transparent;    /*Zellenfarbe der vergangenen Tage*/
 }

#calendar td.today {
	background-color: #FEC92A; /*Zellenfarbe HEUTE*/
 }

#calendar td.today a {
	color:       #000000;      /*Schriftfarbe HEUTE*/
 }

#calendar td.event {
	background-color: #3E47C6; /*Zellenfarbe der Tage mit Event*/
 }

#calendar td.event a:hover {
	text-decoration: none;
	color:       #FEC92A;      /*Mouse over bei Eventtag*/
 }

#calendar td.tomorrow {
	background-color: transparent;    /*Zellenfarbe der Tage ohne Event*/
 }

#calendar td.noevent {
	color:       #8F9BFB;
 }

#calendar td.wday {
	color:         white;
 }

#calendar h2 {
	padding: 2px 0px 2px 0px;
	background:           url(nav.components/nav.bghell.jpg) repeat;
	margin: 0px 0px 0px 0px;
	border-left: 0px solid #b4b19f; 
	color:	        #FFF;
	text-align:   center;
	font-size:	 9pt;
	width:		100%;
	line-height:   1.8em;
}
#calendar h2 a {
	display:      inline;
	padding: 0 5px 0 5px;
	margin:  0 0px 0 0px;
}


/* ############# Loginformular ############### */


#loginform {
	padding: 2px 0 2px 0;
	background:           url(nav.components/nav.bghell.jpg) repeat;
	margin:  0 0px 0px 0;
	border-top: 2px solid #FEC92A; 
	border-bottom: 2px solid #FEC92A; 
	color:		#FFF;
	text-align:	left;
	width:	       131px;
	font-weight:	bold;
}

#logintitle h2 {
	padding: 2px 0px 2px 12px;
	margin: 0px 0 -4px 0;
	background:	none;
	line-height:	 1em;
	font-size:	18px;
}

#loginform table {	
	border: 0px solid #000000;
 }

#loginform td.box {
	padding-left:    0px;
	text-align:    right;
 }
 
#loginform td.boxtext {
	padding-left:    2px;
	line-height:   1.1em;
 }

#loginform td {
	padding-left:    8px;
	border: 0px solid #000000;
 }

#loginform td.button {
	text-align:    right;
	padding-right:   4px;
 }

#loginform a {
	color:       #FEC92A;
	text-decoration:underline;
 }

#loginform a:hover {
	text-decoration:none;
 }

#loginform td.register {
	color:       #FEC92A;
	text-align:   center;
	font-size:	10px;
 }

#loginform input.login {
  font-size: 9px;
 }

#date_info {
	padding: 2px 0 2px 0;
	background:           url(nav.components/nav.bghell.jpg) repeat;
	margin:  0px 0 0px 0;
	color: 		#FFF;
	text-align:   center;
	width: 		100%;
	font-weight:	bold;
}

#date_info span #standard {
	color:		#000;
}

/* ############# User Control Bar ############### */
div.controlBar{
	text-align:center;
	position:absolute;
	background-color:white;
	vertical-align:middle;
	width:688px;
	height:20px;
	z-index:1;
}

td.controlBar1{
	width:17px;
	height:30px;
	background-color:white;
	vertical-align:bottom;
	background-image:url(./nav.components/box.left.png);
	background-repeat:repeat-y;
}

td.controlBar2{
	height:30px;
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:white;
	background-image:url(./nav.components/box.bottom.png);
	vertical-align:top;
	padding-top:3px;
}

td.controlBar3{
	height:30px;
	width:17px;
	background-image:url(./nav.components/box.right.png);
	background-repeat:repeat-y;
	vertical-align:bottom;	
}

input.logoutButton{
	cursor:pointer;
	background-color:transparent;
	border-color:black;
	border-width:0px;
	height:15px;
}

/* ############# BoxKlassen ############### */

table.blockMain{
	margin-left:15px;
}

td.boxTopLeft{
	width:17px;
	height:15px;
	background-position:bottom;
	background-repeat:no-repeat;
	background-image:url(./nav.components/box.top.left.png);
}

td.boxTop{
	background-image:url(./nav.components/box.top.png);
	background-position:bottom;
	background-repeat:repeat-x;
	font-weight:bold;
	font-size:14pt;	
}

td.boxTopRight{
	background-image:url(./nav.components/box.top.right.png);
	background-position:bottom;
	background-repeat:no-repeat;
	height:15px;
	width:17px; 
}

td.boxLeft{
	 width:17px;
	 background-image:url(./nav.components/box.left.png);
}

td.boxContent{
	background-color:#FFFFFF;
	font-size:8pt;  /* Allgemeine Textgr��e */
	
}

td.boxRight{
	width:17px;
	background-image:url(./nav.components/box.right.png);
}

td.boxBottomLeft{
	height:18px;
	width:17px;
	background-image:url(./nav.components/box.bottom.left.png);
}

td.boxBottom{
	background-image:url(./nav.components/box.bottom.png);
}

td.boxBottomRight{
	height:18px;
	width:17px;
	background-image:url(./nav.components/box.bottom.right.png);
}

/* ############# Headline Box Design ############### */

table.HeadlineMain{
	margin-left:10px;
}

td.HeadlLeft{
	background-image:url(nav.components/head.left.png);
	height:49px;
	width:15px;
}

td.HeadlContent{
	background-image:url(nav.components/head.png);
	color:white;
	font-size:14pt;
	vertical-align:top;
	padding-top:8px;
}

td.HeadlRight{
	background-image:url(nav.components/head.right.png);
	height:49px;
	width:16px;
}

/* ############# Forumdesign ############### */

table.forum{	
	border:0;	
	
}

th.forum{
	font-size:9pt;
	text-align:left;
	font-weight:bold;
	margin:0px;
}

td.forum1{
	text-align:left;
	background-color:#FFFFFF;
	padding:3px;
	margin:0px;
	
	
}

td.forum2{
	text-align:left;
	background-color:#d3effe;
	padding:3px;
	margin:0px;	
}


/* ############# Hauptteil ############### */

table.headline {
	border-bottom:   0px solid orange;	
	border-collapse: collapse;
}
table.headline td {
	padding: 0px 0px 0px 20px;
}

table.main {
	width:	      673px;
}

table.main table.event {
	background-image:url(./nav.components/shbox4.bg.jpg);
	border-collapse: collapse;
}

table.main table.event td.event {
	padding: 8px 0px 0px 20px;
}

table.main table.event td.box-top {
	background:           url(nav.components/shbox4.top.jpg);
	height: 	20px;
	border-collapse: collapse;
	font-size: 	14px;
	font-weight:	bold;
	margin:  0px 0 0px 0;
	padding: 4px 0 2px 24px;
	line-height:	 1em;
	text-align:	left;
}

table.main table.event td.box-bottom {
	background:           url(nav.components/shbox4.bottom.jpg);
	height:		18px;
	border-collapse: collapse;
}

table.main table.event td.box-top-right {
	background:           url(nav.components/shbox4.top.right.jpg);
	width:		22px;
	height:		20px;
	border-collapse: collapse;
}

table.main table.event td.box-bottom-right {
	background:           url(nav.components/shbox4.bottom.right.jpg);
	width:		22px;
	height:		18px;
	border-collapse: collapse;
}

table.main table.event td.box-event-right {
	background:           url(nav.components/shbox4.bg.right.jpg);
	width:          22px;
	border-collapse: collapse;
}

table td.space {
	height:		20px;
}
table.space {
	border-collapse: collapse;
}

/* ############# Register Events ############### */

#register {
	font-size:	 9px;
	position:   absolute;
	top:           200px;
	left:          300px;
}

#register table {
	border-collapse: collapse;	
	width:         500px;
}

#register td.showopt {
	font-size:      11px;
	height:         24px;
	width:	       100px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#register table.opt {
	border-collapse: collapse;	
	width:         500px;
}

#register td.opt {
	font-size:	11px;
	height:        250px;
	width:         500px;
	text-align:   center;
	border-bottom: 1px solid #000;
 }

#register td.betweenshowopt {
	width:	 	15px;
 }

#register a {
	text-decoration:none;
 }

#register td.noline {
	text-align:   center;
	width:	       100px;
	border:		none;
 }

#register td.betweennoline {
	width:		15px;
	border:		none;
 }

#register td.betweenline {
	width:		15px;
	border-top: 1px solid #000;
 }

#register td.line {
	border-top: 1px solid #000;
	text-align:   center;
	width:	       100px;
 }

/* ############# sha-event ALT ############### */


span.region-txt{
	font-size:8pt;
}

/*Farbe f�r special Verlosungen*/
span.specialWin{
	color:red;
}







span.color1{
	color:#0257A7; /*blau*/
}

span.color2{
	color:#FEC92A; /*Orange*/
}









span.error{
	font-size:12pt;
	font-weight:bold;
	color:red;
}

span.success{
	font-size:20pt;
	font-weight:bold;
	color:green;
}

span.text h4 {
	font-weight: bold;
	width:100%;
	line-height:	 1em;
}

.h4 {
	background-color: #FEC92A;
	padding: 0px 6px 0px 4px;
	margin: 0;
}

li
{
	list-style:none;
	margin-bottom:6px;
}

ul
{
	margin-left:-18px;
}


/* ############# Messages ############### */
	.message{
		position:fixed;
		z-index:7;
		top:150px;
		left:100px;
		width:400px;
		height:290px;
		background-color:#bee1f7;
		display:none;
		border: solid 2px black;
	}
	
	.message_from{
		background-color:#fec92a;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		padding:4px;
	}
	
	.message_from a{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#000000;
	}
	
	.message_trenn{
		background-color:#000000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		padding:4px;
		color:#FFFFFF;
	}
	
	.message_showmsg{
		background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:4px;
		overflow:auto;
		width:392px;
		height:60px;
		
	}
	
	.message_showold{
		background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:4px;
		overflow:auto;
		width:392px;
		height:60px;
		border-top:1px solid #B9B9B9;
	}
	
	.message_text{
		background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:4px;
		width:388px;
		height:60px;
		margin:0px;
	}
	
	.message_control{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:4px;
		width:392px;
		vertical-align:bottom;
		
	}