/*--- ALLGEMEIN ---*/

/*TEST */

	.title {
		margin-top:10px;
		margin-left:10px;
	}
	body {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color:#000000;
		background-color:#FFFFFF;
		font-size:12px;			
		font-family: arial, verdana, helvetica, sans-serif;
	}
	#box {			
		text-align:left;
		width:985px;
	}
	#top {
		position:relative;
		margin: 0 px 0px 0px 0px;  /*o r u l*/
		height:auto;
		width:985px;
		background-color:#FFFFFF;
	}
	#topSplit {			
		position:relative;
		z-index:2;
		top:0px;
		height:17px;
		width:985px;
		background-image:url('bilder/topSplit.jpg');
	}
	#topSplit_live {			
		position:relative;
		z-index:2;
		top:0px;
		height:50px;
		width:985px;
		background-image:url('bilder/topSplit.jpg');
	}
	#middle {			
		position: relative;
		margin: 0 px 0 px 0 px 0 px; /*o r u l*/
		padding: 0px 10px 10px 5px;
		background-color:#FFFFFF;
		width: 970px;
	}	

	#rightBar {
		position:relative;
		float:right;
		margin: 0 px 0 px 0 px 0 px; /*o r u l*/
		padding-top: -20px;
		width: 270px;				
	}
	#reg {
		background-color:#e6e8f0;			
		padding: 10px;
	}
	#login {	
		float:right;
		padding-top:10px;
		margin: 0 px 0 px 0 px 0 px; /*o r u l*/	
	}

	#bottom {
		text-align:center;
		position:relative;
		margin: 0px 0px 0px 0px;
		padding: 5px;
		height: 70px;
		font-size: 9px;
	}
	
	#preview {
	}
	#search {
		position: absolute;
		top: 10px;
		right: 10px; /* Opera5.02 will show a space at right when there is no scroll bar */
		margin: 20px 20px 10px 20px; /*o r u l*/
		padding: 10px;
		border-width: 1px;
		border-style: solid;
		border-color: #CCCCCC; 
		background-color:#FFFFFF;
		width: 120px;
	}	
	#bordered {
		padding: 10px;
		border-width: 1px;
		border-style: solid;
		border-color: #CCCCCC; 
		background-color:#EFEFEF;
		width: 289px;
	}	

	img {
		border-width: 0px;
	}
	strong, b {
		font-weight: bold;
	}
	#breadcrumb{
		font-weight:bold;
		color:#336699; 
		text-decoration:none;
	}	
	#contPages {
		font-size: 12px;
		font-weight: bold;
		color: #FF6633;
		background-color:#FFFFFF;
		border-width: 1px;
		border-style: solid;
		border-color: #CCCCCC; 
	}
	li {
		line-height: 15px;
		margin-top: 10px;
		margin-bottom: 10px;
		color: #336699; 
		font-size:12px;
	}

/*--- LAYER ---*/
	
	span.price1 {			
		position:absolute;
 		z-index:1;
		background-image:url('bilder/price1.png');
		height: 100px;
		width: 130px;		
		margin-top:-10px;
		margin-left:-90px;
	}
	span.price2 {			
		position:absolute;
 		z-index:1;
		background-image:url('bilder/price2.png');
		margin-top:70px;
		height: 100px;
		width: 130px;		
		margin-left:-90px;
	}
	span.price3 {			
		position:absolute;
 		z-index:1;
		background-image:url('bilder/price3.png');
		margin-top:150px;
		height: 100px;
		width: 130px;			
		margin-left:-90px;
	}
	span.price4 {			
		position:absolute;
 		z-index:1;
		background-image:url('bilder/price4.png');
		margin-top:215px;
		height: 100px;
		width: 130px;		
		margin-left:-90px;
	}
/*--- LABELS ---*/
	label  {
		margin-top: .0em;
		display: block;
		font-size:12px;
	}
	label.highlight{
		font-weight: bold;
		color: #000000; 
		font-size:12px;
		/*border-width: 1px;
		border-style: solid;
		border-color: #CCCCCC; 		*/
	}

/*--- FORMS / INPUTS ---*/
	
	form.standard {
		font-size:12px;	
		padding: 0px; 
		margin: 0px;
	}
	input.radio {
		background-color:#FFFFFF;
		border-width: 0px;
		border-style: solid;
	}
	input.inputbox {
		background-color:#d7dfef;
		background-color:#FFFFFF;
		border-width: 1px;
		border-style: solid;
		border-color: #CCCCCC; 
	}
	input.inputboxOptional {
		background-color:#FFFFFF;
		border-width: 1px;
		border-style:dotted;
		border-color: #CCCCCC; 
	}
	input.small	{
		font-size:10px;
		width:270px;
		border:1px;
		border-style: solid;
		border-color: #CCCCCC;
		border-top-width: 2px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 2px;
	}	
	input.login	{
		font-size:10px;
		width:150px;
		border:1px;
		border-style: solid;
		border-color: #CCCCCC;
		border-top-width: 2px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 2px;
	}	
	input.readonly {
		background-color:#d7dfef;
		color:#666666;
	}	
	input.highlight {
		background-color:#6699CC;
	}
/*diese buttons werden nur in der admin_todo benutzt*/

	input.deleteButton {
		border-width: 1px;
		border-style: solid;
		border-color: #CCCCCC; 		
		cursor: pointer;
		background-image:url('bilder/loeschen.gif');
		height: 30px; 
		width: 30px;		
	}
	input.changeButton {
		border-width: 1px;
		border-style: solid;
		border-color: #CCCCCC; 
		cursor: pointer;
		background-image:url('bilder/edit.gif');
		height: 30px; width: 30px;
	}
	input.commentButton	{
		border-width: 1px;
		border-style: solid;
		border-color: #CCCCCC; 
		cursor: pointer;
		background-image:url('bilder/kommentar.gif');
		height: 30px; width: 30px;
	}
	input.doneButton {
		border:0px solid transparent;
		cursor: pointer;
		background-image:url('bilder/erledigt.gif');
		height: 30px; width: 30px;
	}
	input.unDoneButton {
		border:0px solid transparent;
		cursor: pointer;
		background-image:url('bilder/nichtErledigt.gif');
		height: 30px; width: 30px;
	}
	input.ownButton	{
		border:0px solid transparent;
		cursor: pointer;
		background-image:url('bilder/uebernehmen.gif');
		height: 30px; width: 30px;
	}
	input.unOwnButton {
		border:0px solid transparent;
		cursor: pointer;
		background-image:url('bilder/freistellen.gif');
		height: 30px; width: 30px;
	}
	input.upButton {
		border:0px solid transparent;
		cursor: pointer;
		background-image:url('bilder/setUp.gif');
		height: 15px; width: 15px;
	}
	input.downButton {
		border:0px solid transparent;
		cursor: pointer;
		background-image:url('bilder/setDown.gif');
		height: 15px; width: 15px;
	}
	input.checkb {
		background-color:#FFFFFF;
		font-size: 9px;
	}
	textarea {
		background-color:#d7dfef;
		border: 1px solid;
		font-size:12px;
	}	
	textarea.messageBox {
		font-family:Arial, Helvetica, sans-serif;
	}
	textarea.highlight {
		background-color:#7C9CCD;
	}
	select {
		background-color:#d7dfef;
		border: 1px solid #888;
		font-size:12px;
	}
	.button {
		background-color:#2b5681;
		border-width:1px;
		border-style:solid;
		font-size:12px;	
		color:#FFFFFF;		
	}	

/*--- P ---*/
	p,span {
		line-height: 17px;
		margin-top: 20px;
		margin-bottom: 10px; 
		font-size:12px;
	}	
	p.highlight  {
		font-weight: bold;
		color: #000000; 
		font-size:12px;
		background-color:#d7dfef;
		border-width: 1px;
		border-style: solid;
		border-color: #CCCCCC; 
	}	
	/* Für dei Ausrichtung am oberen Rand des Formulares */
	p.headline {
		margin-top:0px;
		font-size:18px;
		padding-top:3px;
		padding-left:3px;
		padding-bottom:3px;
		color:#336699;
		font-weight: bold; 
	}		
	p.footer {
		line-height: 16px;
		margin-top: 20px;
		margin-bottom: 10px; 
		color:#999999;
		font-size:10px;	
	}	
	p.small {
		line-height: 16px;
		margin-top: 20px;
		margin-bottom: 10px; 
		font-size:10px;	
	}	
	p.center {
		text-align:center
	}

/*--- STATISTICS ---*/
	#statistic_headline {
		position: absolute;
		top: 60px;
		left: 420px; /* Opera5.02 will show a space at right when there is no scroll bar */
		margin: 20px 20px 10px 20px;
		padding: 10px;		
		background:#FFFFFF; /* Ganz hellblau */
		width: 500px;
	}
	#statistic_user {
		position: absolute;
		top: 100px;
		left: 420px; /* Opera5.02 will show a space at right when there is no scroll bar */
		margin: 20px 20px 10px 20px;
		padding: 10px;
		border-width: 1px;
		border-style: solid;
		border-color: #CCCCCC; 
		background:#FFFFFF; /* Ganz hellblau */
		width: 500px;
	}
	#statistics_output_left {
		float: left;
		margin-top:0px;
	}	
	#statistics_output_right {
		padding-left: 400px;
	}	
	#statistics_left {
		padding: 10px 10px 10px 10px;
		margin-top:5px;
		margin-left:0px;
		border-width: 1px;
		border-style: solid;
		border-color: #CCCCCC; 
		background:#FFFFFF;
		width:220px;
	}
	#statistics_left2 {
		float: left;
		margin-top:-490px;
	}
	#statistics_right{
		padding-left: 115px;
		
	}

/*--- PROJECT ---*/
	#projectright {
		padding-left: 150px;
	}
	#projectright_bold {
		padding-left: 320px;
		font-weight: bold;
		color:#336699;
	}	
	#projectleft {
		float: left;
		padding-left:150px;
	}
/* --- Anzeigen  und Positionieren von Bildern --- */
#img_smailme {
		position: absolute;
		top: 350px;
		left: 620px; /* Opera5.02 will show a space at right when there is no scroll bar */
		width: 97px;
		height: 54px;
		border-width: 1px;
		border-style: solid;
		border-color: #CCCCCC; 
		background:#FFFFFF; /* Ganz hellblau */
		width: 500px;
	}
	
	/* Rounded Boxes */
.ro {
	background:url('bilder/roundedbox_ro.gif') top right no-repeat;
	margin:0;
	padding:0;
}
 
.lo {
	background:url('bilder/roundedbox_lo.gif') top left no-repeat;
	margin:0;
	padding:0;
}
 
.ru {
	background:url('bilder/roundedbox_ru.gif') bottom right no-repeat;
	margin:0;
	padding:0;
}
 
.lu {
	background:url('bilder/roundedbox_lu.gif') bottom left no-repeat;
	margin:0;
	padding:0;
}

.inhalt {
	margin:0;
	padding: 1px 10px 10px 10px;  /*o r u l*/
}

/*--- SPAN ---*/
	span.tab1 {	
		color: #336699;
		font-weight: bold;
	}
	span.highlight{
		font-weight: bold;
		color: #000000; 
	}
	span.highlight2{
		color:#999999;
		font-weight:normal;
		font-style: italic;
	}
	span.error{
		font-size:9px;
		font-style: italic;
		color:#FF0000;
	}
	
	span.notice{
		font-size:9px;
		font-style: italic;
		color:#666666;
	}
	span.info{
		font-size:9px;
		font-style: normal;
		color:#666666;
	}
	span.greenTipp{
		/*font-family: Wingdings;*/
		color:green;
		font-weight:bold;
		font-size:14px;
	}
	span.redCross{
		/*font-family: Wingdings;*/
		color:red;
		font-weight:bold;
		font-size:14px;
	}
	span.sphigh{	
	}
	span.unterNavigation{
		padding-left:5px;
	}

/*--- TABLES ---*/
	table {
		padding: 0px;
		spacing: 0px;
	}
	tr,td {
		vertical-align:top;
	}
	tr.ebene0 {
		background-color:#d7dfef;
		text-align:left;
		font-weight:bold;
		font-size:12px;	
		/*vertical-align:top;*/
	}	
	tr.ebene1 {
		background-color:#d7dfef;
		text-align:left;
		font-style:inherit;
		font-size:12px;	
		/*vertical-align:top;*/			
	}	
	tr.ebene2 {
		background-color:#FFFFFF;
		text-align:left;
		font-size:12px;	
		/*vertical-align:top;*/		
	}
	tr.ebene3 {
		background-color:#9999cc;
		text-align:left;
		font-size:12px;	
		/*vertical-align:top;*/		
	}	
	tr.ebene4 {
		background-color:#E0E0E0;
		text-align:left;
		font-size:12px;	
		/*vertical-align:top;*/	
	}
	td.preview{
		vertical-align:middle;
		text-align:left;
		padding-left:30px;
	}
	td.preview_pic{
		width:103px;
	}
	td.sorted {
		background-color:#CCCCCC;
		text-align:left;
		font-style:inherit;
		font-size:12px;
	}	
	td.ebene0 {
		background-color:#d7dfef;
		text-align:left;
		font-weight:bold;
		font-size:12px;	
		/*vertical-align:top;*/
	}	
	td.ebene1 {
		background-color:#d7dfef;
		font-style:inherit;
		text-align:left;
		font-size:12px;	
		/*vertical-align:top;*/
	}	
	td.ebene2 {
		background-color:#FFFFFF;
		text-align:left;
		font-size:12px;	
		/*vertical-align:top;*/		
	}	
	td.ebene3 {
		background-color:#9999cc;
		text-align:left;
		font-size:12px;	
	}	
	td.ebene4 {
		background-color:#E0E0E0;
		text-align:left;
		font-size:12px;	
	}	
	td.notice {
		font-size:9px;	
		font-style: italic;
		color:#999999;
	}	
	td.statOutNbr {
		background-color:#FFFFFF;
		text-align:right;
		font-size:12px;	
		font-weight:normal;
	}
	td.statOutText {
		background-color:#FFFFFF;
		text-align:left;
		font-size:12px;	
		font-weight:normal;
	}
	td.statHighlight {
		background-color:#EFECCA;
		font-weight:bold;
	}
	td.hr_td {
		background-color:#336699;
		height:1px;
	}
	td.eingerueckt {
		padding-left:10px;
	}
	tr.statHeadline	{
		background-color:#D2D5AC;
		text-align:left;
		font-size:12px;	
		font-weight:bold;
	}
	tr.statNormal {
		background-color:#FFFFFF;
		text-align:left;
		font-size:12px;	
		font-weight:normal;
	}
	

	

/*--- LINKS ---*/
	a:link { color:#336699; text-decoration:none; }
	a:visited { color:#336699; text-decoration:none; }
	a:focus { color:#336699; text-decoration:underline; }
	a:hover { color:#d7dfef; text-decoration:none; }
	a:active { color:#336699; text-decoration:underline; }
	
	a.special { color:#336699; text-decoration:none; font-weight:bold; }
	a.special:hover { color:#d7dfef; text-decoration:none; font-weight:bold; }
	
	a.mainNavi:link { font-weight:bold; color:#FFFFFF; text-decoration:none; }
	a.mainNavi:visited { font-weight:bold; color:#FFFFFF; text-decoration:none; }
	a.mainNavi:focus { font-weight:bold; color:#FFFFFF; text-decoration:underline; }
	a.mainNavi:hover { font-weight:bold; color:#d7dfef; text-decoration:none; }
	a.mainNavi:active { font-weight:bold; color:#FFFFFF; text-decoration:underline; }
	
	a.underNavi:link { font-weight:bold; color:#336699; text-decoration:none; }
	a.underNavi:visited { font-weight:bold; color:#336699; text-decoration:none; }
	a.underNavi:focus { font-weight:bold; color:#336699; text-decoration:underline; }
	a.underNavi:hover { font-weight:bold; color:#FFFFFF; text-decoration:none; }
	a.underNavi:active { font-weight:bold; color:#336699; text-decoration:underline; }
	
	/* Buttons in der user_adrbuch */
	a.smail{display:block;background-image:url(bilder/smail.jpg);width:25px; height:25px;}
	a.smail:hover{background-image:url(bilder/smail_over.jpg); width:25px; height:25px;}
	
	a.edit {display:block;background-image:url(bilder/edit.jpg);width:25px; height:25px;}
	a.edit:hover { background-image:url(bilder/edit_over.jpg); width:25px; height:25px;}

	a.add{display:block;background-image:url(bilder/add.jpg);width:25px; height:25px;}
	a.add:hover { background-image:url(bilder/add_over.jpg); width:25px; height:25px;}
	
	a.delete {display:block;background-image:url(bilder/delete.jpg);width:25px; height:25px;}
	a.delete:hover { background-image:url(bilder/delete_over.jpg); width:25px; height:25px;}

	/* Hier MInus */
	a.remove{display:block;background-image:url(bilder/add.jpg);width:25px; height:25px;}
	a.remove:hover { background-image:url(bilder/add_over.jpg); width:25px; height:25px;}

/* Hier sind zwei IDs für die Darstellung in Spalten bei der Regisitrierung*/
/* Nutzung in ** user_anmelden ** */

/*wird in user_anmelden benutzt*/
#register {
	padding-left: 275px;
}
/*wird in user_anmelden benutzt*/
#contactinfo {
	float: left;
}
/* Dieser Block wird benötigt, um für die Afrika-Projektseite die Tabelle vernünftig erscheinen zu lassen */
#agbs{
	position: absolute;
	top: 520px;
	left: 460px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 20px 20px 10px 20px;
	padding: 12px;	
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC; 
	background:#FFFFFF; /* Ganz hellblau */
	width: 203px;
}
#agbs2{
	position: absolute;
	top: 560px; /* DIFFERNCE*/
	left: 460px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 20px 20px 10px 20px;
	padding: 12px;	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC; 
	background:#FFFFFF; /* Ganz hellblau */
	width: 203px;
}
#cluster{
	width: 600px;
}
#gebinfo{
	padding: 10px 1px 10px 15px;
	margin-top:55px;
	margin-left:10px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC; 
	background:#FFFFFF;
	width: 420px;
}

#KontEintr{

}


#adressbook{
	position: absolute;
	top: 235px;
	left: 500px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 20px 20px 10px 20px;
	padding: 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC; 
	background:#FFFFFF; /* Ganz hellblau */
	width: 350px;
}

/*wird im user_adrbuch benutzt*/
#sort {
	color:#000;
}
/*wird nur in der Datei f_getNavigation benutzt*/
.navigation {	
	float: right;
}
.mainNavigation {
	position:relative;
	z-index:3;
	top:0px;
	height:29px;
	width:985px;
	background-image:url('bilder/topSplit_live.jpg');
}
.mainNaviText {
	padding-left:9px;
	padding-top:6px;
	font-size:14px;
	color:#FFFFFF;
}

.underNavigation {
	position:relative;
	z-index:4;
	background-color:#d7dfef;
}
.underNaviText {
	padding-left:10px;
	padding-top:1px;
	padding-bottom:1px;
}

/*wird nur im Admin bereich benutzt um alte und neue TODOS zu markieren*/
.important {
	font-weight:bold;
	color:#CC0000;
}
.important_old {
	font-weight:bold;
	color:#999966;
}

div#underNavi {
	margin-left:3px;
	margin-right:0px;
	background: #d7dfef; 
	width:978px;
}
b.rtop, b.rbottom{
	display:block;
	background: #FFF;
}
b.rtop b, b.rbottom b {
	display:block;
	height: 1px;
	overflow: hidden; 
	background: #d7dfef;
}
b.r1{margin: 0 4px}
b.r2{margin: 0 2px}
b.r3{margin: 0 2px}