html{
		height: 100%;
	}
  
	body {
		background: #ddd url("backround_grey.gif") repeat;
		font-family: 'Tahoma',Arial,sans-serif;
		margin:0;
		height: 100%;
		overflow-x:auto;
	}

	div.page {
		font-size: 8pt;
/*		margin: auto;
/*		max-width: 1000px;
		min-width: 900px; 
/*		width: 1000px;*/
	}
	
	div.fixed {
		position:fixed;
		margin: auto;
		width:100%;
	}

	div.content {
		font-size: 10pt;
	}

	div.space {
		background-color: #A60000;
		height: 4px;
	}
	
	*.border {
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px; 
		border:1px solid #CCCCCC;
		padding:5px;
	}

	table.startPage td {
		vertical-align: top;
	}
	
	ul {
		margin-left: 0;
		padding-left: 0;
		list-style: none;
	}
	
	ul li {
		padding-left: 20px;
		background-image: url("bullet.png");
		background-repeat: no-repeat;
		margin-bottom: 5px;
	}
	
	a img {
		border: 0;
	}
	
	a.noBorder {
		border: 0;
	}
	
	a.noBorder:hover {
		border: 0;
	}

	div.containerHead a {
		color: #fff;
	}

	div.subContainerHead a {
		color: #fff;
	}

	*.even {
		background-color: #eee;	}

	*.odd {
		background-color: #fff;
	}
	
	*.thread {
		background: #ddd url("box_bg.jpg") repeat-x;
		background-color: #941212;
		color:#FFF;
	}
	
	*.bold {
		font-weight: bold;
	}

	a.gender_W {
		color: #C00;
	}

	a.gender_M {
		color: #00C;
	}

	h2 {
		margin: 5px 5px 10px;
		font-size: 18px;
	}

	p {
		margin: 0;
	}
	
	img.center {
		vertical-align: middle;
	}
	
	div.pageSelector {
		text-align: center;
		padding: 10px;
		/*height: 28px;*/
	}
	
	div.pageSelector span.disabled {
		padding: 1px 5px;
		border: 1px solid #ccc;
		color: #ccc;
	}
	
	div.pageSelector a {
		padding: 1px 5px;
		border: 1px solid #ccc;
	}
	
	div.pageSelector a.selected {
		padding: 3px 7px;
		border: 1px solid #ccc;
		color: #fff;
		background-color: #A60000;
	}
	
	div.pageSelector a:hover {
		color: #fff;
		background-color: #A60000;
	}
	
	/* --- login/logout leiste --- */
	div.userbar {
		font-size: 8pt;
		padding: 4px;
		background: #CC0000 url("boxheader.png");
		color: #fff;
		height: 16px;
	}

	div.time {
		float: right;
	}

	/* --- header --- */
	div.header {
		background: #A60000 url("box_bg.jpg") 0px 0px;
		height: 80px;
	}
	
	div.headericon {
		position:absolute;
		float:left;
		width:200px;
	}

	div.ticker {
		position:absolute;
		float:left;
		background-color: #fff;
		width: 600px;
		height: 50px;
		margin: 10px;
		margin-left: 210px;
		padding: 5px;

		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px; 
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px; 
	}
	
	div.alert {
		position:absolute;
		float:left;
		margin-left:830px;
		margin-top: 10px;
		margin-right:10px;
		height: 50px;
		max-width: 800px;
	}

	div.tickerPic {
		float:left;
		margin-right: 5px;
	}

	div.tickerDetails {
	}

	div.tickerText {
		padding-left: 8px;
	}
	
	/* --- menueleiste --- */
	div.menubar {
		margin-bottom: 10px;
	}

	/* --- buttonleiste/tabs am unteren rand --- */
	
	
	div.buttongroup_bottom {
		background-color: #fff;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		height: 26px;
		white-space: nowrap;
		margin-bottom: 5px;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
	}

	div.buttongroup_bottom ul {
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0 0 10px;
		padding: 5px;
		font-size: 10pt;
	}

	div.buttongroup_bottom li {
		display: inline;
		padding: 0;
		margin: 0;
		background-image: none;
	}
	
	div.buttongroup_bottom a {
		padding: 5px;
		color: #A60000;
		border: none;
		border-right: 1px dotted #888;
	}
	
	div.buttongroup_bottom a:hover {
		padding: 5px;
		background-color: #CC0000;
		color: #fff;
	}

	div.buttongroup_bottom a.highlight {
		color: #fff;
		padding: 5px;
		padding-bottom: 8px;
		background: #A60000;
	}
	
	div.buttongroup_bottom a.imageButton {
		background-repeat: no-repeat;
		padding-left: 30px;
		background-position: 3px 1px;
	}

	/* --- buttonleiste/tabs am oberen rand --- */
	div.buttongroup_top {
		background-color: #fff;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		height: 26px;
		margin-top: 5px;
		white-space: nowrap;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px; 
	}

	div.buttongroup_top ul {
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0px 0 10px;
		padding: 5px;
		font-size: 10pt;
	}

	div.buttongroup_top li {
		display: inline;
		padding: 0;
		margin: 0;
		background-image: none;
	}
	
	div.buttongroup_top a {
		padding: 5px;
		color: #A60000;
		border: none;
		border-right: 1px dotted #888;
		background-position: 1px 1px;
	}
	
	div.buttongroup_top a:hover {
		padding: 5px;
		background-color: #CC0000;
		color: #fff;
	}

	div.buttongroup_top a.highlight {
		color: #fff;
		padding: 5px;
		padding-top: 8px;
		background-position: 1px 4px;
		background-color: #A60000;
	}
	
	div.buttongroup_top a.imageButton {
		background-repeat: no-repeat;
		padding-left: 26px;
	}
	
	/* --- eingabefelder --- */
	input[type="text"], input[type="password"], textarea {
		border: 1px solid #ddd;
		width: 98.3%;
		margin: 2px 0;
		padding: 3px 3px 3px 2px;
	}
	
	select {
		border: 1px solid #ddd;
		width: 99.5%;
		margin: 2px 0;
		padding: 3px 3px 3px 2px;
	}
	
	input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
		border-color: #E6AFAF;
	}
	
	input[type="text"].disabled, input[type="password"].disabled, textarea.disabled {
		background-color: #eee;
		color: #aaa;
	}
	
	/* --- links --- */	
	a {
		text-decoration: none;
		border-bottom: 1px dotted #fff;
		outline: none;
		color: #860000;
	}
	
	a:hover {
		text-decoration: none;
		border-bottom: 1px dotted #A60000;
	}

	div.userbar a {
		font-weight: bold;
		color: #fff;
	}

	div.userbar a:hover {
		font-weight: bold;
		color: #A60000;
		background-color: #fff;
	}
	
	/* --- inhaltsboxen --- */
	div.contentbox {
		border: 1px solid #fff;
		background-color: #ccc;
		margin-bottom: 10px;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px; 
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px; 
	}

	div.container {
		margin: 1px;
		background-color: #FBFBFB;
		padding: 7px 7px;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px; 
	}
	
	div.bgpic {
		background: url("box_bg.jpg");
		background-position: -50px -150px;
		margin: 0px;
		color: #eee;
	}
	
	div.bgpic a {
		color: #fff;
	}
	
	div.subContainerHead {
		background: #ddd url("boxheader.png") repeat-x;
		padding: 6px;
		color: #fff;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px; 
	}
	
	div.containerHead {
		background: #ddd url("boxheader2.png") repeat-x;
		padding: 6px;
		color: #fff;
		font-weight: bold;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px; 
	}
	
	img.containerIcon {
		vertical-align:middle;
		padding-right:5px;
	}

	img.inlineIcon {
		vertical-align:middle;
	}

	/* --- formulare --- */
	div.userForm div.formElement {
		/*margin: 5px 10px 3px;*/
	}

	div.userForm div.formFieldLabel {
		width: 200px;
		text-align: right;
		float: left;
		margin-top: 5px;
	}

	div.userForm div.formField {
		margin-left: 216px;
	}

	div.userForm div.formSubmit {
		margin-bottom: 10px;
		text-align: center;
	}

	div.userForm ul.formOptions {
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0 0 7px;
		padding: 0;
	}
	
	div.userForm div.formHelp {
		color: #888;
		font-size:8pt;
	}
	/* --- mails --- */
	table.listTable {
		width: 100%;
		border-spacing: 0;
	}
	
	table.listTable th {
		text-align: left;
		border-bottom: 1px solid #ddd;
		padding: 4px;
	}
	
	table.listTable td {
		padding: 4px;
	}

	table.listTable tr.unread {
		font-weight: bold;
	}

	div.mails_container {
		margin: 1px;
		background-color: #FBFBFB;
	}

	div.noTableItemsText {
		font-style: italic;
		text-align: center;
	}
	
	/* --- benutzerprofil --- */
	div.profile_picture {
		margin-left: 0px;
	}

	div.profile_picture div.container {
		text-align: center;
	}
	
	div.profile_details {
		width: 50%;
		float: left;
	}

	div.profile_stats {
		width: 50%;
		float: right;
	}
	
	div.profile_text {
		clear: left;
	}
	
	div.profile_text table td {
		vertical-align: top;
	}

	div.profile_links {
		text-align: center;
		margin-top: 10px;
	}
	
	div.fieldElement {
		background-color:#FBFBFB;
		margin: 1px;
	}
	
	div.fieldTitle {
		float:left;
		padding:8px;
		text-align:right;
		width:130px;
		font-weight: bold;
	}
	
	div.profile_details div.fieldValue {
		margin:0 0 0 131px;
		min-height:18px;
		padding:8px;
	}
	
	div.profile_stats div.fieldValue {
		margin:0 0 0 131px;
		min-height:18px;
		padding:8px;
	}
	
	div.galeryImageDetails div.fieldValue {
		margin:0 0 0 131px;
		min-height:18px;
		padding:8px;
	}
	
	div.profile_text div.fieldValue {
		min-height:18px;
		padding:8px;
		background-color: #fff;
	}

	/* --- nachricht schreiben --- */
	div.messageForm {
		margin: 10px;
	}

	div.messageForm div.formElement {
	}

	div.messageForm div.formFieldLabel {
		margin: 4px 0px;
	}

	div.messageForm div.subject {
		width: 50%;
	}

	div.messageForm div.formSubmit {
		margin: 10px;
		text-align: center;
	}

	div.messageForm textarea.message {
		height: 150px;
		width: 860px;
	}
	
	/* --- nachricht lesen --- */
	div.messageRead div.messageSender {
		text-align: center;
		width: 170px;
		float: left;
		padding: 10px 0;
	}
	
	div.messageRead div.messageDetails {
		margin-left: 170px;
		padding: 10px;
		border-left: 1px solid #ccc;
	}
	
	div.messageRead div.messageText {
		margin-left: 170px;
		padding: 10px;
		border-left: 1px solid #ccc;
	}
	
	div.messageRead div.messageOptions {
		margin-left: 170px;
		clear:left;
		padding: 10px 10px 0;
	}
	
	div.messageRead div.container {
		margin: 0;
	}
	
	div.messageRead span.messageDate {
		font-size: 8pt;
	}

	/* --- forum --- */
	table.bbTable {
		border-spacing: 0px;
	}

	table.bbTable td {
		padding: 4px;
	}

	table.bbTable th {
		text-align: left;
		border-bottom: 1px solid #ddd;
		padding: 4px;
		#background: #ddd url("boxheader.png") repeat-x;
		#color: #fff;
	}

	
	/* --- forenpost lesen --- */
	div.bbPostRead div.contentbox {
		border: 1px solid #ccc;
	}

	div.bbPostRead div.bbPostSender {
		text-align: center;
		width: 170px;
		float: left;
		border-right: 1px solid #ccc;
		padding: 10px 0;
	}
	
	div.bbPostRead div.bbPostDetails {
		margin-left: 170px;
		padding: 10px;
		border-bottom: 1px solid #ccc;
	}
	
	div.bbPostRead div.bbPostText {
		margin-left: 170px;
		padding: 10px;
	}
	
	div.bbPostRead div.bbPostOptions {
		float: right;
		margin-left: 8px;
	}
	
	div.bbThreadOptions div.buttongroup_top {
		border-left: none;
		border-right: none;
	}
	
	div.bbThreadOptions div.buttongroup_bottom {
		border-left: none;
		border-right: none;
	}
	
	div.bbPostRead div.container {
		margin: 0;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px; 
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px; 
	}

	div.bbPostDeleted div.container {
		background-color: #FFC1C2;
	}
	
	div.bbPostRead span.bbPostDate {
		font-size: 8pt;
	}

	div.bbThreadOptions {
		text-align: right;
		margin: 8px 0;
	}
	
	/* --- Galery --- */
	table.imagesTable td {
		vertical-align: top;
	}
	
	div.galeryImage {
		float: left;
		width: 630px;
	}
	
	div.galeryImage div.container {
		text-align: center;
	}
	
	div.galeryImageDetails {
		margin-left: 640px;
	}
	
	div.galeryImageComments {
		clear: left;
	}

	/* --- startseite --- */
	div.center {
		text-align: center;
	}
	
	

/*Chat fensterchen*/
.dhtmlwindow{
position: absolute;
border: 1px solid black;
visibility: hidden;
background-color: white;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px; 
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 4px;
background: #ddd url("boxheader.png") repeat-x;
font-family:'Tahoma',Arial,sans-serif;
font-size: 10pt;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px; 
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 5px;
top: 6px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
}

/*chat ende*/

/*BILDSORTIERUNG JUHU*/

	form{
		display:inline;
	}
	.imageBox,.imageBoxHighlighted{
		width:130px;	/* Total width of each image box */
		height:160px;	/* Total height of each image box */
		float:left;
	}
	.imageBox_theImage{
		width:110px;	/* Width of image */
		height:125px;	/* Height of image */

		/*
		Don't change these values *
		*/
		background-position: center center;
		background-repeat: no-repeat;
		margin: 0 auto;
		margin-bottom:2px;
	}

	.imageBox .imageBox_theImage{
		border:1px solid #DDD;	/* Border color for not selected images */
		padding:2px;
	}
	.imageBoxHighlighted .imageBox_theImage{
		border:3px solid #316AC5;	/* Border color for selected image */
		padding:0px;

	}
	.imageBoxHighlighted span{	/* Title of selected image */
		background-color: #316AC5;
		color:#FFFFFF;
		padding:2px;
	}

	.imageBox_label{	/* Title of images - both selected and not selected */
		text-align:center;
		font-family: arial;
		font-size:11px;
		padding-top:2px;
		margin: 0 auto;
	}

	/*
	DIV that indicates where the dragged image will be placed
	*/
	#insertionMarker{
		height:150px;
		width:6px;
		position:absolute;
		display:none;

	}

	#insertionMarkerLine{
		width:6px;	/* No need to change this value */
		height:145px;	/* To adjust the height of the div that indicates where the dragged image will be dropped */

	}

	#insertionMarker img{
		float:left;
	}

	/*
	DIV that shows the image as you drag it
	*/
	#dragDropContent{

		opacity:0.4;	/* 40 % opacity */
		filter:alpha(opacity=40);	/* 40 % opacity */

		/*
		No need to change these three values
		*/
		position:absolute;
		z-index:10;
		display:none;

	}
/* Bildsortierung ende*/