body
{
	background-color: #000;
	background-image:none;
	xbackground-image: url(../images/kreuzchen189.gif);
	xwidth:100%;
	xheight:100%;
	margin-left: 3px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	XXXbackground-attachment: fixed;
	background-attachment: scroll;
	font-size:12px;
	font-family:georgia;
}

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

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

hr{
	display:none;
}
h1 {
	font-size: 18px;
	color: #fff;
	line-height:28px;
	font-weight:normal;
}
h2 {
	font-size: 14px;
	color: #fff;
	xbackground-color: #FFFFFF;
	padding:0px;
	margin:0px;
	margin-bottom:7px;
	font-weight:normal;
}

h3 {
	font-size: 12px;
	color: #fff;
	xbackground-color: #FFFFFF;
}

img {
	border:none;
}

#seeImage{
	height:90%;
}

#seeImage_div{
	height:100%;
	width:100%;
	xxxbackground-color: #FFFFFF;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	padding-top:5%;

}


#project_pages_div{
	XXbackground-color:#acf;
	padding-left:252px;
	xheight:189px;
}

#project_subprojects_div{
	xbackground-color:#acf;
	padding-left:252px;

}

#project_subprojects_div .see_description_area{
	position:absolute;
	left:0px;
	width:231px;
	height:100px;
	xbackground-color:#acf;
	text-align:right;
	padding:3px;
	color:#ccc;
}

#project_pages_div .see_description_area{
	position:absolute;
	left:0px;
	width:231px;
	height:100px;
	xbackground-color:#acf;
	text-align:right;
	padding:3px;
	color:#ccc;
}


xtextarea {
	display:inline;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	height:18px;
	vertical-align:top;
	font-weight:bold;
	xxxborder: 1px dotted red;
	xxxbackground-color: #00FFFF;
}

textarea.short {
	width:83px;
}
textarea.middle {
	width:182px;
}
textarea.long {
	width:272px;
}
textarea.text {
	width:464px;
	height:189px;
}
textarea.text_medium {
	width:272px;
	height:89px;
}


input.long {
	width:272px;
}

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

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

	XXXborder-bottom: 1px dotted #666;
}

div.page { /* von oben bis zum impressum */
	min-height:600px;
	color:#ccc;

}


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;
}

#see_page_banner{

	height:150px;
	background-repeat:no-repeat;
	xxxbackground-color:#ccc;
	position:relative;
	width:567px;
	padding:21px 4px 4px 252px;
}

#see_page_banner h2{
margin-top:7px;
}



#see_page_banner h1{
	position:absolute;
	left:0px;
	width:231px;
	text-align:right;

	margin-top:0px;
	font-size:28px;
	font-weight:normal;
	line-height:28px;
}

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;

}

/*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 0px;
	xxxbackground-color: #66CCFF;

}
div.newsContainer h1{
	font-size: 12px;
	color: #ff0000;
	padding:0px;
	margin:0px;
	font-weight:normal;
}
div.newsContainer h2{
	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;
}
ul.userFilesList  {
      list-style-type:none;
      margin:px 0px 0px 0px;
      padding:0px;
      xbackground-image:url(../images/background_busy.gif);
     xbackground-color:#000;
      line-height:91px;
      xoverflow:auto;
      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;
    xline-height:14px;
    xfont-size:120px;
 	display:block;
 	float:left;
    margin:3px 0px 0px 3px;
    padding:0px;
    height:111px;
   	border:1px #666 solid;
    /*background-color:#acf;*/
    position:relative;

}



div.userFilesListing ul li img{
	xposition:relative;
   xtop:-50%; /* move up half of span height, which is img height */
   xwidth:182px;
   xpadding:4px 3px 3px 4px;
   xmargin:0px;
   vertical-align:middle;
}

ul.userFilesList_detailled  {
      list-style-type:none;
      margin:0px 0px 0px 0px;
      padding:0px;
      xbackground-image:url(../images/background_busy.gif);
     background-color:#0f0;
      line-height:189px;
      xoverflow:auto;
      xdisplay:inline;

}

/* 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;
}


.userItemsPalette{
	position:fixed;
	width: 100%;
	height: 112px;
	z-index:101;
	left:0px;
	top: 0px;

	color:fff;
	XXXfilter:alpha(opacity=90);
	XXX-moz-opacity:.90;
	XXXopacity:.90;
	background-color: #666;

	xvisibility:hidden;

}

div.userItemsPalette_handle {
	background-image: url(cssbilder/seeInfoNavifenster_handle_bg.png);
	xbackground-color: #aaf;
	xwidth:400px;
	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{
	xbackground-image: url(cssbilder/rasterblau.gif);
	background-repeat: repeat;
	xxxborder: solid #000000 0px;
	xbackground-color: #acf;
	width:100%;
	height:100%;
	color:fff;
	padding:0px;
	xoverflow:hidden;
	z-index:100;
}

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;
}

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

#seeRemoteControl{
	position:fixed;
	width:300px;
	height:420px;
	top:200px;
	left:30px;
	background-color:#333;
	line-height:21px;
	z-index:120;

}

#seeRemoteControl_images{
	position:fixed;
	width:140px;
	height:420px;
	top:200px;
	left:340px;
	background-color:#333;
	line-height:21px;
	z-index:120;

}

#seeRemoteControl_content{
	height:299px;
	width:293px;
	line-height:21px;
	font-size:12px;
	margin: 0px 7px 21px 7px;
	overflow:auto;
}


#seeRemoteControl h1{
	font-size:12px;
	color:#999;

}

#seeRemoteControl_handle{
	height:18px;
	background-color:#444;
	xwidth:300px;

}

#content_select{
	list-style:none;
	margin:0px;
	padding:0px;

}

option{
	background-color: #ccc;

}
optgroup{
	background-color: #ccc;

}
select{
	background-color: #ccc;

}


/* NAVIGATIONSLEISTE
*/

#seeLeiste{
	position:fixed;
	top:138px;
	left:0px;
	width:100%;
	height:22px;
	background-color:#333;
	margin:0px;
	padding:4px 0px 0px 0px;
	color:#ccc;
	font-family: georgia, serif;
	z-index:110;
	vertical-align:bottom;
	line-height:18px;
}

#seeLeiste .klappmenuFloat{
	background-color:#333;
	background-image:url(../images/pfeile/pfeil_rechts18_weiss.gif);
}
#seeLeiste a.menuTitel,#seeLeiste a.menuTitel:visited{
	text-decoration:none;
	font-size:12px;
	padding-right: 14px;
	padding-left: 21px;
	display:inline;
	vertical-align:bottom;
	color:#ccc;
}

#seeLeiste a.menuTitel:visited{
	color:#ccc;
}
#seeLeiste a.menuLink,#seeLeiste a.menuLink:visited{
	color:#ccc;

	white-space:nowrap;
	display:block;
}
#seeLeiste a.menuLink:hover{
	color:#fff;
	xbackground-image:url(../images/pfeile/pfeil_rechts18_weiss.gif);
}

.klappmenuFloat li:hover{
	vertical-align:top;
	xbackground-color: #99FF99;
	background-image: url(../images/pfeile/pfeil_rechts18_weiss.gif);
	background-repeat: no-repeat;
}
#seeLeiste .klappmenuFloat ul,#seeLeiste .klappmenuFloat li{
	background-color:#333;
	color:#ccc;
}

#seeLeiste #seeExit{
	vertical-align:bottom;
	xxbackground-color:#acf;
	width:120px;
	display:block;
	position:absolute;
	left:14px;
	xline-height:18px;
	padding:0px;
	margin:0px;
}
#seeLeiste div.projectNavi{
	vertical-align:bottom;
	xxbackground-color:#acf;
	width:80%;
	display:block;
	position:absolute;
	left:140px;
	xline-height:18px;
	padding:0px;
	margin:0px;
}

#seeLeiste #seeInfoNavi{
	vertical-align:bottom;
	xxxbackground-color:#acf;
	width: 110px;
	xxxwidth:82px;
	xxxxwidth:133px; /*Hänsch, 11.11.2009 */
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	xline-height:18px;
	padding:4px 0px 0px 7px;
	margin:0px;
	border-left: dotted 1px #ccc;
	height:22px;
	overflow:hidden:
}

#seeStage {
	height:100%;
	width:100%;
	max-width:100%;
	cbackground-color:#000;
	margin:0px;
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}
/*
#seeStage .labelDiv{
	height:182px;
	width:182px;
	margin: 3px 4px 4px 3px;
	text-align:right;
	padding-right:7px;
	position:absolute;
	top:0px;
	left:0px;
	xbackground-color:#ccf;
}
*/
#seeStage ul.boxListe_quadrat{
	list-style:none;
	padding:0px;
	margin:0px;
	xxxbackground-color: #531;
	width:900px;
	xwhite-space:nowrap;
}
ul.boxListe_quadrat li{
	xline-height:182px;
	height:210px;
	width:189px;
	max-width:189px;
	overflow:none;
	padding:0px;
	margin:0px;
	xbackground-color:#f33;
	color:#ccc;
	border:none;
display: -moz-inline-box;
display: inline-block;
}

ul.boxListe_quadrat li div.boxContent{
xxxposition:relative;
	width:189px;
xxxheight:225px;
	xxheight:260px;
	padding: 4px 3px 3px 4px;
	background-color:#000;
xxxdisplay: -moz-inline-block;
xxxdisplay: inline-block;
	line-height:18px;
	xvertical-align:top;

}
ul.boxListe_quadrat li div.boxContent .imageDiv{
xxxdisplay: -moz-inline-block;
	height:182px;
	width:182px;
	text-align:center;
	vertical-align:middle;
	border:#ccc dotted 1px;
}

ul.boxListe_quadrat li .imageDiv img{
	margin: auto;
	vertical-align:bottom;
	xmargin:0px auto 0px auto;
	xborder: 1px solid #f00;
}

#XXXseeStage .subProjectBox{
	height:182px;
	width:182px;
	margin: 3px 4px 4px 3px;
	background-color: #acf;
	display:table-cell;
	xborder:1px solid #f37;
}

#seeStage .projectOverview {
	height:189px;
	width:100%;
	text-align:left;
	padding-left: 189px;
	position:relative;
	margin-top:21px;
}

#seeStage .projectOverview h1{
	display:inline;

	line-height:21px;
	font-size:18px;
}

#seeStage .filesOverview {
	position:relative;
	text-align:left;
	min-height:189px;
	width:100%;
	padding-left:189px;
}


/* Hänsch, 01.07.2008, begin  für seeModus/seeModus_projectOverview.tpl*/
#seeStage .files_Overview{
	position:relative;
	text-align:left;
	min-height:189px;
	width:100%;
	xxghxxpadding-left:189px; /* Hänsch, 03.11.2009 */
	padding-left:378px;
	display:-moz-inline-block;
	display:inline-block;
}
#seeStage .label_Div{
	height:182px;
	xxghxxwidth:182px;
	width:364px;
	margin: 3px 4px 4px 3px;
	text-align:right;
	padding-right:7px;
	position:absolute;
	left:0px;
}
.bildsegment{
	width:182px;
	height:224px;
	padding: 4px 5px 3px 4px;
	line-height:18px;
	color:#ccc;
	text-align:left;
	float:left;
}
.quadrat{
	width:182px;
	height:182px;
	border:#ccc dotted 1px;
	text-align:center;
}
/* Hänsch, 01.07.2008, end */


#seeStage .subProjectsOverview {
position:relative;
	text-align:left;
	min-height:189px;
	width:100%;
	padding-left:182px;
}

#seeStage img.stageImage {

	max-height:1200px;
	margin:5px auto;

}
#seeStage #videoplayer {

	xheight:100%;
	margin-top:250px;
	margin-left:auto;
	margin-right:auto;
	align:center;
	vertical-align:middle;


}

#flashplayer {

	xheight:100%;
	margin-top:200px;
	margin-left:auto;
	margin-right:auto;
	align:center;
	vertical-align:middle;


}

#projectInfoWindow{
	position:absolute;
	position: fixed;
	top:140px;
	right:100px;
	width:350px;
	height:250px;
	font-size:12px;
	background-color:#transparent;
	color:#ddd;
	z-index:500;
}

#projectInfoWindow div.handleBar{
	position:absolute; /*Hänsch, 02.11.2009 */
	width:100%;
	height:18px;
	background-color:#333;
	border-bottom:dotted 1px #ccc;
	background-image: url(../images/kalenderleiste_oben.gif);
	background-repeat: no-repeat;
	background-position: center left;

}
#projectInfoWindow div.content{
	width:340px;
	height:302px;
	overflow:auto;
	padding-top:21px;
	padding-left:3px;
	padding-right:7px;
	background-color:#333;
	xxxborder-bottom:dotted 1px #ccc;
}


#projectInfoWindowContent{
	padding:0px 21px 7px 3px;
	line-height:21px;

}
#projectInfoWindow div.content .fileInfo{
	padding:0px 21px 21px 3px;
	line-height:21px;

}

#projectInfoWindow h1{
	font-size:21px;
	line-height:28px;
	padding:0px;
	margin:0px;
	color:#ccc;
	padding:0px 21px 0px 3px;
}

#projectInfoWindow .author,
#projectInfoWindow .teilnehmer,
#projectInfoWindow .betreuer,
#projectInfoWindow .parentproject,#projectInfoWindow .description{

	line-height:21px;
	padding:0px;
	margin:0px;
	color:#ccc;
	padding:0px 21px 14px 3px;

}

/* Hänsch, 06.11.2009, festes Infofenster */
#projectInfoWindow1{
	position:absolute;
	position: fixed;
	top:195px;
	left: 12px;
	width:350px;
	height:250px;
	font-size:12px;
	background-color:#transparent;
	color:#ddd;
	z-index:500;
}
#projectInfoWindow1 div.handleBar{
	position:absolute;
	width:100%;
	height:18px;
	background-color:#333;
	border-bottom:dotted 1px #ccc;
	background-image: url(../images/kalenderleiste_oben.gif);
	background-repeat: no-repeat;
	background-position: center left;

}
#projectInfoWindow1 div.content{
	width:340px;
	height:302px;
	overflow:auto;
	padding-top:21px;
	padding-left:3px;
	padding-right:7px;
	background-color:#333;
	xxxborder-bottom:dotted 1px #ccc;
}
#projectInfoWindow1 div.content .fileInfo{
	padding:0px 21px 21px 3px;
	line-height:21px;

}

#projectInfoWindow1 h1{
	font-size:21px;
	line-height:28px;
	padding:0px;
	margin:0px;
	color:#ccc;
	padding:0px 21px 0px 3px;
}

#projectInfoWindow1 .author,
#projectInfoWindow1 .teilnehmer,
#projectInfoWindow1 .betreuer,
#projectInfoWindow1 .parentproject,#projectInfoWindow .description{
	line-height:21px;
	padding:0px;
	margin:0px;
	color:#ccc;
	padding:0px 21px 14px 3px;
}


div.hilfeBox1{
	position:relative;
	display:inline;
}
div.hilfeBox1 .hilfeContent1{
	display:none;
}
div.hilfeBox1:hover .hilfeContent1{
	border:2px solid #333;
	padding:7px 7px 14px 7px;
	display:block;
	position:absolute;
	width:200px;
	max-width:300px;
	left:30px;
	top:-5px;
	background-color:#ccc;
	color:#333;
	z-index:220;
}