/* 
 admin css
*/

	* { margin:0; padding: 0; } 

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}

	    html { height: 100% }
	body { 
		/* nemec min-height: 101%;	*/
				height: 100%;
	
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #4F5B5D; 
		background: #F1F2F3; 
		text-align: left; 
		font-size: 100.01%;
font-size: 13px;
font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; 
	} 
	
table {
font-size: 13px;
font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; 
}
/*
F2F3F4
*/
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	/*  */ select, input, textarea {
	 font-size:13px;
	background-color:#F1F2F3;
	 } 
	

	
/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ 
background:#f1f2f3;
/* 
position: relative;
min-height:100%;
*/
}


/* Formatierung der Kopfbereiches */
#header { height: 25px; color: #fff; background:#67777A;}


#Xfooter{
position:absolute;
bottom:0px;
padding:5px;
}

#footer{
margin-top:24px;
padding:5px;
color: #67777A;
font-size:11px;
}


a, a:focus, a:hover, a:active, a:visited{
text-decoration:none;
color: #4F5B5D; 
}



/* ### Überschriften, Fließtexte ###################################################################### */

h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}



h1 {font-size: 1.6em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; }
h2 {font-size: 1.4em; color: #600; margin: 0 0 0.25em 0; padding-top: 1.5em; border-bottom: 2px #ddd solid; }
h3 {font-size: 1.2em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; font-weight:bold; }
h4 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }

#teaser h1 { font-size: 1.2em; border: 0; }

p,ul,dd,dt {
 line-height: 1.5em; 
}
p { line-height: 1.5em; margin: 0 0 1em 0; }


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

hr { 
	color: #fff; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0; 
	border-bottom: 1px #eee solid; 
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}



	
/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
		
		font-size:1.7em;
*/
	
	#header { position:relative; }

#headerRight {
position:absolute;
		top: 0px;
		right: 0px;
z-index:1; 
} 

		#headerRight  a, #headerRight  a:hover {
color: #fff;
text-decoration:none;
	}
	

		.logout {
		float:left;
		margin-top:8px;
		padding-right:8px;
		color: #fff;
		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
		text-decoration:none;
		
	}
	
	
	.logoStr{
	float:left;
	margin-top:8px;
		padding-right:8px;
		padding-left:16px;
		font-size:1.7em;
		color: #fff;
		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
		text-decoration:none;
		border-left:1px solid #fefefe;
	}

	.logoPic{
		padding-left:8px;
		color: #fff;
		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
		text-decoration:none;
	}
	
	#xlogout {
		position:absolute;
		top: 30px;
		left:400px;
		color: #fff;
		background: transparent;
		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
		text-decoration:none;
	}
	

	
	#nav { clear:both; width: auto; }
	#main {
	color: #334;
	clear:both; 
	width: auto;
	padding:30px 10px 10px 20px;
	 }
	
	


/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################
** ######################################################################################################
*/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }



/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/

	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }
	
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}





/* ######################################################################################################
** ### Hauptnavigation: "Sliding Doors of CSS II" von A List Apart ######################################
** ######################################################################################################
*/

#nav{

}
#nav_main {
	min-width:550px;
	width:100%;
	float:left;
	color: #fff;
   /* background:#67777A url("xhttp://www.yaml.de/css/navigation/gfx/sliding_doorII/nav_rund/bg.gif") repeat-x bottom; */	
	background:#67777A;

}

#nav_main ul {
  white-space: nowrap;
  line-height: 1em;
  margin:0;
  padding:0 0 0 20px;
  list-style:none;
  /* 
  position:relative;
	z-index:99;
	*/
		z-index:99;
}

/* transparenz
{
  padding-right:5px;
  padding-bottom:5px;
background-color: #999999;
filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}
*/
  
#nav_main li {
  float:left;
  background: #859295 url("pics/left2.gif") no-repeat top left;
/*  #859295  margin-right: 2px;  nur einfügen bei ECKIGEN Ecken */
  padding: 0px;
  margin: 0;

 /* border-bottom:1px solid #000; */
}

#nav_main a {
  float:left;
  display:block;
  color: white;
  background: transparent;
  background: url("pics/right2.gif") no-repeat top right;
  padding:5px 23px 3px 23px; /* abstand Labels zu ReiterRand */
  text-transform: none;
  text-decoration:none;
  font-weight:bold;
  width: auto; /* nur IE 5.x */
  width/**/:/**/ .1em; /* für IE 6.0 */
/* border-bottom:1px solid black; */
  }

#nav_main > ul a {width:auto;}  /* für alle anderen Browser */

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav_main a {float:none;}
/* End IE5-Mac hack */

#nav_main li:hover, #nav_main li:hover a { background-position:0% -80px; }
#nav_main li:hover a { background-position:100% -80px; }

#nav_main #current { background-position:top left }
#nav_main #current a { 
background-position:top right;
 /* border-bottom:1px solid white; */
 }

#nav_main a:hover { 
  color:white;
background-color: transparent;
    background:   url("pics/right2.gif") no-repeat top right;
}


#nav_main #current {
  background:  url("pics/left2_on.gif") no-repeat top left;
   /* background-position:0% +10px; */
}


#nav_main #current a {
  color: #334;
 background:   url("pics/right2_on.gif") no-repeat top right;
   /* background-position:100% +10px; */
  padding-top:5px;
  padding-bottom:3px;
}

/* hover state selected  
a.current_a

#nav_main #current:hover { background-position:0% +15px; }
#nav_main #current a.current_a:hover{ background-position:100% +15px; }
*/
#nav_main #current:hover, #nav_main #current:hover a{ background-position:0% -80px; }
#nav_main #current:hover a{ background-position:100% -80px; }











/* second-level lists */

/* block current   
#nav_main #current ul a{
 background:none;
   background-color: #99A6A8 ;
}
*/

#nav_main  a.active, #nav_main #current a.active {
color: white;
  background:none;
  background-color: #67777A;
}


#nav_main  ul.menu ul {
  background:none;
  padding:0;
list-style: none;
 border-top:1px solid #F1F2F3;
padding-bottom:13px;
padding-right:10px;
  background: url("pics/trans1.png") bottom right no-repeat;
/*  
padding-right:5px;
  padding-bottom:5px;
  background: url("pics/trans1.png");
*/
}

#nav_main li ul {
  position: absolute;
  width: 11em; 
  left: -999em; /* to hide menus because display: none isn't read by screen readers */
}

#nav_main li li {
  /*height: auto;*/
  float: left;
  width: 11em; 
 background:none;
     border:none;
}

#nav_main li ul a, #nav_main #current  ul a{
  /*display: block;*/
  padding: 0.4em 0 0.4em 1em;

width:10em;    /* 15-0.8 em*/
  /*height: auto;*/
  /*text-align: left;*/
  line-height: normal;
  color: #334;
   /*   font-weight:normal; */
  background:none;
      background-color: #A8C6CD;
       border-bottom: 1px solid #F1F2F3;
}

#nav_main li ul a:hover, #nav_main #current  ul a:hover {
  color: white;
  background:none;
  background-color: #67777A;
}

#nav_main li ul ul {
  margin: -1.3em 0 0 14em;
}

#nav li:hover ul ul, #nav_main li:hover ul ul ul, #nav_main li.sfhover ul ul, #nav_main li.sfhover ul ul ul {
background:none;
  left: -999em;
}

#nav_main li:hover ul, #nav_main li li:hover ul, #nav_main li li li:hover ul, #nav_main li.sfhover ul, #nav_main li li.sfhover ul, #nav_main li li li.sfhover ul {
  left: auto;
}






/* GG

----------------------------------------------- */

.offerOpen{
color:#FFFFFF;
background-color:#CA4E0A!important;
background-color:#669966!important;
}






#boxWhite{
	padding:8px;
	background-color:#fff;
	}
#boxWhite  a, #boxWhite  a:visited {
  color: #334;
  text-decoration:none;
  }

/* listitems (table style div)
----------------------------------------------- */
#list{
	width:800px;
	padding:8px;
	background-color:#fff;
	}
	
	#list a {
  /*
 float:left; 
  display:block;
  width:auto;
    */
  text-decoration:none;
  color:white;
  }

  #list a.active{
  color:#334;
}

  #list a:hover{
  color:#334;
}

.rightborder{
margin-right:12px;
border-right:1px dotted #99A6A8;
	}
	
		
		
			.listhead2 {
color:#7A8E91;
font-weight:bold;
font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; 	
margin-bottom:12px;
	}
	
	
	
	.listhead {
color: #99A6A8; 
color:#7A8E91;
font-size:1.3em;
font-weight:bold;
font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; 	
margin-bottom:12px;
	}
	
	
.listhead a, .listhead a:visited, .listhead2 a, .listhead2 a:visited{
padding:1px;
padding-left:5px;
padding-right:3px;
text-decoration:none;
color:#718E91;
border:0px;
}

.listhead  a:hover, .listhead  a:active, .listhead2  a:hover, .listhead2  a:active{
background-color:#FFFFFF;
color: #67777A;
}
.listhead a.selected, .listhead2 a.selected{
background-color:#FFFFFF;
color: #67777A;
}
.listhead a.unselected{
}

		#list .editfooter{
	/* text-align:right; */
margin-top:16px;
margin-right:2px;
}

		#list .optionsfooter{
 text-align:right; 
margin-top:16px;
margin-right:5px;
margin-bottom:5px;

}



#list .cell{
float:left;
	}
	
#list .headercell{
float:left;
}


#list .resultheader {
margin-bottom:8px;
}
	
	#list .resultheader a  {
color: #99A6A8;
width:800px;
padding-left:1px;
padding-right:1px;
	}
		
		#list .resultheader a:hover  {
color: #ffffff;
background-color: #67777A;
	}
	
	#list .item{
border-bottom:1px dotted #99A6A8;
padding: 6px 2px 6px 5px;
}

	#dragList .main{
background-color:#ddd;
}

	#dragList .locked{
background-color:#CA4E0A;
}

	#list .headeritem{
background-color:#C3CBC9;
background-color:#7A8E91;
padding: 3px 0px 3px 5px;
 color:white;
}

	#list .headeritem a  {
  color:white;
  padding-left:1px;
	}
	
		#list .headeritem a:hover  {
color: #99A6A8;
	}
		
		

 #list .item a{
  color:#334;
}

  #list .item a:hover{
background-color:#99A6A8;
color:#ffffff;
}

/*
  #list .item .info{
color:#aaaaaa;
color: #4F5B5D; 
color: #67777A;
color: #C3CBC9;
color:#7A8E91;
font-style:italic;
margin-top:3px;
	}
	*/
	
  #list .dragarea{
background: #F1F2F3 url(pics/dragarea.gif);
cursor:move;
height:20px;
width:13px;
margin-right:8px;
}

	  #list .info{
color:#aaaaaa;
color: #4F5B5D; 
color: #67777A;
color: #C3CBC9;
color:#7A8E91;
font-style:italic;
margin-top:3px;
	}
	
		  #list .name{
font-weight:bold;
	}
	
	
#list .iconbar {
float:right;
margin-right:5px;
color:#7A8E91;
font-style:italic;
font-size:11px;
text-align:right;
}
	
	
	
	
	/*playlist
	
	color: #4F5B5D; 
color: #67777A;
color: #C3CBC9;
color:#7A8E91;
----------------------------------------------- */
	
	#playlist  .itemModule {
	padding: 6px 1px 6px 6px;
	background-color:#F1F2F3;
	border-bottom:1px solid #C3CBC9;
	border-top:1px solid #fefefe;
}
	
	
	#playlist .contentCell {
width:480px;
float:left;
	}

	
		#playlist .itemModule .datebuttonCell {
height:40px;
padding-left:6px;
padding-right:5px;
border-left:1px solid #C3CBC9;
float:left;
	}
	
			#playlist .itemModule .dateCell {
width:230px;
min-height:40px;
/* border-right:1px solid #C3CBC9; */
float:left;
	}
	

		
  	#playlist .dragarea{
	/*
background: #C3CBC9 url(pics/dragarea.gif);
cursor:move;
height:48px;
width:14px;
margin-right:8px;
margin-top:1px;
float:left;
*/
background: #F1F2F3 url(pics/dragarea.gif);
cursor:move;
width:13px;

height:40px;
float:left;
}

  	#playlist .dragareaBlind{
height:48px;
width:14px;
margin-right:1px;
margin-top:1px;
float:left;
}
	
		#playlist   .itemArticle {
		margin:0px;
	padding:  6px 2px 0px 2px;
	background-color:#ffffff;
	border:0;
	border-bottom:1px dotted #C3CBC9;
	}
	
	
	
#playlist .itemArticle .contentCell {
margin-left:8px;
padding-left:18px;
padding-bottom:5px;
width:480px;
}


			#playlist  .itemArticle .datebuttonCell {
border-left:1px dotted #C3CBC9;
padding-left:6px;
padding-right:3px;
height:40px;
float:left;
	}
	

	
#playlist .itemArticle .dateCell {
width:240px;
height:40px;
float:left;
}


#playlist .headeritem{
background-color:#7A8E91;
}


	
		#playlist .zuteilung {
	padding:6px;
	border:1px dotted #C3CBC9;
	margin-bottom:24px;
	width:800px;
	background-color:#ffffff;
}

		#playlist .zuteilung input{
margin:3px;
margin-right:8px;

}
	
	
/* modulelist

color: #4F5B5D; 
color: #67777A;
color: #C3CBC9;
color: #7A8E91;
----------------------------------------------- */
	
	  	#modulelist .select{
height:48px;
width:14px;
margin-right:8px;
margin-top:0px;
border-right:1px dotted #fefefe;
float:left;
background-color:#C3CBC9;

border-top:1px solid #fefefe;
}
	
		  	#modulelist .selectEmpty{
height:48px;
width:1px;
margin-right:8px;
margin-top:0px;
float:left;
}
	
		#modulelist  .itemModule {
	padding: 6px 1px 6px 6px;
	background-color:#F1F2F3;
	border-bottom:1px solid #C3CBC9;
	border-top:1px solid #fefefe;
	/*
	border-left:1px solid #C3CBC9;
	border-right:1px solid #C3CBC9;
	*/
}

.itemModule .remarks{

}

/*
	background: #fefefe  url("pics/hidden-tile2.gif") repeat-x top left!important;
background: #F1F2F3  url("pics/hidden-tile2.gif") repeat-x top left!important;
	color:#aaaaaa;
color: #4F5B5D; 
color: #67777A;
color: #C3CBC9;
color:#7A8E91;
*/
.mlocked{
border-left:5px solid #CA4E0A!important;

}

.mforeign{
border-left:5px solid #grey!important;
background: #F1F2F3  url("pics/hidden-tile2.gif") repeat-x top left!important;
}


		#modulelist   .itemArticle{
		padding: 5px;
	border-bottom:1px dotted #C3CBC9;
}


.alocked{
color:#FFFFFF;
background-color:#CA4E0A!important;
}



  	#modulelist .dragarea{
background: #F1F2F3 url(pics/dragarea.gif);
cursor:move;
width:13px;

height:40px;
float:left;
}



	#modulelist .itemArticle .contentCell {
margin-left:20px; 
}


	#modulelist .itemModule .XcontentCell {
margin-left:25px;
border-left:1px dotted #C3CBC9;
padding-left:5px;
}

#modulelist .moduleToPlaylist {
float:left;
}


	/* articlelist
	background: #fefefe  url("pics/disabled-tile.gif") bottom repeat-x;
		background: #fefefe  url("pics/disabled-tileGrey.gif");
----------------------------------------------- */

		#articlelist  .itemArticle{
	padding: 6px 0px 6px 6px;
	border-bottom:1px dotted #C3CBC9;

}

.zuteilungButton{
padding:2px;
padding-left:3px;
padding-right:3px;
background: #C3CBC9;
font-style:normal;
font-weight:bold;
}
	
	
	
/* article edit
----------------------------------------------- */
	
	#articleHead{
	padding: 3px 1px 6px 6px;
	background-color:#F1F2F3;
	border-bottom:1px solid #C3CBC9;
	}
	
		#articleFooter{
	padding: 6px 1px 6px 6px;
	background-color:#F1F2F3;
	border-top:1px solid #C3CBC9;
margin-top:16px;
	}
	
	
	.tplHeader{
font-weight:bold;
color: #334;
text-align:left;
border-bottom: 1px dotted #99A6A8;
border-bottom: 1px dotted #C3CBC9;
margin-bottom:4px;
padding-bottom:3px;
}

.remarks{
color:#7A8E91;
font-style:italic;
/*margin-bottom:8px;*/
}


.tplThumb{
color: #334;
float:left;
margin:2px;
}

		.tplThumb  a, .tplThumb  a:hover {
color: #334!important;
text-decoration:none;
	}

.tplThumb .remarks{
color:#7A8E91;
font-style:italic;
}



.tplName{
color: #334!important;
}



/* feed
----------------------------------------------- */
ul.grey{
background-color:#999999;
}

ul.white{
	background-color:#ffffff;
}

#list ul{
  list-style:none;
margin:5px;
}
#list li {
  list-style:none;
margin:0px;
}

 .itemFeed {
	padding: 6px 1px 6px 6px;
	background-color:#F1F2F3;
	border-bottom:1px solid #C3CBC9;
	border-top:1px solid #fefefe;
}
	
 .itemTpl{
border-bottom:1px dotted #99A6A8;
padding: 6px 2px 6px 24px;
}
	
	
	
	   .itemFeed .id,    .itemTpl .id{
color: #A8C6CD;
color:#CA4E0A;

}




/* table style UL
----------------------------------------------- */

ul.table li {

	vertical-align:top;
	padding:2px 2px 2px 0;
	border-top:1px solid #fff;	
	border-bottom:1px solid #ccc;
	background-color:#f7f7f7;
	width:100%;
	margin:0;
}

ul.table li:hover {
	background-color:#dddddd!important;
}


ul.table li > div {

padding-left:0px;	
}



ul.table .headrow{
	padding:2px;
border-bottom:2px solid #C3CBC9;
background-color:#C3CBC9;
background-color:#7A8E91;
color:#fff;
}





/* table
----------------------------------------------- */

#table{
	}

#table td{

vertical-align:top;
padding-top:4px;
padding-bottom:4px;
padding-left:2px;
padding-right:5px;
border-bottom:1px solid #dddddd;
}



#table tr:hover{
background-color: #dddddd;

}



#table .headrow td{
border-bottom:1px solid #fefefe;
border-bottom:2px solid #C3CBC9;
background-color:#C3CBC9;
background-color:#7A8E91;
color:#fff;
}


#table .headrow2 td{
border-top:2px solid #7A8E91;
border-bottom:1px solid #fefefe;
background-color:#C3CBC9;
color:#fff;
}
#table .headrow3 td{
border-top:1px solid #7A8E91;
border-bottom:1px solid #ccc;
background-color:#F1F1F1;

padding-top:8px;
color:#333;
border-left:0px solid #fefefe;
}

.offsetleft{
border-left:0px solid #fefefe;
}

#table  td.zebra{
background-color: #F1F2F3;
}


#table  td.active a{
color:#334;
}

#table .subheadrow td{
height:8px;
padding:0;
border:0;
margin:0;
overflow:hidden;
}

#table .groupheadrow td{
color:#7A8E91;
font-size:1.2em;
padding-top:16px;
}


#table  td.dragarea{
background: #F1F2F3 url(pics/dragarea.gif);
cursor:move;
border:1px solid #ffffff;
}



/* searchforms
color:#aaaaaa;
color: #4F5B5D; 
color: #67777A;
color: #C3CBC9;
color:#7A8E91;
----------------------------------------------- */
#listForm, .listForm{

text-align:left;
border: 0px solid #ffffff;
border-bottom: 1px solid #C3CBC9;

padding:3px;
margin-top:0px;
color: #334;

}

	.listForm .field input, .listForm .field select{
margin-top:1px;
margin-bottom:0px;
width:auto;
}

	#listForm .field input, #listForm .field select{
margin-top:1px;
margin-bottom:0px;
width:auto;
}



	/* eingabefelder
----------------------------------------------- */

.formset {
color: #334;

text-align:left;
border-bottom: 1px dotted #99A6A8;
border-bottom: 1px dotted #C3CBC9;
margin-bottom:4px;
padding-bottom:3px;
margin-top:20px;
}

.mediaset {
color: #334;
color:#7A8E91;
text-align:left;
border-bottom: 1px dotted #99A6A8;
border-bottom: 1px dotted #C3CBC9;
padding-bottom:8px;
margin-top:5px;
}

.mediaset input {
margin-bottom:2px;
}

.mediaset .titel {
float:left;
margin-left:10px;
margin-right:5px;
padding-right:5px;
border-right: 1px dotted #C3CBC9;
}


.buttonRow{
text-align:left;
border-top: 1px dotted #99A6A8;
padding:5px 5px 5px 5px;
background-color:#C3CBC9;
margin-top:16px;
}

#playlist .buttonRow{
padding:8px 5px 8px 5px;
}

.field{
color: #99A6A8; 
color: #4F5B5D; 
color:#7A8E91;
margin-bottom:3px;
}
.field input, .field select{
margin-top:1px;
width:95%;
margin-bottom:0px;
}



.disabled{
margin:0;
/*
height:auto;
overflow:hidden;

	filter:alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity:0.4;
	*/
}

.fake{
}
.hide{
margin:0;
padding:0;
height:0;
width:0;
overflow:hidden;
}

.errorPanel {
color:#FFFFFF;
background-color: #CA4E0A;
padding:10px;
margin-bottom: 10px;
width:600px;
}

.error {
color:#CA4E0A;
}
.red {
color:#CA4E0A;
}
.yellow {
color:yellow;
}
.backyellow {
background-color:yellow!important;
}
.white{
color:#ffffff;
}

.strong{
font-weight:bold;
}
.alert {
/* background-color: #A8C6CD;
padding:10px;
 */
margin-top:10px;
width:800px;
}


#alertPanel, .alertPanel{
border:1px dotted #CA4E0A;
color:#CA4E0A;
padding:10px;
margin-bottom: 10px;
width:760px;
}

#notePanel, .notePanel{
border:1px dotted #99A6A8;
color:#334;
padding:10px;
margin: 10px;
}

.sandwich {
clear:both;
color: #334;
text-align:left;
border-top: 1px dotted #99A6A8;
border-bottom: 1px dotted #99A6A8;
padding-bottom:5px;
padding-top:5px;
margin-bottom:5px;
margin-top:8px;
}



	/* infoPanel
----------------------------------------------- */
#infoPanel {
position:absolute;
 top:-100px;
 left:-100px;
 z-index:1;  
  
  /*
width:400px;
 height:150px;
 */
	float:left;
	clear:left;
	background: url(pics/shadowAlpha.png) no-repeat bottom right !important;
	background: url(pics/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	padding: 0px;

 }
 
 #infoPanel .content {
 	position:relative;
	bottom:6px;
	right:6px;
	border: 1px solid #7A8E91;
	padding:9px;
	margin: 0px 0px 0px 0px;


  background-color:#C3CBC9;
  
   width:430px;
/* height:250px; */
 overflow:auto;
 }
 
 .verlauf1{
/* background: #fff  url("pics/verlauf2.gif") repeat-x top left!important; */
padding-top:2px;
  background-color:#C3CBC9;
  border-bottom: 1px dotted #99A6A8;
}


.sortlinkActive{
background-color:#7A8E91;
padding:4px;
}

a.sortlink{
color:#333!important;
}


a.previewLink, a.previewLink2{
color:#333!important;
text-decoration:underline!important;
}