/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/css/general.css
**
****************************************************************
****************************************************************/

/* Schriftart (für alle Elemente) */
* {
	font-weight: normal;
	font-size: 11px;
	font-family: 'Verdana', sans-serif;
	color: #000000;
	line-height: 130%;
}

/* Abstaende */
body, form, table, tbody, td, p
{
	margin: 0px;
	padding: 0px;
}

ul
{
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

table
{
	border-collapse: collapse;
}

/* Elemente im Textfluss */

input,
select
{
	padding: 0px; /* >0px sieht in Firefox schlecht aus */
	margin: 2px 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #adadad #cecece #e4e4e4 #cecece;
}

/* Formular Elemente */

input.submit,
input.button
{
	font-weight: bold;
}
input.text,
input.password
{
	height: 13px; /* = 23px*/
	padding: 2px 5px;
	margin: 2px 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #adadad #cecece #e4e4e4 #cecece;
}

input.text,
input.password,
select,
option
{
	font-size: 11px;
	color: #444444;
}

input.highlight, select.highlight
{
	border: 1px solid red;
}

/* linke Textausrichtung für alle DIVs */
div {
	text-align: left;
}



/* Rahmen für verlinkte Bilder ausschalten */
img {
	border-width: 0px;
}

/* Links */
a {
	color: #c8001e; 
	text-decoration: none;
	
	
	/* 
		Schlecht zu lesen auf weißem / orangem Hintergrund!
		color: #f5bf19; 
		text-decoration: none;
	*/
}

a:hover {
	color: #800000;
	text-decoration: none;
	
	
	/*	
		Schlecht zu lesen auf weißem / orangem Hintergrund!
		color: #ec5318;
		text-decoration: underline;
	*/
}

/* Ueberschriften */
h1 {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	color: #e77100;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 7px 0px;
	color: #e77100;
}

h3 {
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 7px 0px;
	color:#e77100;
}

/* Seitenhintergrund */
body.main
{
	background-color: #ffffff;
	background-image: url("http://resources.froomity.com/images/background.png");
	background-repeat: repeat-x;
}


.block-align-right
{
	display: block;
	margin: 0px 0px 0px auto;
}

.block-align-center
{
	display: block;
	margin: 0px auto;
}


.username-link
{
	color:#CE7220;
	font-weight:bold;
	font-variant:small-caps;
}

.username-caption
{
	color:#000000;
	font-size:22px;
	font-weight:bold;
	font-variant:small-caps;
	vertical-align:top;
}


.userOverviewLeftTD
{
	text-align:right;
	padding-right:10px;
	color:#e77100;
	vertical-align:top;
}

.userOverviewRightTD
{
	width:300px;
}

/* Debug-Ausgabe (temporaer verwendet) */
#debug{
	position:fixed;
	bottom:0;
	left:0; 
	background-color:white;
	border:1px solid black; 
	height:50px;
	width:800px;
	overflow:scroll;
	max-height:50px;
	max-width:800px;
}


/* Fotoalben */
.albumOverview{
	background-image: url("http://resources.froomity.com/images/icon_images/other/Album_Mappe.png");
	float: left; 
	position:relative;
	width:163px; 
	height:125px;
	background-repeat:no-repeat;
}

.albumOverview img{
	border: 1px solid #000000;
}
.albumOverview div{
	position:absolute; 
	width: 100%; 
	text-align: center;
	padding-top:20px;
	
}
.albumPic{
	width:122px; 
	height:92px;
	float: left;
	text-align: center;
	margin: 20px 20px 0px 0px;
	background-color: #000000;
}
.albumPic div{
	padding:1px;
	text-align:center;
}
/* Banner */
#bannerBigSize{
	margin-left:auto;
	margin-right: auto;
	width:728px;
	height:90px;
	margin-top:5px;
	margin-bottom:5px;
	/*border: 1px solid #ffb808;*/
	/* Dummy Stuff! */
	/*background-image: url("http://resources.froomity.com/images/banner/leaderboard_bsp.jpg");*/
}

#bannerSkyscraper{
	width:120px;
	height:600px;
	margin: 10px 0 10px 0; 
}

#bannerLargesizeabsolute,
#bannerLargesizerelative,
#bannerLargesizedummy{
	width:300px;
	height:270px;
}

#bannerLargesizeabsolute{
	position:absolute;
	right:9px;
	z-index:1337;
}

#bannerLargesizerelative{
	padding:30px 0 10px 5px;
}

#bannerLargesizedummy{
	visibility: hidden;
}

/* Suche */
#searchFeedbackBox
{
	margin-bottom: 8px;
	border: 1px solid #FFCE0C;
	display: none;
	padding: 10px;
	background-color: #EEEEEE;
	width: 670px;
}


/* Timezone-Replacer */
.TZR
{
	display: none;
}

/* Datezone-Replacer */
.DZR
{
	display: none;
}

/* Voting */
#votingBox #track1{
	width: 160px; 
	height: 5px; 
	background-color:#ff5134;
	border: 1px solid #802000;
}
#votingBox #handle1{
	width: 5px; 
	height: 10px; 
	cursor: move; 
	left: 0px;
	top: -12px; 
	position: relative;
}
#votingBox #voteslider{
	position:relative;
	left:-12px;
}
#votingBox #voteRating{
	vertical-align:top;
	padding-top:15px;
	padding-left:12px;
	font-weight:bold;
}
#votingBox input.submit{
	width: 100px;
	height: 23px;
	background: transparent url("http://resources.froomity.com/images/index-btn-login.png");
	border-width: 0px;
	cursor: pointer;
}



/* Kontaktformualr */

#contactForm .contactLeft{
	font-weight:bold;
	padding-right:15px;
}

#contactForm input.inputText{
	width:350px;
}
#contactForm textarea{
	width:350px;
	height:100px;
}
#contactForm input.submit{
	width: 100px;
	height: 23px;
	background: transparent url("http://resources.froomity.com/images/index-btn-login.png");
	border-width: 0px;
	cursor: pointer;
}

/******************************************************
	Clearfix behebt den Fehler, dass das Elternelement 
	eines floatenden Elements keine Höhe besitzt.
	Einfach dem Elternelement dessen Kind(er) floate(n)
	die Klasse clearfix hinzufügen. 
*******************************************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
/*****************************************************/
/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/css/menu.css
**
****************************************************************
****************************************************************/

/*
 * Hauptmenü
 */

#menu
{
	width: 130px;
}

#menu ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#menu ul li
{
	margin: 0px;
	padding: 0px;
}

/*
 * Menüpunkt (allgemein)
 */

#menu ul li a
{
	display: block;
	white-space: nowrap;
	overflow: hidden;

	margin: 3px 0px;

	/* width + padding: 120px */
	width: 95px;
	padding-left: 25px;
	/* height + padding: 23px */
	height: 18px;
	padding-top: 5px;

	background-image: url("http://resources.froomity.com/images/menu-items.png");
}

#menu ul li.normal a
{
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	cursor: pointer;
}

#menu ul li.normal a:hover
{
	text-decoration: underline;
	cursor: pointer;
}

#menu ul li.active a
{
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	cursor: pointer;
}

/*
 * Offsets der Menüpunkte
 */

#menu .normal .MENU_OVERVIEW
{
	background-position: 0px 0px;
}

#menu .normal .MENU_OVERVIEW:hover
{
	background-position: -120px 0px;
}

#menu .active .MENU_OVERVIEW
{
	background-position: -240px 0px;
}

#menu .normal .MENU_MAIL
{
	background-position: 0px -69px;
}

#menu .normal .MENU_MAIL:hover
{
	background-position: -120px -69px;
}

#menu .active .MENU_MAIL
{
	background-position: -240px -69px;
}

#menu .normal .MENU_MYALBUMS
{
	background-position: 0px -184px;
}

#menu .normal .MENU_MYALBUMS:hover
{
	background-position: -120px -184px;
}

#menu .active .MENU_MYALBUMS
{
	background-position: -240px -184px;
}

#menu .normal .MENU_MYGB
{
	background-position: 0px -322px;
}

#menu .normal .MENU_MYGB:hover
{
	background-position: -120px -322px;
}

#menu .active .MENU_MYGB
{
	background-position: -240px -322px;
}
#menu .normal .MENU_STORY
{
	background-position: 0px -345px;
}

#menu .normal .MENU_STORY:hover
{
	background-position: -120px -345px;
}

#menu .active .MENU_STORY
{
	background-position: -240px -345px;
}

#menu .normal .MENU_MYFRIENDS
{
	background-position: 0px -138px;
}

#menu .normal .MENU_MYFRIENDS:hover
{
	background-position: -120px -138px;
}

#menu .active .MENU_MYFRIENDS
{
	background-position: -240px -138px;
}

#menu .normal .MENU_FAVORITES
{
	background-position: 0px -115px;
}

#menu .normal .MENU_FAVORITES:hover
{
	background-position: -120px -115px;
}

#menu .active .MENU_FAVORITES
{
	background-position: -240px -115px;
}

#menu .normal .MENU_SETTINGS
{
	background-position: 0px -92px;
}

#menu .normal .MENU_SETTINGS:hover
{
	background-position: -120px -92px;
}

#menu .active .MENU_SETTINGS
{
	background-position: -240px -92px;
}

#menu .normal .MENU_REGISTRATION
{
	background-position: 0px -23px;
}

#menu .normal .MENU_REGISTRATION:hover
{
	background-position: -120px -23px;
}

#menu .active .MENU_REGISTRATION
{
	background-position: -240px -23px;
}

#menu .normal .MENU_SEARCH
{
	background-position: 0px -46px;
}

#menu .normal .MENU_SEARCH:hover
{
	background-position: -120px -46px;
}

#menu .active .MENU_SEARCH
{
	background-position: -240px -46px;
}

#menu .normal .MENU_HELP
{
	background-position: 0px -161px;
}

#menu .normal .MENU_HELP:hover
{
	background-position: -120px -161px;
}

#menu .active .MENU_HELP
{
	background-position: -240px -161px;
}


#menu .normal .MENU_VOTE
{
	background-position: 0px -276px;
}

#menu .normal .MENU_VOTE:hover
{
	background-position: -120px -276px;
}

#menu .active .MENU_VOTE
{
	background-position: -240px -276px;
}

#menu .normal .MENU_TOPLISTS
{
	background-position: 0px -207px;
}

#menu .normal .MENU_TOPLISTS:hover
{
	background-position: -120px -207px;
}

#menu .active .MENU_TOPLISTS
{
	background-position: -240px -207px;
}

/* 
* Teambereich
*
*/

#menu .normal .MENU_TRANSLATE
{
	background-position: 0px -230px;
}

#menu .normal .MENU_TRANSLATE:hover
{
	background-position: -120px -230px;
}

#menu .active .MENU_TRANSLATE
{
	background-position: -240px -230px;
}

#menu .normal .MENU_LABEL
{
	background-position: 0px -230px;
}

#menu .normal .MENU_LABEL:hover
{
	background-position: -120px -230px;
}

#menu .active .MENU_LABEL
{
	background-position: -240px -230px;
}

#menu .normal .MENU_USER_MANAGEMENT
{
	background-position: 0px -230px;
}

#menu .normal .MENU_USER_MANAGEMENT:hover
{
	background-position: -120px -230px;
}

#menu .active .MENU_USER_MANAGEMENT
{
	background-position: -240px -230px;
}

#menu .normal .MENU_USER_SHERIFF
{
	background-position: 0px -230px;
}

#menu .normal .MENU_USER_SHERIFF:hover
{
	background-position: -120px -230px;
}

#menu .active .MENU_USER_SHERIFF
{
	background-position: -240px -230px;
}

#menu .normal .MENU_SUPPORT
{
	background-position: 0px -230px;
}

#menu .normal .MENU_SUPPORT:hover
{
	background-position: -120px -230px;
}

#menu .active .MENU_SUPPORT
{
	background-position: -240px -230px;
}

#menu .normal .MENU_STATISTICS
{
	background-position: 0px -230px;
}

#menu .normal .MENU_STATISTICS:hover
{
	background-position: -120px -230px;
}

#menu .active .MENU_STATISTICS
{
	background-position: -240px -230px;
}

#menu .normal .MENU_SYSTEM_MANAGEMENT
{
	background-position: 0px -230px;
}

#menu .normal .MENU_SYSTEM_MANAGEMENT:hover
{
	background-position: -120px -230px;
}

#menu .active .MENU_SYSTEM_MANAGEMENT
{
	background-position: -240px -230px;
}

#menu .normal .MENU_SYSTEM_MESSAGES
{
	background-position: 0px -230px;
}

#menu .normal .MENU_SYSTEM_MESSAGES:hover
{
	background-position: -120px -230px;
}

#menu .active .MENU_SYSTEM_MESSAGES
{
	background-position: -240px -230px;
}

#menu .normal .MENU_EMAIL
{
	background-position: 0px -230px;
}

#menu .normal .MENU_EMAIL:hover
{
	background-position: -120px -230px;
}

#menu .active .MENU_EMAIL
{
	background-position: -240px -230px;
}

#menu .normal .MENU_NEWSLETTER
{
	background-position: 0px -230px;
}

#menu .normal .MENU_NEWSLETTER:hover
{
	background-position: -120px -230px;
}

#menu .active .MENU_NEWSLETTER
{
	background-position: -240px -230px;
}

/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/css/frame.css
**
****************************************************************
****************************************************************/

#frame_index
{
	width: 974px;
	margin: 0px auto;
}

#frame_index #header
{
	margin-top: 66px;
	padding: 20px 20px 0px 20px;
	height: 35px;
	background-image: url("http://resources.froomity.com/images/index-header.png");
}

#frame_index #header input
{
	margin: 1px 5px;
}

#frame_index #header input.text
{
	width: 120px;
}

#frame_index #header input.password
{
	width: 120px;
}

#frame_index #header input.submit
{
	width: 100px;
	height: 23px;
	background: transparent url("../images/index-btn-login.png");
	border-width: 0px;
	cursor: pointer;
}

#frame_index #r1
{
	height: 297px;
	background-image: url("../images/index-r1.jpg");
}
	
#frame_index #r1 #suche
{
	position: relative;
	top: 238px;
	left: 58px;
	width: 490px;
	height: 25px;
}

#frame_index #r1 input.submit
{
	width: 73px;
	height: 23px;
	background: transparent url("../images/index-btn-search.png");
	border-width: 0px;
	cursor: pointer;
}	
	
	
#frame_index #r2
{
	padding: 0px 7px;
	height: 117px;
	background-image: url("../images/index-r2.png");
	position: relative;
}

#frame_index #r2 table
{
	border-collapse: collapse;
	height: 117px;
}

#frame_index #r2 tr,
#frame_index #r2 td
{

	padding: 0px;
	margin: 0px;
}

#frame_index #r2 td.c1
{
	width: 265px;
	padding: 0px 30px 0px 49px;
}

#frame_index #r2 td.c2
{
	width: 260px;
	padding: 0px 30px 0px 31px;
}

#frame_index #r2 td.c3
{
	width: 205px;
	padding: 0px 50px 0px 40px;
	text-align: center;
}





#frame_index #r2 input.joinButton
{
	width: 204px;
	height: 31px;
	background: transparent url("../images/index-btn-join.png");
	border-width: 0px;
	cursor: pointer;
}

#frame_index #r3
{
	height: 217px;
	vertical-align: middle;
	width: 974px;
	background-image: url("../images/index-r3.png");
	paddin
}

#frame_index #r3 #topUserDiv
{
	padding: 0px 7px;
}


#r3 #topUserDiv .topusers
{
	background-image: url('http://resources.froomity.com/images/miniprofile_back.png');
	width: 129px;
	height: 147px;
	float: left;
	margin:4px;
}





#frame_portal
{
	width: 974px;
	margin: 0px auto;
}

#frame_portal #header
{
	height: 104px;
	background-image: url("../images/header.jpg");
	background-repeat: no-repeat;
	
}

#frame_portal #login_signup_user
{
	padding: 2px 12px;
	height: 33px; /* == 37px */
	background-image: url("../images/background-login-signup-user.png");
	vertical-align:center;
}

#frame_portal #main
{
	background-image: url("../images/background-content.png");
}

#frame_portal #main-fading
{
	background: url("../images/background-content-fading.png") no-repeat;
	padding-left:7px;
	padding-right:7px;
}

#frame_portal #main #mainWrapper
{
	height:100%;
	position:relative;
	width:960px; /* 974 - 7 - 7 */
	
}

#frame_portal #footer
{
	padding: 1px 7px 7px 7px;
	height: 30px;
	background: url("../images/background-footer.png") no-repeat;
	text-align:center;
}

/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/css/editProfile.css
**
****************************************************************
****************************************************************/
div#EditAvatar{
	position:relative; /* wichtig für darübergelegtes Element */
	display:none;
}

/*
 * Wie breit und hoch ist die EditPhoto-Anwendung
 */
div#EditAvatar,
div#EditAvatar div.EditPhotoWorking{
	width:450px;
	height:600px;
	padding:5px;
}	

/* 
 * element das sich über alles darüberlegt um anzuzeigen das ein Vorgang läuft 
 * und hierdurch weitere Aktionen verhindert
 */
div#EditAvatar div.EditPhotoWorking{
	position:absolute;
	left:0;
	top:0;
	background-color:white;
	opacity:0.7;
	filter:alpha(opacity=70);
	background-image:url('http://resources.froomity.com/images/EditPhoto/loading.gif'); /*TODO anderer Pfad!*/
	background-repeat:no-repeat;
	background-position:center center;
	display:none;
}

div#EditAvatar table.EditPhotoControls{
	margin:15px auto 1px auto;
}
div#EditAvatar table.EditPhotoControls td{
	padding:0 9px 0 8px;
}
	
div#EditAvatar table.EditPhotoImageContainer{
	padding:0;
	margin:0;
	border: 1px solid #ffcf11;
	width:450px;
	height:500px;
}

div#EditAvatar table.EditPhotoImageContainer td{
	text-align:left;
	vertical-align:top;
}

div#EditAvatar table.EditPhotoImageContainer img{
	vertical-align:middle;
}

div#EditAvatar .EditPhotoControl{
	cursor:pointer;
}
/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/css/editAlbum.css
**
****************************************************************
****************************************************************/
div#EditAlbumPicture{
	position:relative; /* wichtig für darübergelegtes Element */
	display:none;
}

/*
 * Wie breit und hoch ist die EditPhoto-Anwendung
 */
div#EditAlbumPicture,
div#EditAlbumPicture div.EditPhotoWorking{
	width:450px;
	height:600px;
	padding:5px;
}	

/* 
 * element das sich über alles darüberlegt um anzuzeigen das ein Vorgang läuft 
 * und hierdurch weitere Aktionen verhindert
 */
div#EditAlbumPicture div.EditPhotoWorking{
	position:absolute;
	left:0;
	top:0;
	background-color:white;
	opacity:0.7;
	filter:alpha(opacity=70);
	background-image:url('http://resources.froomity.com/images/EditPhoto/loading.gif'); /*TODO anderer Pfad!*/
	background-repeat:no-repeat;
	background-position:center center;
	display:none;
}

div#EditAlbumPicture table.EditPhotoControls{
	margin:15px auto 1px auto;
}
div#EditAlbumPicture table.EditPhotoControls td{
	padding:0 9px 0 8px;
}
	
div#EditAlbumPicture table.EditPhotoImageContainer{
	padding:0;
	margin:0;
	border: 1px solid #ffcf11;
	width:450px;
	height:500px;
}

div#EditAlbumPicture table.EditPhotoImageContainer td{
	text-align:left;
	vertical-align:top;
}

div#EditAlbumPicture table.EditPhotoImageContainer img{
	vertical-align:middle;
}

div#EditAlbumPicture .EditPhotoControl{
	cursor:pointer;
}
/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/css/profilePhotoUpload.css
**
****************************************************************
****************************************************************/
/*************************************************************
* Darauf achten, dass       #profilePhotoUploadContainer 
* vor jeder Regel steht, damit es nicht zu Interferrenzen
* mit dem photoUploader der Gallerie kommt
**************************************************************/

#profilePhotoUploadContainer, #profileContainer {
	width:460px;
	padding:5px;
}


/*************** Einzelne Bereiche ***************************/
#profilePhotoUploadContainer #editArea, #profileContainer #editArea{
	width:450px; height:500px;
	border:1px solid #FFCE0C;
}

/*
	#profilePhotoUploadContainer #currentArea, #profileContainer #currentArea{
		width:188px; height:213px;
		padding:0px 5px 5px 5px;
		border:1px solid #999;
		float:left;
		margin-bottom:5px;
	}
	#profilePhotoUploadContainer #currentImage, #profileContainer #currentImage{
		width:188px;
		height:188px;
	}

	#profilePhotoUploadContainer #stepsArea, #profileContainer #stepsArea{
		width:188px; height:368px;
		padding:5px;
		border:1px solid #999;
		float:left;
		position:relative;
	}
	#profilePhotoUploadContainer #infoArea, #profileContainer #infoArea{
		width:190px;
		position:absolute;
		bottom:0px;
	}
*/

#profilePhotoUploadContainer #loadingImage, #profileContainer #loadingImage{
	width:54px;
	height:55px;
	display:block;
	margin:200px auto 0px auto;
}

#profilePhotoUploadContainer h3, #profileContainer h3{
	padding:0px;
	margin:0px;
	text-align:center;
	height:25px;
}

/********* Container für einzelnen Schritt *****************/
#profilePhotoUploadContainer .stepNumber, #profileContainer .stepNumber{
	width:10px; height:30px;
	line-height:30px;
	float:left;
	margin-right:8px;
}
#profilePhotoUploadContainer .step, #profileContainer .step{
	width:170px; height:30px;
	line-height:30px;
	text-align:center;
	margin-bottom:5px;
	float:left;
	border:0px solid red;
}
#profilePhotoUploadContainer #nextAbort, #profileContainer #nextAbort{
	width:188px; height:30px;
}

/************* Allg. für Button **************************/
#profilePhotoUploadContainer .largeButton,
#profilePhotoUploadContainer .smallButton,
#profilePhotoUploadContainer .middleButton,
#profileContainer .largeButton,
#profileContainer .smallButton,
#profileContainer .middleButton{
	display:block;
	border:0px;
}
#profilePhotoUploadContainer .largeButton, #profileContainer .largeButton{
	width:170px;
	height:30px;
}
#profilePhotoUploadContainer .smallButton, #profileContainer .smallButton{
	width:40px;
	height:30px;
}
#profilePhotoUploadContainer .middleButton, #profileContainer .middleButton{
	width:80px;
	height:30px;
}

/*************** Weiter / Abbrechen ***************/
/*#profilePhotoUploadContainer #nextStep{
	width:145px; height:30px;
	float:left;
	margin-right:3px;
	background-image:url("http://resources.froomity.com/images/pu_next_deactivated.png");
}*/
#profilePhotoUploadContainer #abortButton, #profileContainer #abortButton{
	float:right;
	background-image:url("http://resources.froomity.com/images/pu_abort_deactivated.png");
}

/************** Schritt 1 ******************/
#profilePhotoUploadContainer #uploadButton, #profileContainer #uploadButton{
	position:relative;
	overflow: hidden;
	background-image:url("http://resources.froomity.com/images/pu_upload_activated.png");
}
#profilePhotoUploadContainer #uploadInputField, #profileContainer #uploadInputField{
	height:50px;
	font-size:50pt;
	position:absolute;
	right:-5px;
	top:-5px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
}

/************** Schritt 2 ******************/
#rotateCWButton{
	float:left;
	margin-right:4px;/*nur 4 wg komischen IE bug. 3. button hat sonst keinen platz mehr o_O*/
	background-image:url("http://resources.froomity.com/images/pu_cw_deactivated.png");
}
#rotateComplete{
	float:left;
	margin-right:0px;
	background-image:url("http://resources.froomity.com/images/pu_next_deactivated.png");
}
#rotateCCWButton{
	float:right;
	background-image:url("http://resources.froomity.com/images/pu_ccw_deactivated.png");
}

/************** Schritt 3 ******************/
#cropComplete{
	background-image:url("http://resources.froomity.com/images/pu_crop_deactivated.png");
}

/************** Schritt 4 ******************/
#saveButton{
	background-image:url("http://resources.froomity.com/images/pu_save_deactivated.png");
}



/*
#currentImageContainer,
#editImageContainer,
#previewImageContainer{
	float:left;
	border:1px solid #666;
	padding:5px;
	text-align: center;
}
#currentImageContainer{
	width:490px;
	height:490px;
	margin-right:5px;
}
#editImageContainer{
	width:190px;
	height:333px;
	margin-bottom: 5px;
}
#previewImageContainer{
	width:190px;
	height:140px;
}


.effectButton{
	background-color: #FC2;
	border: 1px solid #336;
	width: 150px;
	height: 25px;
	text-align:center;
	color: #E52;
	line-height:25px;
	display:block;
	margin:2px auto;
}

#uploadButton{
	position:relative;
	overflow: hidden;
	width:148px;
}

#uploadInputField{
	height:50px;
	font-size:50pt;
	position:absolute;
	right:-5px;
	top:-5px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
}
*/
/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/css/content.css
**
****************************************************************
****************************************************************/


.menuColumn
{
	float: left;
}

.wideContentColumn
{
	float: left;
	width: 810px;

	background-image: url("../images/content-2-bg.png");
	background-repeat: no-repeat;
}

.smallContentColumn
{
	float: left;
	width: 805px;
	padding: 5px;
	margin: 5px;

	background-image: url("../images/content-1-bg.png");
	background-repeat: no-repeat;
}

.rightColumn
{
	width: 310px;
	float:right;
	padding-top:5px;
}

.innerContent
{
	margin-right: 320px;
}

p.formLabel
{
	margin: 10px 0px 2px 0px;
}






div.box
{
	width: 306px;
	height:auto;
	background-image: url("../images/box-bg.png");
	background-repeat: no-repeat;
	margin-bottom:10px;
	position: relative;
}


div.box div.caption
{
	width: 256px; /* 306px */
	height: 18px; /* 28px */
	padding: 10px 0px 0px 40px;
	font-weight: bold;
}

div.box div.content
{
	width: 286px; /* 306px */
	padding: 10px 10px 0px 10px;
	
}

div.box div.content a.subitem
{
	display: block;
	background-image: url("../images/box-subitem.png");
	background-repeat: no-repeat;
	width: 240px; /* 250px */
	height: 16px; /* 20px */
	padding: 4px 0px 0px 10px;
	margin: 0px;
	text-decoration: none;
	color: #000;
}

div.box div.content a.subitem:hover
{
	background-color: #eee;
	text-decoration: none;
	color: #000;
}

ul.dot-mini
{
	margin: 10px;
}

ul.dot-mini li
{
	padding: 2px 0px 2px 0px;
}

ul.dot-mini li.active
{
	list-style-image: url("../images/dot-mini-active.png");
	font-weight: bold;
}

ul.dot-mini li.inactive
{
	list-style-image: url("../images/dot-mini-inactive.png");
}


h1.iconic
{
	height: 32px;
	background-image: url("../images/icons.png");
	background-repeat: no-repeat;
	padding: 0px 0px 0px 40px;
}

h2.iconic
{
	height: 32px;
	overflow: hidden;
	background-repeat: no-repeat;
	padding: 7px 0px 0px 40px;
}

td.mbox_td
{
	background-color: #FFF3B5;
	border: 1px solid #FFCE0C;
	padding:2px;
}


td.lightyellow
{
	background-color: #ffeecd;
	border: 1px solid #FFCE0C;
	padding:4px;
}

td.darkyellow
{
	background-color: #ffe57c;
	border: 1px solid #FFCE0C;
	padding:4px;
}

td.lightblue
{
	background-color: #eef1ff;
	border: 1px solid #eef1ff;
	padding:4px;
}
/* Scrollbar Elemente */
div.scrollbarDiv
{
	margin:0px 8px 0px 0px;
	float:left;
	width:20px;
	height:20px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #FFCE0C;
	background-color: #FFFFFF;
}
div.scrollbarDiv div
{
	padding-top: 2px;
	text-align: center;
}
div.scrollbarDiv a{
	color: #404040;
}
div.scrollbarDivActive
{
	margin:0px 8px 0px 0px;
	float:left;
	width:20px;
	height:20px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #808080;
	background-color: #FFCE0C;
	color: #FFFFFF;
}
div.scrollbarDivActive div
{
	padding-top: 2px;
	text-align: center;
}

div.scrollbar a, div.scrollbar span, div.scrollbar a:visited
{
	margin-right:5px;
	padding:3px 6px;
	text-align:center;
	color:#404040;
	background-color:#FFFFFF;
	border:1px solid #FFCE0C;
}
div.scrollbar #currentPage
{
	margin-right:5px;
	padding:3px 6px;
	color:#FFFFFF;
	text-align:center;
	background-color:#FFCE0C;
	border:1px solid #808080;
}
div.scrollbar a:hover
{
	margin-right:5px;
	padding:3px 6px;
	text-align:center;
	color:#404040;
	background-color:#FFF3B5;
	border:1px solid #FFCE0C;
}

.boxFunction
{
	cursor: pointer;
	position: relative;
	top: -12px;
}
/***************************************************************
****************************************************************
**
** /htdocs/froomity/resources/pub/../development/css/startpage.css
**
****************************************************************
****************************************************************/