body { behavior:url("csshover2.htc"); }

body,td,th {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:12px;
	color: #333;
	xmargin:0px;
	xpadding:0px;
	line-height: 21px;

}
body
{
	overflow:auto;
	background-color: #fff;
	background-image: url(../images/kreuzchen189.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	XXXbackground-attachment: fixed;
	background-attachment: fixed;
}

#seeBody
{
	background-color: #000;
	background-image: url(../images/kreuzchen189.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	XXXbackground-attachment: fixed;
	background-attachment: scroll;
}

a.normal{
	text-decoration:none;
	color:inherit;
	xborder-bottom: 1px dotted;
	padding:0px;
}

a{
	text-decoration:none;
	color: #000000; /* Hänsch, 21.06.2007, mußte ich erst mal machen, da "inherit" nicht im IE funktioniert */
	xcolor:inherit;
	xborder-bottom: 1px dotted;
	padding:0px;
}



hr{
	display:none;
}
h1 {
	font-size: 18px;
	xxcolor: #000000;
	line-height:21px;
}
h2 {
	font-size: 14px;
	xxccolor: #ff0000;
	xbackground-color: #FFFFFF;
}
h3 {
	font-size: 12px;
	xxcolor: #000000;
	xbackground-color: #FFFFFF;
}

img {
	border:none;
}
input {
	background-color: #eee;
	border: 1px solid #666;
}
select {
	background-color: #eee;
	border: 1px solid #666;
}
textarea {
	display:inline;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	height:18px;
	vertical-align:top;
	xxfont-weight:bold;
	border: 1px solid #666;
	background-color: #eee;
}

textarea.short {
	width:42px;
}
textarea.middle {
	width:182px;
}
textarea.long {
	width:262px;
}
textarea.text {
	width:370px;
	height:189px;
}
textarea.text_long_small {
	width:370px;
	height:89px;
}
textarea.text_medium {
	width:272px;
	height:89px;
}

input.long {
	xwidth:272px;
	width:270px;
}
input.superlong {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:12px;
	line-height: 19px;
	color: #424242;
	xwidth: 364px;
	width: 362px;
	padding: 0px 2px 0px 2px;
}

/* Hänsch, 03.07.2007, Course-Editor, Anfang */
textarea.text_2fields_height {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:12px;
	line-height: 19px;
	color: #424242;
	xwidth: 364px;
	width: 362px;
	height: 344px;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
}
textarea.titel {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:12px;
	line-height: 19px;
	color: #424242;
	xwidth: 364px;
	width: 362px;
	height: 52px;
	padding: 0px 2px 0px 2px;
}
textarea.termine {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:12px;
	line-height: 19px;
	color: #424242;
	xwidth: 364px;
	width: 362px;
	height: 52px;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
}
textarea.text_field3 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:12px;
	line-height: 19px;
	color: #424242;
	width: 258px;
	height: 56px;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
}
textarea.text_field1 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:12px;
	line-height: 19px;
	color: #424242;
	width: 176px;
	height: 56px;
	text-align: right;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
}
input.text_field1 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:12px;
	line-height: 19px;
	color: #424242;
	font-weight: normal;
	width: 178px;
	text-align: right;
}
input.text_field3{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:12px;
	line-height: 19px;
	color: #424242;
	font-weight: normal;
	width: 260px;
	padding: 0px 0px 0px 2px;
}
input.text_zeit{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:12px;
	line-height: 19px;
	color: #424242;
	font-weight: normal;
	width: 22px;
	padding: 0px 0px 0px 2px;
}
input.text_field4{
	color: #424242;
	border: #000000 dotted 1px;
	font-weight: normal;
	text-align: left;
	width: 181px;
	padding-left: 6px;
}

select.text_field1{
	color: #424242;
	font-weight: normal;
	text-align: right;
	width:182px;
	margin: 2px 0px 0px 0px;
}
select.text_field2{
	color: #424242;
	font-weight: normal;
	text-align: left;
	xwidth:372px;
	width:368px;
	padding: 0px 0px 0px 2px;
}
select.text_field3{
	color: #424242;
	font-weight: normal;
	text-align: left;
	width:264px;
}
select.text_field3_long{
	color: #424242;
	font-weight: normal;
	text-align: left;
	width:468px;
}
select.text_field4{
	color: #424242;
	font-weight: normal;
	xborder: 1px solid #424242;
	text-align: left;
	width: 100px;
}

/* Hänsch, 03.07.2007, Course-Editor, Ende */

a.pfeil_link
{
	text-decoration: none;
	color: #000;
	XXXbackground-color: #f00;
	background-image: url(../images/pfeile/pfeil_rechts18.gif);
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: center left;
}

a.pfeil_link_current
{
	text-decoration: none;
	color: #000;
	XXXbackground-color: #f00;
	background-image: url(../images/pfeile/pfeil_rechts18.gif);
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: center left;
	font-weight:bold;
}

a.pfeil_link:hover
{
	text-decoration: none;
	color: inherit;

	background-image: url(../images/pfeile/pfeil_rechts18.gif);
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: center left;

	XXXborder-bottom: 1px dotted #666;
}

a.pfeil_link_weiss
{
	text-decoration: none;
	xxghxxcolor: #fff;
	color: #999;
	XXXbackground-color: #f00;
	background-image: url(../images/pfeile/pfeil_rechts18_weiss.gif);
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: center left;
}
a.pfeil_link_weiss:hover
{
	text-decoration: none;
	color: inherit;

	background-image: url(../images/pfeile/pfeil_rechts18_weiss.gif);
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: center left;

	XXXborder-bottom: 1px dotted #666;
}

div.page { /* von oben bis zum impressum */
	color:#333;
	min-height:800px;
	xxbackground-color:#eef;
	xxoverflow:inherit;
}


div.column1{
	xbackground-color:#ff99ff;
	width:567px;
	float:left;
	margin-left:3px;
	margin-top:3px;
	xheight:300px;
	padding-bottom:20px;

}
div.form_column{
	background-color:#fff;
	width:567px;
	float:left;
	margin-left:3px;
	margin-top:3px;
	height:800px;
	padding-bottom:20px;
	xborder-right: 10px #000 solid;

}

div.column2{
	xxbackground-color:#99ffff;
	width:378px;

	float:left;
	margin-left:0px;
	margin-top:3px;
	padding-top:189px;
}

div.column2_startseite{
	xxbackground-color:#99ffff;
	width:378px;

	float:left;
	margin-left:4px;
	margin-top:4px;
}
div.page_banner{

	height:189px;
	background-repeat:no-repeat;
	xxxbackground-color:#ccc;
	position:relative;
	width:567px;
}
div.page_banner h1{

	display:none;
}


div.impressum {
	height:40px;
	width:99%;
	position:relative;
	float:left;
	border-top: #ff0000 1px solid;
	margin-top: 42px;
	padding-top:7px;
	padding-left:7px;
}


div.impressum div{
	xdisplay:inline;
	height:21px;
	xbackground-color:#99ff99;
	xcolor:#ff0000;
	padding-left:7px;
}
div.impressum div.a{
	position:absolute;
	left:0px;
}

div.impressum div.b{
	position:absolute;
	left:182px;
}

div.impressum div.c{
	position:absolute;
	right:7px;
}


div.content{
	width:100%;
	height:110%;
	min-height:100%;
	margin:0px;
	xbackground-color: #FFFF99;
	display:block;
	z-index: 98;
}

div.image_background{
	background-image:url(../images/no_image_raster.png);
	background-repeat: repeat;
}

/*quadrate auf der startseite */
div.projektbox {
	position: relative;
	float: left;
	display:inline;
	margin-left: 7px;
	margin-top: 7px;
	xbackground-image: url(cssbilder/raster.gif);
	background-repeat: repeat;
	height: 182px;
	width:182px;
	margin-top: 7px;
	xxbackground-color: #66CCFF;
}


/*news auf der startseite */
div.newsContainer{
	color:#333333;
	xfont-size: 12px;
	border-bottom: dotted 1px  #333333;
	font-weight:normal;
	padding: 3px 7px 7px 3px;
	xxxbackground-color: #66CCFF;

}
div.newsContainer h2{
	font-size: 12px;
	color: #ff0000;
	padding:0px;
	margin:0px;
	font-weight:normal;
}
div.newsContainer p{
	font-size: 12px;
	color: #333333;
	padding:0px;
	margin:0px;
	font-weight:normal;
}


/*content auf der startseite */
xxdiv.contentLeft {
	xposition: relative;
	display:block;
	xfloat: left;
	xmargin-left: 7px;
	background-image: url(cssbilder/rasterblau.gif);
	background-repeat: repeat;
	xheight: 900px;
	width: 567px;
	xmargin-top: 7px;
}

div.contentRight {
	position: relative;
	xdisplay:inline;
	float: left;
	margin-left: 7px;
	margin-top:7px;
	XXXbackground-color: #66CCFF;
	height: 900px;
	width: 371px;
	xxmargin-top: 7px;
}


/*standard autocompletion text area */
div.autocomplete {
      position:absolute;
      width:450px;
      background-color:#fff;
      border-left:1px solid #333;
      xborder-bottom:1px solid #333;
      margin:0px;
      padding:0px;
}
div.autocomplete ul {
      list-style-type:none;
      margin:7px;
      padding:0px;
      background-image:url(../images/background_busy.gif);
}
div.autocomplete ul li.selected {
	background-color: #fff;
	background-image: url(../images/raster_projekt_balken_mouse.png);
}
div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0px;
      padding:0px;
      height:44px;
      cursor:pointer;
      overflow:hidden;
      border-top:1px dotted #666;
      background-color:white;
}

ul.groupRelations{

   	list-style-type:none;
      margin:0px 0px 0px 0px;
      padding:0px;

}
ul.groupRelations li{

   	list-style-type:none;
 	xdisplay:inline;
    margin:0px 0px 7px 0px;
    padding:3px;
    border:1px #333 dotted;

}

/* die dateienliste des benutzers mit draggable bidlern*/

div.userFilesListing {

     margin:0px;
     padding:0px;

     xoverflow:auto;
}
ul.userFilesList  {
      list-style-type:none;
      margin:px 0px 0px 0px;
      padding:0px;

      line-height:91px;

      display:inline;


}
ul.userFilesList li.selected {
	background-color: #f00;
	background-image: url(../images/raster_projekt_balken_mouse.png);
	background-color:#000;
}
ul.userFilesList li {

    list-style-type:none;

 	display:block;
 	float:left;
    margin:3px 0px 0px 3px;
    padding:0px;

   	border:1px #666 solid;
    /*background-color:#acf;*/
    position:relative;

}



div.userFilesListing ul li img{

   vertical-align:middle;
}

ul.userFilesList_detailled  {
      list-style-type:none;
      margin:0px 0px 0px 0px;
      padding:0px;

     background-color:#0f0;
      line-height:189px;


}

ul.userStatements{
	  list-style-type:none;
      margin:0px 0px 0px 0px;
      padding:0px;

     xbackground-color:#0f0;
     xline-height:189px;
}

ul.userStatements li{
	  list-style-type:none;
      margin:0px 0px 0px 0px;
      padding:0px;

     xbackground-color:#0f0;
     xline-height:189px;
}
ul.sortableList{
	list-style-type:none;
	xbackground-color:#acf;
	  list-style-type:none;
      margin:0px 0px 0px 0px;
      padding:0px;
          border:1px dotted #666;
}

ul.sortableList li{
	display:block;
	cursor:move;
	max-height:84px;

	margin:0px 0px 0px 0px;
    padding:0px;

}

ul.sortableList li p{
	display:block;
	cursor:move;
	max-height:42px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
    padding:0px;

}

ul.sortableList li:hover{
	border:solid 2px #333;
}

/* droppables */
img.droppableImage{
	float: left;
	width:89px;
	height:89px;
	Xposition:absolute;
	Xtop:0px;
	Xleft:0px;
	margin-right:7px;
	padding:0px;
	xvertical-align:bottom;
	xborder: 3px #000 solid;
}
/* Hänsch, 22.01.2008 */
img.droppableImageNorm{
	width:89px;
	height:89px;
}



.userItemsPalette{
	position:fixed;
	width: 400px;
	height: 450px;
	z-index:10;
	left:0px;
	top: 0px;
	padding-top:21px;
	color:fff;

	background-color: #333;



}

div.userItemsPalette_handle {
	background-image: url(cssbilder/infofenster_handle_bg.png);
	xbackground-color: #aaf;

	height:21px;
	border-bottom:1px solid #000;
	cursor:move;
	border:0px;
	position:absolute;
	top:0px;
	right:0px;
	text-align:right;
	padding-right:7px;
}

div.userItemsPalette_content{

	color:fff;
	padding:0px;

	overflow-y: auto;
	overflow-x: hidden;
}

div.serverMessage {
	position:absolute;
	top:7px;
	left:7px;

	background-color:#fff;
	padding:3px;
	height: 89px;
	min-width: 553px;
	border: 1px dotted #666;
	z-index:21;

}

div.curtain{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	color:#000;
	padding:0px;
	margin:0px;
	background-color:#000;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	z-index:20;

	color: #fff;
	font-size:90px;
	line-height:121px;
}

label.left{
	width:84px;
	xbackground-color:#ff99aa;
	xclear:left;
	float:left;
	padding-right:7px;
	margin-right:4px;
	text-align:right;
}

label.float_left{
	width:84px;
	xbackground-color:#ff99aa;
	xclear:left;
	float:left;
	padding-right:7px;
	margin-right:4px;
	text-align:right;
}
 label.left_long{
	width:160px;
	float:left;
	padding-right:7px;
	margin-right:4px;
	text-align:left;
}


#fileEditor{
	xbackground-color:#ff3;
}


/*Farbauswahl für Editoren
*/

div.colorPullDown{
	position:relative;
	xxbackground-image: url(../images/pfeile/pfeil_rechts18.gif);
	background-repeat: no-repeat;
}
div.colorPullDown:hover{
	position:relative;
	xxbackground-image: none; /*url(../images/pfeile/pfeil_runter.gif);*/
}

div.colorPullDown ul.colorList{
	xxvisible:none;
	list-type:none;
	position:absolute;
	xbottom:0px;
	xbackground-color:#666;
	line-height:21px;
	margin:0px;
	padding:0px;
	xxxmargin-left:95px;
	xborder-top:1px solid #666;
	xwidth:370px;
	xheight:60px;
}
div.colorPullDown:hover ul.colorList{
	display:block;

}

ul.colorList li{
	height:18px;
	width:18px;
	margin:0px;
	padding:0px;
	border: 0px solid #000;
	xborder-width: 0px 1px 1px 0px;
	border-color:#666;
	list-style:none;
	display:block;
	xline-height:14px;
	float:left;
}

ul.colorList li:hover{
	height:16px;
	width:16px;
	border: 1px solid #666;

	xborder-width: 0px 1px 1px 0px;

}

div.form_section{
	margin-left:193px;
	position:relative;
	xbackground-color:#acf;
}

div.form_section label.absoluteLeft{
	display:block;
	position:absolute;
	width:150px;
	left:-157px;
	xbackground-color:#acf;
	text-align:right;
}



table.searchResults, table.searchResults tbody, table.searchResults thead{
	border-style:dotted;
	border-collapse:collapse;
	line-height:18px;
	border-width:0px;
}

table.searchResults th, table.searchResults td{
	padding-left:7px;
	border-collapse:collapse;
	border-left:0px solid #fff;
	border-right:0px solid #fff;
	border-spacing:0px;
	padding-top:4px;
	line-height:18px;
	text-align:left;
}
table.searchResults td.quadratImage, table.searchResults th.quadratImage{
	padding:0px;
	padding-top:7px;

}


table.searchResults tr{

	border-collapse:collapse;
	border:0px solid #fff;
	border-bottom:1px solid #333;

}

li.selectableListItem{
	border: none;
	cursor:pointer;

}

li.selectableListItem:hover{
	xborder: 4px solid #000;
	background-color:#222;

}
#overpage{
	-moz-opacity: 0.70; /* Mozilla Browser */
	opacity: 0.70; /* Opera */
	filter:alpha(opacity=70); /* Internet Explorer */

	color:#000000;
	background-color: #CC0000;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
}
#overpage_pic{
	background: url(../images/transparent/bild_transp_80.png);

	color:#000000;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	display:block;
}

/* Hänsch, 07.07.2010 */
#rundgang_pic{
	z-index: 2;
	width: 640px;
	height: 640px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 80px;
	margin-left: -320px;
	cursor: pointer;
}
/* Hänsch, 07.07.2010, end */