body
{
	background:url(../../../images/br_paper.jpg) repeat;
	font-family:Times, serif;
	font-size:10pt;
	color:#4C4237;
}
a {color:#4C4237;}

img {border:none}
img.trans  {border:none;width:100%;height:100%}
img.schatten, img.grafik, div#grafikleer {
background:#CCCCCC url(../../../images/bg_cardboard.jpg) no-repeat;
border-bottom:2px solid #EEEEEE;
border-right:2px solid #EEEEEE;
padding-bottom:2px;
padding-right:2px;
}
div#grafikleer {
	background:url(../../../images/bg_cardboard.jpg) no-repeat;
	width:550px;height:400px;
	text-align:center;
	z-index:99;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


#logo 
{
	
	background:url(../../../images/bigsprite.png) -0px -0px no-repeat !important;
	background:url(../../../images/bigsprite_8.png) -0px -0px no-repeat;
	position:absolute;
	left:10px;
	top:10px;
	width:382px;
	height:54px;
}
#werbung 
{
	
	background:url(../../../images/bigsprite.png) -0px -81px no-repeat !important;
	background:url(../../../images/bigsprite_8.png) -0px -81px no-repeat;
	width:108px;
	height:27px;
}

#fleck{
height:496px;width:402px;
background:url(../../../images/kaffeefleck.png) no-repeat !important;
background:url(../../../images/zettel_ie.gif) no-repeat;
position:absolute; left:850px;	top:50px;	
}
#fleck2{
height:496px;width:402px;background:url(../../../images/kaffeefleck.png) no-repeat !important;
background:transparent;
position:absolute; left:-20px;	top:320px;	
}

#blatt
{ 
	width:625px;
	position:absolute;
	left:240px;
	top:40px;
	display:block;
	
}
	#blatt .top 
	{
		height:98px;
		width:630px;
		overflow:hidden;
		background:url(../../../images/bigsprite.png) -15px -352px no-repeat !important;
		background:url(../../../images/bigsprite_8.png) -15px -352px no-repeat;
	}
		#blatt .top .content{padding:10px; padding-top:45px; }
		#blatt .top .content h1 {display:none};
			#blatt .top .content #hgrafik {background:url(../../../images/bigsprite.png) -462px -262px no-repeat; width:155px;height:25px;}
			#blatt .top .content #hrechner {background:url(../../../images/bigsprite.png) -365px -216px no-repeat; width:155px;height:25px;}
			#blatt .top .content #hmatrix {background:url(../../../images/bigsprite.png) -365px -240px no-repeat; width:155px;height:23px;}
			#blatt .top .content #hinfos {background:url(../../../images/bigsprite.png) -365px -263px no-repeat; width:92px;height:24px;}
			#blatt .top .content #hkontakt {background:url(../../../images/bigsprite.png) -365px -286px no-repeat; width:56px;height:24px;}
			#blatt .top .content #hkommentare {background:url(../../../images/bigsprite.png) -439px -286px no-repeat; width:92px;height:24px;}
			

			#blatt .top .content #datum {width:160px;float:right;height:24px;}
			.zahl {height:21px;display:block;float:left;background:url(../../../images/bigsprite.png) -163px -192px no-repeat; }
			#zpunkt {background-position: -163px -192px; width:3px;}
			#z1 {background-position: -0px -192px; width:6px;}
			#z2 {background-position: -8px -192px; width:14px;}
			#z3 {background-position: -26px -192px; width:13px;}
			#z4 {background-position: -46px -192px; width:12px;}
			#z5 {background-position: -61px -192px; width:13px;}
			#z6 {background-position: -80px -192px; width:12px;}
			#z7 {background-position: -96px -192px; width:11px;}
			#z8 {background-position: -111px -192px; width:11px;}
			#z9 {background-position: -128px -192px; width:12px;}
			#z0 {background-position: -146px -192px; width:12px;}
			
			
	#blatt .center 
	{
		min-height:725px;
		width:628px;
		background:white url(../../../images/box_center.png)  repeat-y;
	}
		#blatt .center .content
		{
			padding-left:30px;
			padding-right:30px;
			
		}
	
	#blatt .bottom
	{
		height:51px;
		width:630px;
		overflow:hidden;
		background:url(../../../images/bigsprite.png) -15px -459px no-repeat !important;
		background:url(../../../images/bigsprite_8.png) -15px -459px no-repeat;
	}
		#blatt .bottom .content{
				padding:10px; padding-top:0px; padding-bottom:15px;
				
			}
			
	#blatt ul.tabs
	{
		width:75px;
		height:400px;
		float:right;
		margin-right:-55px;
		list-style-type:none;
		margin-left:0;
		padding-left:0;
	}
	#blatt ul.tabs li{
		background:url(../../../images/bigsprite.png) -246px -81px no-repeat;
		height:160px;
		width:34px;
		margin-bottom:-10px;
		padding-right:8px;
		padding-top:20px;
		overflow:hidden;text-align:right;
	}
	#blatt ul.tabs li.selected{height:180px;}
	#blatt ul.tabs li.selected, #blatt ul.tabs li:hover{
		background:url(../../../images/bigsprite.png) -287px -81px no-repeat;
		width:65px !important;
		width:85px;
		overflow:visible;
		margin-left:-20px !important;
		margin-left:0px;
		margin-bottom:-3px;
	}
	
	#blatt ul.tabs li #tab_weitereinfos{
		background:url(../../../images/bigsprite.png) -143px -56px no-repeat !important;
		background:url(../../../images/bigsprite_8.png) -143px -56px no-repeat;
		height:92px;width:25px;float:right;
	}
	#blatt ul.tabs li #tab_matrix{
		background:url(../../../images/bigsprite.png) -167px -56px no-repeat !important;
		background:url(../../../images/bigsprite_8.png) -167px -56px no-repeat;
		height:132px;width:20px;float:right;
	}
	#blatt ul.tabs li #tab_rechner{
		background:url(../../../images/bigsprite.png) -191px -56px no-repeat !important;
		background:url(../../../images/bigsprite_8.png) -191px -56px no-repeat;
		height:136px;width:20px;float:right;
	}
	#blatt ul.tabs li #tab_grafik{
		background:url(../../../images/bigsprite.png) -215px -56px no-repeat !important;
		background:url(../../../images/bigsprite_8.png) -215px -56px no-repeat;
		height:159px;width:24px;float:right;
	}
	
	#blatt #tesa {
		background:url(../../../images/bigsprite.png) -0px -217px no-repeat;
		height:48px;width:164px;
		position:absolute;
		top:70px;
		left:30%;
	}
		
	

.listblockdiv
{
	
	width:200px;float:left;
	min-height:56px;
	background:url(../../../images/bigsprite.png) -389px -0px no-repeat;
	padding:10px;
	
}
.listblockdiv h4 {margin:0;}
.listblockdiv dl {margin-top:0px; margin-bottom:2px; line-height:10px;}
.listblockdiv dl dd {margin-top:-10px;}

#leftbar
{
	width:200px;
	position:absolute;
	left:20px;
	top:80px;
	display:block;
	
}	
	
	#leftbar .sticky, .sticky {
	height:200px;
	width:213px;
	
	background:transparent url(../../../images/bigsprite.png) -389px -0px no-repeat;
	}

		
	#leftbar .sticky .content
	{
		padding:15px;
		padding-top:28px;
	}
	#leftbar .sticky form#eingabe label{
		width:30px; height:20px;
		float: left;
	}
		#leftbar .sticky form#eingabe label#labelvon{
			width:28px; height:20px;
			background:transparent url(../../../images/bigsprite.png) -215px -326px no-repeat;
		}
		#leftbar .sticky form#eingabe label#labelbis{
			width:28px; height:20px;
			background:transparent url(../../../images/bigsprite.png) -243px -326px no-repeat;
		}
		
		
	#leftbar .sticky form#eingabe input.eingabefeld,
	#leftbar .sticky form#eingabe select.waehrungen  {
		height:20px;
		background:transparent url(../../../images/bigsprite.png) -0px -158px no-repeat;
		border:medium none;
		padding:2px;
		padding-left:15px;
		text-align:right;
		width:90px;
		font-size:10pt ;
		font-family:Times, serif;
		color: #4C4237;
		
	}
	#leftbar .sticky form#eingabe input.eingabefeld
	{
		height:16px;
	}
	#leftbar .sticky form#eingabe select.waehrungen 
	{
		width:160px;
		padding-left:0px;
		text-align:left;
	}
	#leftbar .sticky form#eingabe input.eingabefeld:focus  {
		background:transparent url(../../../images/bigsprite.png) -0px -157Px no-repeat;
		outline-color:-moz-use-text-color;
		outline-style:none;
		outline-width:medium;
	}
	#leftbar .sticky form#eingabe input#anzeigen {
		background:transparent url(../../../images/bigsprite.png) -249px -56px no-repeat;
		width:87px;height:18px;
	}
	#leftbar .sticky form#eingabe input#anzeigen:hover {
		background:transparent url(../../../images/bigsprite.png) -248px -55px no-repeat;
		
	}
	#leftbar .sticky form#eingabe input#anzeigen:disabled {
		background:transparent url(../../../images/bigsprite.png) -248px -55px no-repeat;
		filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
		cursor:default;
	}
	
	
	
	
/*######################################################*/
   #cal1Container{}
    .yui-calcontainer.multi .groupcal{clear:left;padding:0px;padding-left:2px;}
    .yui-calcontainer {
    	
    	height:192px;
		width:204px;
		background:transparent url(../../../images/bigsprite.png) -389px -0px no-repeat;
		border:0px dashed red;
		padding:0px;
		
		
		
    	}
	table.yui-calendar {
		
		padding:1px;spacing:0;
		text-align:center;
		font-size:9px;
		width:178px;
		font-family:arial;
	}
	
	.xyui-calcontainer {border:none;}
	.xyui-calendar td.calcell {border:0px solid #F8E999;}	
	.xyui-calcontainer .title {font-family:Times, serif;	font-size:8pt;	color:#4C4237;}
.yui-calendar .calhead {
	vertical-align:middle;
	font-size:10pt;
	padding-top:4px;
	padding-bottom:20px;
	background-color:transparent}

.yui-calendar td.calcell.oom {
	color:#A5835E;
	background-color:transparent;
	border:0px solid #F8E999;
}
.yui-calendar td.calcell.selected {
	color:#003DB8;
	background-color:#F4DC5D;
	border:0px solid #F4DC5D;
}
.yui-calendar td.calcell.calcellhover {
	color:#4C4237;
	background-color:#F4DC5D;
	border:0px solid #F4DC5D;
}

.yui-calendar td.calcell a {color:#4C4237;text-decoration:none;font-weight:bold;}


.yui-calendar .calnavleft {
	position:absolute;
	overflow:hidden;
	text-indent:-10000em;
	cursor:pointer;
	top:210px;
	bottom:0;
	left:2px;
	z-index:1;
	height:17px;
	width:14px;
	background:url(../../../images/bigsprite.png) -110px -55px no-repeat;
}

.yui-calendar .calnavright {
	position:absolute;
	overflow:hidden;
	text-indent:-10000em;
	cursor:pointer;
	top:395px;
	bottom:0;
	width:9px;
	height:12px;
	right:24px;
	z-index:1;
	height:17px;
	width:14px;
	background:url(../../../images/bigsprite.png) -127px -55px no-repeat;
}
/*######################################################*/
.yui-dt-odd, .odd{	background-color:#EDECEB;}
.yui-dt-even, .even {	background-color:white;}
.yui-dt table {padding:2px;spacing:0; Border-Collapse: Collapse;}
.yui-dt table tr td {font-size:10pt; text-align:right;}

.yui-dt table .yui-dt0-col-name {text-align:left; font-weight:bold}
.yui-dt-label a {text-decoration:none; color:black;font-weight:bold;}
/*######################################################*/

#icons {
	text-align:right;
	}
ul.icons
{
	list-style-type:none;
	margin:0;
	float:right;
	padding:0;
	margin-right:30px;
	
}
	ul.icons li {
		height:26px; width:30px; float: left; 
		background:transparent url(../../../images/bigsprite.png) no-repeat scroll -590px -324px;
	}
		ul.icons li#home {background-position: -590px -324px;}
		ul.icons li#kal  {background-position: -558px -324px;}
		ul.icons li#del  {background-position: -481px -324px;}
		ul.icons li#digg {background-position: -447px -324px;}
		ul.icons li#komm {background-position: -514px -324px;width:45px;}
		ul.icons li#mail {background-position: -405px -324px;width:45px;}
		ul.icons li#rss  {background-position: -622px -324px;}
	ul.icons li#fb {background:none; width:150px;}	
		

/*######################################################*/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/

height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -125px; /*width of left column*/
width: 120px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform p.required label:after{content:"*";color:#ff0000;}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
border:none;
border-bottom:1px dashed #4C4237;
color:#4C4237
}

.cssform textarea{
width: 250px;
height: 150px;
border:1px dashed #4C4237;
color:#4C4237
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

#aubg{background-color:transparent;}

table.sortable tr td {border-bottom:1px dotted #c0c0c0;
	border-top:1px solid #eeeeee;
	}
table.sortable thead {background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}
table.sortable thead tr th {text-align:left;}	


table.wktbl tr td {text-align:right;}