body {
   BACKGROUND-COLOR: #EDF6FF;
   /* background: url(../img/bg.gif) repeat-x; */
   COLOR: #000000;
   FONT-FAMILY: Tahoma,Verdana,Arial; 
   FONT-SIZE: 11px; 
}

td {   
   COLOR: #000000;
   FONT-FAMILY: Tahoma,Verdana,Arial; 
   FONT-SIZE: 11px; 
   /* text-align:left; */
   vertical-align: top;
}

A {
	COLOR: #27537a; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #27537a;
}
A:hover {
	COLOR: #27537a; TEXT-DECORATION: underline; 
}

h1 {   
   COLOR: #000000;
   FONT-SIZE:20px;
   FONT-FAMILY: Tahoma,Verdana,Arial; 
   FONT-WEIGHT: BOLD; 
   LINE-HEIGHT: 12px; 
   MARGIN-TOP:5px;
}
h2 {   
   COLOR: #000000;
   FONT-SIZE:16px;
   FONT-FAMILY: Tahoma,Verdana,Arial; 
   FONT-WEIGHT: BOLD; 
   LINE-HEIGHT: 8px;            
}
h3 {   
   COLOR: #000000;
   font-family: arial, helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   TEXT-ALIGN: CENTER;
}
h5 {   
   COLOR: #000000;
   FONT-FAMILY: Tahoma,Verdana,Arial; 
   FONT-SIZE: 12px;
   FONT-WEIGHT: BOLD;      
}
p, li {
  text-align: left;
}

.inactive {   
  opacity:0.3;
}
.inactive:hover {
  opacity:1.0;
}

fieldset {
  width: 92%;
  border: 1px solid #ccc;
  padding: 0px 5px 10px 10px;
  background-image: url('../img/fieldset_background.gif');
  background-repeat:repeat-x;
  background-color: #fff;
  text-align:left;
}
fieldset .ifieldset {
  width: 95%;
  background-image: url();
  text-align:left;
}
.noEntryCheckbox {
  width:110px; 
  background-color:#fff; 
  position:relative; 
  margin-left:377px; 
  margin-top:-23px;
}

legend, .legend {
  font-size: 12px;
  font-weight:bold;
  color: #000;
  padding: 4px 2px;n
}
legend .legend2 {
  font-size:10px;
  font-weight:normal;
}

.error {   
   COLOR: red;
   font-family: Arial, Verdana, Tahoma; 
   font-size: 12px;
   font-weight: bold;
}
input.error {   
   text-align: left;
   font-weight: normal;
   border: dotted 1px red;
}
textarea.error {   
   text-align: left;
   font-weight: normal;
   border: dotted 1px red;
}

.errorField {
   border-style:solid; 
   border-width:2px; 
   border-color:red;
}
.subline {   
   COLOR: #006622;
   FONT-FAMILY: Arial, Verdana, Tahoma; 
   FONT-SIZE: 12px;
   FONT-WEIGHT: BOLD;
   TEXT-ALIGN: CENTER;
}
#subline { 
   WIDTH: 100%;
}

.left { 
   text-align: left; 
}

.formcontent {
   color: #000000;
   font-family: Tahoma,Verdana,Arial; 
   font-size: 11px;
   overflow:auto;
   background-color: #FFFFCC;
   border-style:solid; 
   border-width:1px; 
   border-color:#BBBBBB;
   text-align:left;   
   vertical-align:top; 
}

#sheetTabMenu .fBackground {
   background-color: #FFECF3;
}
#sheetTabMenu .mBackground {
   background-color: #EEF6FF;
}
#sheetTabMenu .cBackground {
   background-color: #FFFFCC;
}
.border {
  padding: 4px;
  border:  #aaa 1px solid;
}
.floatleft 		{
  float: left;
  margin: 0 6px 6px 0;
}


.formcolor {
   background-color: #FFFFCC;
}
input, select, textarea {
   font-family: Tahoma,Verdana,Arial; 
   font-size: 11px;
   line-height:13px;
}
.area { 
   color: #000000;
   font-family: Tahoma,Verdana,Arial; 
   font-size: 11px;
   overflow:auto;
   width:98%; 
   height:50px;
}
.uncheck {
   font-weight:bold;
   color:#666;
}
.mandasterisk {
   font-weight:bold;
   color:#900;
}

A.linki {
   COLOR: #333333; TEXT-DECORATION: none
}
A.linki:visited {
   COLOR: #333333; TEXT-DECORATION: none
}
A.linki:hover {
   COLOR: #000000; TEXT-DECORATION: none
}

.tabinactive {
   COLOR: #000000;
   FONT-FAMILY: Tahoma,Verdana,Arial; 
   FONT-SIZE: 10px;
}
*/

.sbm {
   padding: 2px;
   margin: 0 1px;
   color:#333;
   border-width:1; 
   border-color: #000000; 
   border: 1px solid #ccc5aa;
   background-image: url("img/desert-button.gif");
   background-color: #e1ddce;
   font-family: Tahoma,Verdana,Arial; 
   font-size:7pt; 
   width:120px;
}

.navhead {
   COLOR: #ffffff; 
   TEXT-DECORATION: none;
   FONT-FAMILY: Arial; 
   FONT-SIZE: 13px;
}
.navhead:hover {
   COLOR: #000000; 
   TEXT-DECORATION: underline;
}


A.bb {
	COLOR: white; TEXT-DECORATION: none
}
A.bb:visited {
	COLOR: white
}
A.bb:hover {
	COLOR: white
}
A.ql:visited {
	COLOR: black
}
A.ql:hover {
	COLOR: #ff3300
}
A.tdy1:visited {
	
}
A.ql:hover {
	TEXT-DECORATION: none
}
A.ff {
	COLOR: #6483d2; TEXT-DECORATION: none
}
A.ff:visited {
	COLOR: #6483d2
}
A.ff:hover {
	COLOR: #f47a00
}
.t {
	COLOR: #ffffff; TEXT-DECORATION: none
}



.top-line {
  margin-top:3px;
  width=100%;
  border-top: 1px solid #aaa;
}

.noEntry {
  color:#777;
  font-weight:normal;
  font-style:italic;
}

/* Frame of profile photo*/
.tnPicFrame{
  border-top: 1px solid #cccccc; 
  border-left: 1px solid #cccccc; 
  border-right: 1px solid #555555; 
  border-bottom: 1px solid #555555;
  background-color:white; 
  padding:2px;
}
.mePicFrame{
  border-top: 1px solid #cccccc; 
  border-left: 1px solid #cccccc; 
  border-right: 1px solid #555555; 
  border-bottom: 1px solid #555555;
  background-color:white; 
  padding:4px;
  opacity:1.0;
}
.xlPicFrame{
  border-top: 1px solid #cccccc; 
  border-left: 1px solid #cccccc; 
  border-right: 2px solid #555555; 
  border-bottom: 2px solid #555555;
  background-color:white; 
  padding:6px; 
}

#PicDesc {
  color:darkblue; 
  font-family:georgia,'times new roman',serif; 
  font-size:16px; 
  font-style:italic;
  font-weight:bold;
}


#menuinput					{ color: white; border: 1px solid white; background-color: #BB0000; padding: 0px 1px 1px 3px; font-family: Tahoma, Arial; font-size:7pt; width: 107px; }
#menuinput:focus				{ color: black; background-color: white; }

.profile_username
{
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.fragment {
 min-height: 250px;
 padding: 50px;
}

/* Top Menu Bar */

	#mainMenu{
		background-color: #900;	/* Background color of main menu */
		font-family: Arial, Lucida Sans Unicode, sans-serif;	/* Fonts of main menu items */
		font-size:12px;	/* Font size of main menu items */
    text-align: left;		
		width:100%; 	/* Has to be the same as submenu */
		border-top:1px solid #bbb;			
		border-left:1px solid #bbb;				
		border-right:2px solid #555;	    	
		height:20px;	
		position:relative;	
		margin-top:5px;   
	}
	#mainMenu a{
		padding-left:20px;	/* Spaces at the left of main menu items */
		padding-right:20px;	/* Spaces at the right of main menu items */
		padding-bottom:3px;    		
		font-weight:bold;
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
	}
	#submenu {		
		font-family: Arial, Lucida Sans Unicode, sans-serif;	/* Font  of sub menu items */
		background-color:#FFFFCC;	/* Background color of sub menu items */
		width:100%;	/* Don't change this option */
		border-left:1px solid #bbbbbb;	/* Left border of main menu */	
		border-right:2px solid #555555;	
		border-bottom:2px solid #555555;
    height:22px;			
	}		
	#submenu div{
		white-space:nowrap;	/* Don't change this option */	

	}
	/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{
		border-top:1px solid #bbbbbb;		
		border-left:1px solid #bbbbbb;
		border-right:2px solid #555555;	
		color: #000000;	/* Text color */    	
		background-color: #FFFFCC;	/* Background color */
		padding-top:5px;		
		height:18px;
		text-decoration:none;    		
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
		margin-left:0px;
		margin-right:0px;	 
	}
	/*
	Style attributes of inactive menu items
	*/
	#mainMenu .inactiveMenuItem{		
		color: #FFFFFF;	/* Text color */
		text-decoration:none; 		
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
A.linki:hover {
   COLOR: #000000; TEXT-DECORATION: none
}	
	#submenu a{	
		font-family: Arial, Lucida Sans Unicode, sans-serif;	/* Font  of sub menu items */
		background-color:#FFFFCC;	/* Background color of sub menu items */
    line-height:22px;	
		font-size:11px;			
		text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
    padding-left:10px;	/* Space at the left of each sub menu item */
		padding-right:10px;	/* Space at the right of each sub menu item */
		color: #000000;	
	}

/* Content Tabs"; */
	#sheetTabMenu {
		background-color: #900;	/* Background color of main menu */
		font-family: Arial, Lucida Sans Unicode, sans-serif;	/* Fonts of main menu items */
		font-size:12px;	/* Font size of main menu items */
    text-align: left;		
		width:610px; 	/* Has to be the same as sheetContent */
		border-top:1px solid #bbb;	/* Left border of main menu */				
		border-left:1px solid #bbb;	/* Left border of main menu */				
		border-right:2px solid #555;	/* Right border of main menu */	       	
		height:20px;	/* Height of main menu */
		position:relative;	
		margin-top:5px;     		
	}	
  #sheetTabMenu a{
    padding-left:20px;	/* Spaces at the left of main menu items */
		padding-right:20px;	/* Spaces at the right of main menu items */
		padding-bottom:3px;			
		font-weight:bold;
		margin-left:0px;			
		margin-right:0px;	
    position: relative;
    bottom:-2px;
		color: #FFF;	  
		text-decoration:none;    
	}	
	#sheetTabMenu .activeTab{
		border-top:1px solid #bbb;		
		border-left:1px solid #bbb;
		border-right:2px solid #555;	
		color: #000000;	
		background-color: #ffc;	
		padding-top:5px;		
		height:18px;
		text-decoration:none;    		
		margin-left:0px;
		margin-right:0px;	  		
	}
	#sheetContent{		
		font-family: Arial, Lucida Sans Unicode, sans-serif;	/* Font  of sub menu items */
		background-color:#FFFFCC;	/* Background color of sub menu items */
		width:610px;	/* Has to be the same as sheetTabMenu */
		margin-top:0px;
		border-left:1px solid #bbbbbb;
		border-right:2px solid #555555;	
		border-bottom:2px solid #555555;
    padding-top:10x;			    
	}	
  
	.boxHeader {
		background-color: #900;	/* Background color of boxes */
		font-family: Arial, Lucida Sans Unicode, sans-serif;	/* Fonts of main menu items */
		font-size:12px;	
		font-weight:bold;
    padding-top:2px;		
		color: #fff;
    text-align: center;		
		width:175px; 
		border-top:1px solid #bbb;			
		border-left:1px solid #bbb;		
		border-right:2px solid #555;	 	
		height:16px;	
		position:relative;	
		margin-top:5px; 
    overflow:hidden; 
	}
	.boxContent{
		font-family: Arial, Lucida Sans Unicode, sans-serif;	/* Font  of sub menu items */
		background-color:#FFFFCC;	/* Background color of sub menu items */
		width:175px;	/* Has to be the same as boxHeader */
		margin-top:0px;
		border-left:1px solid #bbb;	
		border-right:2px solid #555;	
		border-bottom:2px solid #555;
    padding:2x;	
    overflow:hidden;		
	}	

  #preview {position:relative; top:10px; left:0px; width:75px; background-color:#fff; z-index:100;}
  #preview a.p1, #preview a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
  #preview a img {border:0;}
  #preview a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
  #preview a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
  #preview a.p1:hover .large {display:block; position:absolute; top:-60px; left:100px; width:175px; height:175px;   border-top: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-right: 2px solid #555555; border-bottom: 2px solid #555555; background-color:white; padding:5px;}
	
  #flukePreview {position:relative; background-color:#fff; z-index:100;}
  #flukePreview a.p1, #flukePreview a.p1:visited {display:block; background:#fff; top:2; left:0; border:0;}
  #flukePreview a.p1:hover {text-decoration:none; background-color:#ffffff; color:#000;} /*6 chars for bgc or it doesn´t work in IE5*/
  #flukePreview a.p1 .flukeBubble {display:none; z-index:2;}
  #flukePreview a.p1:hover .flukeBubble {display:block; position:absolute; top:-3px; left:50px; width:200px; } 
	
	
/* alte Tabs können später raus START*/

.tba {
   COLOR: #FFFFFF;
   BACKGROUND-COLOR: #990000; 
   FONT-FAMILY: Tahoma,Verdana,Arial; 
   FONT-SIZE: 12px;
   FONT-WEIGHT: BOLD;  
   TEXT-DECORATION: none;
   TEXT-ALIGN: center;     
}

.tbi {   
   FONT-FAMILY: Tahoma,Verdana,Arial; 
   FONT-SIZE: 12px;
   TEXT-DECORATION: none;
   TEXT-ALIGN: center;    
}

/* kann später raus ENDE*/

#noTnImg {
	 background-color:#FFFFCC;	 
	 border:1px solid #bbb;
   TEXT-ALIGN: center;   	   
}
#noTnImg .noTnTxt {
   COLOR: #bbb;
   FONT-FAMILY: Tahoma,Verdana,Arial; 
   FONT-SIZE: 9px;
   FONT-WEIGHT: BOLD;  
   TEXT-ALIGN: center;   
   TEXT-DECORATION: none;  
}

/* Pinboard */
.pbNote {
  margin:10px 0 5px;
  padding:0;
  text-align:left;
}

.pbNote td {
  vertical-align:top; padding:0;
}
.pbNote td.image {
  width:90px; text-align:left;
}
.pbNote .info {
  border-top:solid 1px #EEF6FF;
}
.pbNote .info .header {
  background:#f7f7f7;  border-bottom:solid 1px #ffcccc; padding:3px 5px;
}
.pbNote .info .actions {
  border-bottom:solid 1px #ffcccc; border-top:none; padding:3px 5px;
}
.pbNote .info .text {
  padding:5px;
}

.loading {
	padding: 20px;
	background: url('../img/loading.gif') no-repeat center;
}

/* popBox */

#popDialog {
  position:absolute; 
  display:block; 
  z-index:100; 
  width:auto;
  height:auto;  
 }
table.popDialog { 
  width:100%;
  height:100%;
  border-collapse: collapse;
}
#popHandle {
  background-color: #900;
  text-align:right;
  width:100%;
  height:18px;
  cursor: move;  
}
#popTitle {
  width:95%; color: #fff; font-size: 12px; font-weight: bold; text-align:left; padding: 1px 5px; height:18px; 
}
td.popBorder {
  background-image: url('../img/pop_border.png');
}
td.popTL, td.popTR, td.popBL, td.popBR {
  padding: 0px;
  overflow: hidden;  
  width: 10px;
  height: 10px;  
  background-image: url('../img/pop_border.png');
} 
td.popMainCell {
  background-color: #FFFFCC;;
  padding: 0px;
  border-top: 2px solid #cccccc; 
  border-left: 2px solid #cccccc; 
  border-right: 2px solid #555555; 
  border-bottom: 2px solid #555555;
}
td.popMainCell td{ 
  font-size:12px;
  text-align:left;
  vertical-align:top;
  // min-height:200px; // problems in IE8
}
#popContent {
  padding:10px;
  text-align:center;
  vertical-align:middle;
  min-height:200px;
}
#popHeader {
  width: 100%;
  height:100%;
  text-align: center;
}
#popContent .loadIMG {
  margin-top:40%px;
}
A.popClose img {
  margin-top:-19px;
  background-image: url('../img/icons/cross.gif');
}
A.popClose:hover img {
  background-image: url('../img/icons/cross_active.gif');
}


/*	ResultLists	*/
#re		 	{width:530px; margin:0 auto; padding:0px;}
.reLi		{margin:0px;list-style:none;padding:0px;}
.reLi a		{display:block;text-decoration:none;color:#333333;}
.reLi p		{margin:5px; text-align:center}
.reLi img	{border:0px; margin-left: auto; margin-right:auto;}
.reLi li	{width:130px;float:left;margin:0px;height:130px;background-color:#FFF;border-bottom:1px solid #FFF}
.reLi li a:hover {height:120px;background-color:#EDF6FF;color:#333333;border:1px solid #900;border-bottom:3px solid ##900;text-decoration:none}
.reNick		{font-size:11px;text-decoration:underline;margin:3px 0 5px 7px;font-size:12px;}
.reLiAdm li         {height: 160px;}
.reLiAdm li a:hover {height: 107px;}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	/* width: 360px; */
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 90px;
	height: 90px;
}
ul.thumb li img {
	width: 80px; height: 80px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url('../img/thumb_zoom_bg.png') no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}

#notifier
{
    position: fixed;
    width: 250px;
    height: 100px;
		border-top:1px solid #bbb;	
		border-left:1px solid #bbb;	
		border-right:2px solid #555;	
		border-bottom:2px solid #555;
		padding:5px;
    vertical-align: middle;
    background: #ff6600;
    font-size: 12px; 
    text-align: center;
    bottom: 10px;
    right: 10px;
    z-index:1;
    display:none;    
}



/******************************************************/
/*           Boxes and Layers with Shadow             */
/******************************************************/

.layerBox{
	display:none;
	left:0px;
	top:20px;
	z-index:20000;
	text-align:left;
}
.layerBox * {margin:0; padding:0;}
.layerBox p, .layerBox .innerContent{padding:0 0 5px 10px; margin-right:19px;}
.layerBox .topBorder{
	position:relative;
}
.layerBox .topBorder .leftCorner, .leftSide{
	position:relative;
	margin-right:16px;
	height:11px;
	background: url(/img/common/layerBox_tl.png) 0 0 no-repeat;
}
.layerBox .topBorder .rightCorner{
	position:absolute;
	top:0;
	right:0;
	width:16px;
	height:11px;
	background: url(/img/common/layerBox_tr.png) 0 0 no-repeat;
}
.layerBox .rightBorder{
	position:absolute;
	top:0;
	right:0;
	width:9px;
}
.layerBox .bottomBorder{
	position:relative;
}
.layerBox .bottomBorder .leftCorner{
	position:relative;
	margin-right:16px;
	height:16px;
	background: url(/img/common/layerBox_bl.png) 0 0 no-repeat;
}
.layerBox .bottomBorder .rightCorner{
	position:absolute;
	top:0;
	right:0;
	width:16px;
	height:16px;
	background: url(/img/common/layerBox_br.png) 0 0 no-repeat;
}

/* BoxContent */
.layerBox .boxContent{
	position:relative;
	border-left:1px solid #aaa;
	background: url(/img/common/layerBox_r.png) 100% 0 repeat-y;
}
.layerBox h3{
	font-size:16px;
	font-weight:normal;	
	color:#777;
}

.layerBox .btnClose, #histBox .btnClose{
	position:absolute;
	top:10px;
	right:18px;
	padding-top:1px;
	z-index:1;
}

.layerBox h3 {font-size:11px;}

.layerBox .separator{margin:0 19px 0 10px;}