/* AJAX Tabs */
UL.mytabs {
     position: relative;
     z-index: 2;
     list-style-type: none;
}
UL.mytabs, UL.mytabs LI {
     margin: 0;
     padding: 0;
     list-style: none;
     float: left;
}
UL.mytabs LI {
	padding: 0 0px;
	list-style-type: none;
}

UL.mytabs LI A {
     float: left;	
     padding: 4px;
     border: 1px solid #CCCCCC;
     border-bottom: 1px solid #FFFFFF;
     background: #F0F0F0;
     text-decoration: none;
     color: #333333;
     list-style-type: none;
     height: 15px;
}
UL.mytabs LI A:HOVER, UL.mytabs LI.current A {
     background: #fff;
     list-style-type: none;
}
UL.mytabs LI.current A {
     font-weight: bold;
     font-size: 14px;
     border-bottom: 1px solid #fff;
}
.mytabs-container {
     position: relative;
     z-index: 1;
     clear: both;
     border: 1px solid #E0E0E0;
     padding: 10px;
     top: -1px;
}

/* shoutbox */
div.clear {
	clear:both;
}
div#container {
	width:196px;
	background: transparent;
}
div#comments {
	/*height:845px;*/
	height:700px;
	overflow-y:scroll;
	overflow-x:hidden;
	/* border:1px solid #666; */
	background-color:#ffffff;
	/* background: #D2D1D0 url(../gfx/background_slice2.png) repeat-x scroll left top; */
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;
}

div#useronline {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
div#sb_comments {
	width:98%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
div.comment {
	/* padding:10px; */
	border-bottom:1px solid #ccc;
}
div.comment-unapproved {
	padding:10px;
	border-bottom:1px solid #ccc;
	background-color:#e1e1e1;
}
div.date {
	display:block;
	/*background:url(images/date-bg.png) no-repeat; */
	width:37px;
	height:26px;
	color:#fff;
	font-size:10px;
	text-align:center;
	line-height:1em;
	padding-top:6px;
	float:left;
	margin:0 10px 0 0;
}
div.comment-unapproved div.date {
	/* background:url(images/date-bg-1.png) no-repeat; */
}
span.content {
	font-size:12px;
	line-height:1.4em;
}
div#submission {
	margin-top:10px;
}
div#submission input#sb_message {
	float:left;
	width:160px;
	border:1px solid #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div#loader {
	float:left;
	width:180px;
	height:56px;
	border:1px solid #666;
	background-color:#fff;
}
div#loader img.load-gif {
	display:block;
	width:16px;
	height:16px;
	margin:15px auto 0 auto;
}
div#loader span.success {
	display:block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 0;
	margin-top:15px;
}
span.limit {
	position:relative;
	width:20px;
	margin-top:3px;
	background-color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding:2px;
}
div#too-short {
	float:left;
	width:252px;
	height:56px;
	border:1px solid #000000;
	background-color:#FF0000;
}
div#too-short span.error {
	display:block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 10px;
	margin-top:10px;
	color:#FFFFFF;
}
span.time {
color:#666666;
font-size:11px;
}



/*  texte  */
.tdhell   { background-color: #f1f1f1; }
.tddunkel { background-color: #8db8ce; font-weight: bold }

.small {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6B6B6B;
}
.smallbold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #6B6B6B;
}

.bold {
	font-weight:bold;
}
.notsosmall {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6B6B6B;
}
.verysmall {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #6B6B6B;
}
.big {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #6B6B6B;
}

.red {
	/*
	font-size: 10px;
	color: #9b0b00;
	background-color:#f5f5f5;
	border-width:1px;
	border-style:solid;
	border-color:#9b0b00;
	font-weight:bold;
	*/
background-color: #d00;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d00), to(#c40000));
background-image: -webkit-linear-gradient(top, #d00, #c40000);
background-image: -moz-linear-gradient(top, #d00, #c40000);
background-image: -ms-linear-gradient(top, #d00, #c40000);
background-image: -o-linear-gradient(top, #d00, #c40000);
background-image: linear-gradient(top, #d00, #c40000);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
width: 17px;
height: 17px;
top: 8px;
right: -9px;
color: #fff;
text-shadow: none;
font-size: 11px;
text-align: center;
font-weight:normal;
z-index: 3;
}

.even{
	margin:0px;
	padding-left: 5px;
	padding-left: 5px;
	padding-top: 2px;
    padding-bottom: 2px;
	background-color:#ffffff;
}

.odd{
	margin:0px;
	padding-left: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color:#cce1f8;
}

/* Widebar */

#widebar {
	margin: 0 10px;
	background: transparent;
	font-size: 13px;
}

#widebar #colA {
	float: left;
	width: 280px;
}

#widebar #colB {
	float: left;
	width: 300px;
	padding-left: 10px;
}

#widebar #colC {
	float: left;
	width: 290px;
	padding-left: 10px;
}

#widebar #colD {
	float: left;
	width: 400px;
	padding-left: 0px;
}
#widebar #colE {
	float: left;
	width: 200px;
	padding-left: 10px;
}

#widebar h3 {
	color:#fff;
	font-size: 18px;
	font-weight: bold;
}

/* tooltip */
#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:10px;
	width:180px;
	opacity:0.9;
}

#tooltip .tipHeader {
	height:8px;
	background:url(../gfx/tipHeader.gif) no-repeat;	
}

/* IE hack */
*html #tooltip .tipHeader {margin-bottom:-6px;}

#tooltip .tipBody {
	background-color:#000;
	padding:5px 5px 5px 15px;
	font-size: 12px;
}

#tooltip .tipFooter {
	height:8px;
	background:url(../gfx/tipFooter.gif) no-repeat;
}

/* tooltip shoutbox */
#sb_tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:10px;
	width:180px;
	opacity:0.9;
}

#sb_tooltip .sb_tipHeader {
	height:8px;
	background:url(../gfx/tipHeader.gif) no-repeat;	
}

/* IE hack */
*html #sb_tooltip .sb_tipHeader {margin-bottom:-6px;}

#sb_tooltip .sb_tipBody {
	background-color:#000;
	padding:5px 5px 5px 15px;
	font-size: 12px;
}

#sb_tooltip .sb_tipFooter {
	height:8px;
	background:url(../gfx/tipFooter.gif) no-repeat;
}



/* AJAX Search Form + Suggestions */
.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}

.suggestionList li:hover {
    background-color: #659CD8;
}

/* idle timeout */

#idletimeout {
	background:#CC5100;
	border:3px solid #FF6500;
	color:#fff;
	font-family:arial, sans-serif;
	text-align:center;
	font-size:15px;
	padding:10px;
	position:relative;
	top:0px; 
	left:0; 
	right:0; 
	z-index:100000; 
	display:none; 
}

/* paginate */
.paginate {
font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 3px;
}

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #999;
	text-decoration:none;
	color: #666;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #999;
	color: #000;
	background-color: #cce1f8;
}
.paginate span.current {
    margin: 2px;
	padding: 2px 5px 2px 5px;
		border: 1px solid #999;
		font-weight: bold;
		background-color: #cce1f8;
		color: #000;
	}
	.paginate span.disabled {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:1px solid #eee;
		color:#DDD;
	}

	.paginate li{
		padding:4px;
		margin-bottom:3px;
		background-color:#FCC;
		list-style:none;
	}

	.paginate ul{
		margin:6px;
		padding:0px;
	}

/* commentbox fuer ajax display */
div#commentbox {
	border:1px solid #666;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;
}

/* bild in pms */
div#pnpic {
	border:1px solid #021a40;
	text-align:right;
	float:right
}

/* modal overlay */
.modal-window
{
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	padding:0;
	z-index:102;
}
* html .modal-window
{
	position:absolute;
}
.close-window
{
	position:absolute;
	width:32px;
	height:32px;
	right:8px;
	top:8px;
	background:transparent url('../gfx/fancy_close.png') no-repeat scroll right top;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
	opacity:.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.close-window:hover
{
	opacity:.99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
}


/* icons dienstplan */
.glvd			{ background-color: #00ff00; }
.icon-FD		{ background-image: url('../gfx/icon_sonne.png'); background-repeat:no-repeat; background-position:center top; }
.icon-NB		{ background-image: url('../gfx/icon_mond.png') ; background-repeat:no-repeat; background-position:center bottom; }
.icon-note		{ background-image: url('../gfx/icon_dot.png') ; background-repeat:no-repeat; background-position:right top; }
.icon-note_red	{ background-image: url('../gfx/icon_dot_red.png') ; background-repeat:no-repeat; background-position:right top; }

.icon-FDNB {
background-image: url('../gfx/icon_sonne.png'), url('../gfx/icon_mond.png');
background-position: center top, center bottom;
background-repeat: no-repeat, no-repeat;
}

.icon-FDNBnote {
background-image: url('../gfx/icon_sonne.png'), url('../gfx/icon_mond.png'), url('../gfx/icon_dot.png');
background-position: center top, center bottom, right top;
background-repeat: no-repeat, no-repeat, no-repeat;
}

.icon-NBnote {
background-image: url('../gfx/icon_mond.png'), url('../gfx/icon_dot.png');
background-position: center bottom, right top;
background-repeat: no-repeat, no-repeat;
}

.icon-FDnote {
background-image: url('../gfx/icon_sonne.png'), url('../gfx/icon_dot.png');
background-position: center top, right top;
background-repeat: no-repeat, no-repeat;
}

.icon-FDNBnote_red {
background-image: url('../gfx/icon_sonne.png'), url('../gfx/icon_mond.png'), url('../gfx/icon_dot_red.png');
background-position: center top, center bottom, right top;
background-repeat: no-repeat, no-repeat, no-repeat;
}

.icon-NBnote_red {
background-image: url('../gfx/icon_mond.png'), url('../gfx/icon_dot_red.png');
background-position: center bottom, right top;
background-repeat: no-repeat, no-repeat;
}

.icon-FDnote_red {
background-image: url('../gfx/icon_sonne.png'), url('../gfx/icon_dot_red.png');
background-position: center top, right top;
background-repeat: no-repeat, no-repeat;
}