﻿/* background color for the content part of the pages */

body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#2C445C;}

.ControlPanel, .PagingTable
{
	width: 100%;
	background-color: #FFFFFF;
	border-right: #003366 1px solid;
	border-top: #003366 1px solid;
	border-left: #003366 1px solid;
	border-bottom: #003366 1px solid;
}

.SkinObject
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #003366;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.SkinObject:link
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:hover
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:active
{
	text-decoration: none;
	color: #003366;
}

/* styles for LANGUAGE skinobject */
.Language
{
	vertical-align: middle;
	margin: 0px;
}

.Language img
{
	border: none;
}


/* style for module titles */
.Head
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
	color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
}

/* text style used for error messages */
.NormalRed
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
	background-color: White;
	color: Red;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
	background-color: White;
}
.DataGrid_Header
{
	background-color: Transparent;
	color: Black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.DataGrid_Item
{
	background-color: Transparent;
	color: Black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
}
.DataGrid_SelectedItem
{
	background-color: Silver;
	color: Blue;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

.TreeMenu_NodeSelected
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	background-color: #dcdcdc;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover
{
	text-decoration: none;
	color: #ff0000;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

/* styles used in the FileManager */
.FileManager
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 400px;
}
.FileManager_ToolBar
{
	border-bottom: black 1px solid;
	height: 25px;
}
.FileManager_Explorer
{
	height: 100%;
	border: #696969 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
}

.FileManager_FileList
{
	height: 100%;
	border: #696969 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
	overflow: auto;
}

.FileManager_MessageBox
{
	text-align: center;
	vertical-align: middle;
	background-color: White;
	padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #E7E7FF;
	background-color: #9EBFF6;
	border-bottom: #696969 1px solid;
	height: 25px;
}

.FileManager_Pager
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	background-color: #EEEEEE;
	border-top: #696969 1px solid;
	height: 25px;
}

.FileManager_StatusBar
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	background-color: #dedfde;
	height: 25px;
	margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	background-color: #F8F8F8;
	border-top: black 1px dashed;
	border-bottom: black 1px dashed;
}

.FileManager_AltItem
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	background-color: #EEEEEE;
	border-style: none;
}
.FileManager_SelItem
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: White;
	background-color: #99ffff;
	border-style: none;
}

.FileManagerTreeNode
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

.FileManagerTreeNodeSelected
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	background-color: #dcdcdc;
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link
{
	text-decoration: none;
	color: #003366;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited
{
	text-decoration: none;
	color: #003366;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover
{
	text-decoration: none;
	color: #ff0000;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

/* styles used in the Wizard Framework */
.Wizard
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 400px;
	width: 650px;
}
.WizardButton
{
	border-right: #696969 1px solid;
	padding-right: 2px;
	border-top: #696969 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: #696969 1px solid;
	padding-top: 2px;
	border-bottom: #696969 1px solid;
	background-color: #dcdcdc;
}
.WizardHeader
{
	background: #ffffcc;
	border-bottom: black 1px solid;
	height: 40px;
}
.WizardFooter
{
	border-top: black 1px solid;
	background: #ccffcc;
	height: 25px;
	text-align: right;
}
.WizardBody
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 325px;
}
.WizardHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	padding-bottom: 5px;
	border-left: black 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #ccffff;
}
.WizardHelpText
{
	overflow: auto;
	font-size: 8pt;
	width: 180px;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	height: 300px;
}
.WizardText
{
	font-size: 9pt;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}


/* text style used for help text rendered by modules */
.Help
{
	border-right: black 1px solid;
	padding-right: 2px;
	border-top: black 1px solid;
	padding-left: 2px;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: black 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: black 1px solid;
	font-family: Tahoma, Arial, Helvetica;
	background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
	text-decoration: underline;
	color: #003366;
}

A.CommandButton:visited
{
	text-decoration: underline;
	color: #003366;
}

A.CommandButton:hover
{
	text-decoration: underline;
	color: #ff0000;
}

A.CommandButton:active
{
	text-decoration: underline;
	color: #003366;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #dddddd;
	color: #000000;
	font-family: Verdana, sans-serif;
}


/* GENERIC */
H1
{
	
}

H2
{
	
}

H3
{
	
}

H4
{
	
}

H5, DT
{
	
}

H6
{
	
}

TFOOT, THEAD
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	color: #003366;
}

TH
{
	vertical-align: baseline;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}

A:link
{
	
}

A:visited
{
	
}

A:hover
{
	
}

A:active
{
	
}

SMALL
{
	font-size: 8px;
}

BIG
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}


UL LI
{
	
}

UL LI LI
{
	
}

UL LI LI LI
{
	
}

OL LI
{
	
}

OL OL LI
{
	
}

OL OL OL LI
{
	
}
OL UL LI
{
	
}

HR
{
	
}

/* Module Title Menu */
.ModuleTitle_MenuContainer
{
	border-bottom: blue 0px solid;
	border-left: blue 0px solid;
	border-top: blue 0px solid;
	border-right: blue 0px solid;
}

.ModuleTitle_MenuBar
{
	cursor: pointer;
	height: 16px;
	background-color: Transparent;
}

.ModuleTitle_MenuItem
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	border-left: white 0px solid;
	border-bottom: white 1px solid;
	border-top: white 1px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon
{
	cursor: pointer;
	background-color: #EEEEEE;
	border-left: #EEEEEE 1px solid;
	border-bottom: #EEEEEE 1px solid;
	border-top: #EEEEEE 1px solid;
	text-align: center;
	width: 15px;
	height: 21px;
}

.ModuleTitle_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	background-color: #FFFFFF;
	border-bottom: #FFFFFF 0px solid;
	border-left: #FFFFFF 0px solid;
	border-top: #FFFFFF 0px solid;
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak
{
	border-bottom: #EEEEEE 1px solid;
	border-left: #EEEEEE 0px solid;
	border-top: #EEEEEE 1px solid;
	border-right: #EEEEEE 0px solid;
	background-color: #EEEEEE;
	height: 1px;
}

.ModuleTitle_MenuItemSel
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
}

/* Main Menu */
.MainMenu_MenuContainer
{
	background-color: transparent;
}
.MainMenu_MenuBar
{
	cursor: pointer;
	height: 16px;
	background-color: Transparent;
}
.MainMenu_MenuItem
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	border-left: white 0px solid;
	border-bottom: white 1px solid;
	border-top: white 1px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}
.MainMenu_MenuIcon
{
	cursor: pointer;
	background-color: #EEEEEE;
	border-left: #EEEEEE 1px solid;
	border-bottom: #EEEEEE 1px solid;
	border-top: #EEEEEE 1px solid;
	text-align: center;
	width: 15px;
	height: 21px;
}
.MainMenu_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	background-color: #FFFFFF;
	border-bottom: #FFFFFF 0px solid;
	border-left: #FFFFFF 0px solid;
	border-top: #FFFFFF 0px solid;
	border-right: #FFFFFF 0px solid;
}
.MainMenu_MenuBreak
{
	border-bottom: #EEEEEE 1px solid;
	border-left: #EEEEEE 0px solid;
	border-top: #EEEEEE 1px solid;
	border-right: #EEEEEE 0px solid;
	background-color: #EEEEEE;
	height: 1px;
}
.MainMenu_MenuItemSel
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: #C1D2EE;
}
.MainMenu_MenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-top: #FFFFFF 0px solid;
}
.MainMenu_RootMenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg
{
	background-color: #CCCCCC;
}

.TabBg
{
	background-color: black;
}

.SelectedTab
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.SelectedTab:link
{
	text-decoration: none;
	color: white;
}

A.SelectedTab:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.SelectedTab:hover
{
	text-decoration: none;
	color: #cccccc;
}

A.SelectedTab:active
{
	text-decoration: none;
	color: #eeeeee;
}

.OtherTabs
{
	font-weight: bold;
	font-size: 8.5pt;
	color: white;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.OtherTabs:link
{
	text-decoration: none;
	color: white;
}

A.OtherTabs:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.OtherTabs:hover
{
	text-decoration: none;
	color: #cccccc;
}

A.OtherTabs:active
{
	text-decoration: none;
	color: #eeeeee;
}

.PagingTable
{
	height: 33px;
}

/*
.LabelEditOverClass
{	
	cursor: pointer;
	text-decoration: underline overline;
}
*/

.LabelEditTextClass
{
	border: solid 1px red;
	background-color: Transparent;
}

.LabelEditWorkClass
{
	/*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
	border: solid 0px red;
	background-color: Transparent;
}

/* style for the DNNTextSuggest control select menu */
.SuggestTextMenu
{
	border: solid 1px black;
	white-space: nowrap;
	background: white;
}
/* style for the DNNTextSuggest control selected menu node */
.SuggestNodeOver
{
	background-color: navy;
	color: White;
}


/*Edit In Place Tool Bar Classes*/
.eipbackimg
{
	border: outset 1px; /*give toolbar a 3D look*/
	position: absolute; /*needed so it doesn't take up space */
	margin-top: -22px; /*specify toolbar to be just above text */
	white-space: nowrap; /* makes toolbar horizontal */
	background: url(../../images/eip_toolbar.gif);
	background-color: #99cccc;
	height: 22px;
}

.eipbuttonbackimg
{
	width: 21px;
	height: 21px;
	cursor: pointer; /*change mouse to pointer when hover over button*/
	display: -moz-inline-box; /* Gecko proprietary  (ORDER IS IMPORTANT HERE!)*/
	display: inline-block; /* supported by Opera and ? */
}

.eipbutton_edit
{
	background: url(../../images/eip_edit.gif) no-repeat 100% center;
}
.eipbutton_save
{
	background: url(../../images/eip_save.gif) no-repeat 100% center;
}
.eipborderhover
{
	border: outset 1px;
}

/* used to collapse panes without any content in them */
.DNNEmptyPane
{
	width: 0px;
}

/* used to set the different module align options - from module settings */
.DNNAlignleft
{
	text-align: left;
}
.DNNAlignright
{
	text-align: right;
}
.DNNAligncenter
{
	text-align: center;
}

/* Login Styles */
.LoginPanel
{

}

.LoginTabGroup
{
	
}

.LoginTab {
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #FFF;
	border: 1px #25569a solid;
}

.LoginTabSelected{
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #FFF;
	background-position: 0% -41px;
	border: 1px #25569a solid;
}

.LoginTabHover
{
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #555;
	border: 1px #C00 solid;
	cursor:pointer;
}

.LoginContainerGroup
{
	clear: both;
	padding-top: 5px;
}

.LoginContainer
{
	
}

/*
  ===================================================================================================
  ===================================================================================================

											egirls-CSS:

  ===================================================================================================
  ===================================================================================================
*/

*{ margin:0; padding:0; border:0;}
a{ text-decoration:none; font-weight:bold; height:18px; margin-top:10px; outline:none;}
li a{height:14px; margin:0;}
html>body li a{height:13px;}
hr{  height:1px; margin:10px 0;}
a img{ margin-right:10px; margin-bottom:-4px;}
body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
p{ color:#2C445C; line-height:13px; margin-bottom:10px;}
h1{ font-size:12px; font-weight:bold;margin:7px 0 4px 5px; font-variant:small-caps; } /* Kapitälchen Überschrift ind den Boxen */

.img_r{ float:right; margin-left:10px;} /* Bilder im Fließtext rechts */
.img_l{ float:left; margin-right:10px;} /* Bilder im Fließtext links */
.breaker {clear:both; height:0; overflow:hidden; font-size:1px; line-height:1px;}

#site { width:958px; background:#fff url(img/back2.gif) repeat-x bottom; border:1px solid #fff; background-color:#FFEAFD;}

#tophead{width:958px;text-align:center; background-color: #ffffff; padding-bottom:5px;}
#tophead, #banner{ background-color:#ffffff;} 

/*html>body #tophead #banner {}*/
#tophead #rechts{float:right; width:160px; height:90px;}

#head{ width:958px; height:118px; background:url(img/back1b.gif) no-repeat;}
#head object{float:left;}
#head #flash_header_menu {width: 778px; vertical-align:baseline;}
#head #flash_header_home {width: 170px; margin-left:10px;}

html>body #head #flash_header_menu {float:left; margin-top:3px;}
html>body #head #flash_header_home {float:left;}


#site #skyscraper {left: 799px;}
html>body #site #skyscraper {}
#site #bannertext {background: none transparent scroll repeat 0% 0%; left: 260px; width:15px; padding-top: 5px; position: absolute; top: 1px;}
#site #skytop{position:absolute; z-index:1; top:225px; left:799px; width:100px; height:10px; background-color:Lime; background: url(img/werbung.gif) no-repeat}
#site #skyscraper_eg {z-index:-100;}
/*#site #anzeige { position:absolute; top:9px; left:850px; }*/

/*
#site #banner {background: none transparent scroll repeat 0% 0%; left: 275px; padding-top: 5px; position: absolute; top: 1px;}
#site #werbung2 {background: #fff; left: 797px; width: 180px; position: absolute; top: 175px; height: 600px; text-align: center}
*/

#text .contentadd {text-align:center;}
#themenunten {background:url(img/themen_unten_neu.gif) no-repeat; width:602px; height:20px;}
#spaceleft {float:left; width:5px; height:100px;}

/* Menü*/
	/* NEU 10.04.06 */
	/*#menu{ width:180px; background:#fff; float:left;  margin-bottom:73px; overflow:hidden;}*/
	#menu{ width:180px; background:#fff; float:left;  margin-bottom:5px; overflow:hidden; background-color: #FFEAFD;}
	
	/* Erste Navigationsebene */
	#menu a.erde{border-bottom:1px solid #76b900;background: url(img/erde_small_navi_start.gif) no-repeat; padding:0px 0 0 30px; height:21px; line-height: 21px;}
	#menu a.feuer{border-bottom:1px solid #e34585;background: url(img/feuer_small_navi_start.gif) no-repeat; padding:0px 0 0 30px; height:21px; line-height: 21px; }
	#menu a.luft{border-bottom:1px solid #00c2e3;background: url(img/luft_small_navi_start.gif) no-repeat; padding:0px 0 0 30px; height:21px; line-height: 21px; }
	#menu a.wasser{border-bottom:1px solid #003b6f;background: url(img/wasser_small_navi_start.gif) no-repeat; padding:0px 0 0 30px; height:21px; line-height: 21px; }	
	
	#menu a.startseite{border-bottom:1px solid #003b6f;background: url(img/haus_navi_start.gif) no-repeat; padding:0px 0 0 30px; height:23px; line-height: 21px; }
	#menu a.community{background: url(img/community_icon_start.gif) no-repeat; padding:0px 0 0 30px; height:22px; line-height: 21px; border-top:5px solid #FFEAFD;}	
	#menu a.elemente{background: url(img/egirls_navi2_start.gif) no-repeat; padding:0px 0 0 30px; height:22px; line-height: 21px; }	
	#menu a.games{background: url(img/games_navi_start.gif) no-repeat; padding:0px 0 0 30px; height:22px; line-height: 21px;}	
	#menu a.etest{background: url(img/test_navi_start.gif) no-repeat; padding:0px 0 0 30px; height:22px; line-height: 21px;}	
	#menu a.videonav{background: url(img/video_navi_start.gif) no-repeat; padding:0px 0 0 30px; height:22px; line-height: 21px;}	
	#menu a.psychotest{background: url(img/ptest_navi_start.gif) no-repeat; padding:0px 0 0 30px; height:22px; line-height: 21px;}	
	#menu a.messenger{background: url(img/messenger_navi_start.jpg) no-repeat; padding:0px 0 0 30px; height:22px; line-height: 21px;}	
	#menu a.gewinnav{background: url(img/naviicon_gws_allgemein.jpg) no-repeat; padding:0px 0 0 30px; height:22px; line-height: 21px;}	
	#menu a.disneynav{background: url(img/Icon_disney_start.jpg) no-repeat; padding:0px 0 0 30px; height:22px; line-height: 21px;}	
	#menu a.reporternav{background: url(img/Reporter_navi_start.jpg) no-repeat; padding:0px 0 0 30px; height:22px; line-height: 21px;}	
	
	#menu a.login{background: url(img/schloss_start.gif) no-repeat; padding:0px 0 0 30px; height:23px; line-height: 23px; }
	
	/*TEST 10.04.06*/
	#login a.login{ background: url(img/schloss_start.gif) no-repeat; padding:0px 0 0 30px; height:25px; line-height: 25px; }
	
	/* Erste Navigationsebene :hover */
	#menu a.wasser:hover{background-color:#FFFFFF;}
	#menu a.luft:hover{background-color:#FFFFFF;}
	#menu a.feuer:hover{background-color:#FFFFFF;}
	#menu a.erde:hover{background-color:#FFFFFF;}	
	
	#menu a.startseite:hover{background-color:#FFFFFF;}
	#menu a.community:hover{background-color:#FFFFFF;}	
	#menu a.elemente:hover{background-color:#FFFFFF;}	
	#menu a.games:hover{background-color:#FFFFFF;}	
	#menu a.etest:hover{background-color:#FFFFFF;}	
	#menu a.videonav:hover{background-color:#FFFFFF;}	
	#menu a.disneynav:hover{background-color:#FFFFFF;}	
	#menu a.psychotest:hover{background-color:#FFFFFF;}	
	#menu a.messenger:hover{background-color:#FFFFFF;}	
	#menu a.gewinnav:hover{background-color:#FFFFFF;}
	#menu a.reporternav:hover{background-color:#FFFFFF;}
	#menu a.login:hover{background:#fff url(img/schloss_start.gif) no-repeat;}
	
	/* Zweite Navigationsebene */
	#menu ul{margin-top:1px;}
	html>body #menu ul{margin-top:5px;}
	#menu ul li a{ padding:1px 0;}
	#menu ul{ list-style:none; padding-left:10px;}
	#menu ul ul{ margin-bottom:5px;}
	#menu ul li{padding-left:20px;}
	
	#menu ul.erde li {background:url(img/erde_small2_navi.gif) no-repeat left top;}
	#menu ul.feuer li {background:url(img/feuer_small2_navi.gif) no-repeat left top;}
	#menu ul.wasser li {background:url(img/wasser_small2_navi.gif) no-repeat left top;}
	#menu ul.luft li {background: url(img/luft_small2_navi.gif) no-repeat left top;}
	#menu a{display:block; width:100%; text-decoration:none; font-weight:bold;margin-top:2px;}
	#menu a.erde, #menu a.startseite{ margin-top:5px;}
	
	.erde, #menu .erde li a{color:#76b900; margin:0;}
	.feuer, #menu .feuer li a{color:#e34585; margin:0;}
	.luft, #menu .luft li a{color:#00c2e3; margin:0;}
	.wasser, #menu .wasser li a, .login, .startseite, .elemente, .community, .etest, .games, .videonav, .disneynav, .psychotest, .messenger, .gewinnav, .reporternav {color:#003b6f; margin:0;}
	#menu li a{height:auto;}
	/* Zweite Navigationsebene :hover */
	#menu .wasser li a:hover{background:#ffffff;}
	#menu .luft li a:hover{background:#ffffff;}
	#menu .feuer li a:hover{background:#ffffff;}
	#menu .erde li a:hover{background:#ffffff;}

.printbutton{position:relative;height:1px;}
.printbutton a{ position:absolute; bottom:10px; right:0; float:none;}
html>body .printbutton a{ bottom:2px;}

.PaneWidth600 .printbutton{ position:relative;}
.PaneWidth600 .printbutton a{ float:right; position:static;}



.printbutton a img{margin:0; padding:0;}
/* Inhalt */
	#content{ width:616px; background:#ffeafd; margin-top:0px;float:left; margin-bottom:-22px;}
	/* IE-Browserweiche für den Abstand des unteren Bogens */
		html>body #content{margin-bottom:-10px; }
		
	#text{ margin:0 3px; background:#fff; padding:10px 0 0 7px; min-height: 640px; height:auto !important; height: 640px;}
	#forumtext{ margin:0 3px; background:#fff; padding:10px 0 0 7px; min-height: 640px; height:auto !important; height: 640px;}
		
	#zicken_text{ margin:0px 0px; background:#fff; padding:0px 0px 0px 0px;}
	#bogen-bottom{ background:url(img/start-bottom.gif) no-repeat; height:42px; width:100%;}	
	#bogen-bottom-forum{ background:url(img/bottom_c_forum.jpg) no-repeat; height:42px; width:775;}	
	
	#werbung2{ background:#fff; position:absolute; left:797px; top:90px; width:180px; height:600px;}
	#admin_menu{ height: 20px; display:none; }
	
	#claim{position:relative; height:19; background:transparent url(img/egirl_claim.gif) no-repeat center; margin-top:-18px;}
	#brotkrumen{text-align:right;margin-right:20px; line-height:17px;color:#FC87F3; position:relative;}
	#brotkrumen.start{ margin-bottom: -10px;}
	#text #brotkrumen a{ color:#FC87F3; display:inline; position:static; width:auto; height: 17px; line-height:17px}
	#forumtext #brotkrumen a{ color:#FC87F3; display:inline; position:static; width:auto; height: 17px; line-height:17px}
	#brotkrumen a:hover{ text-decoration:underline;}
	
	#impressum{ position:relative; bottom:20px; left:6px; width:170px;}
	html>body #impressum{bottom:32px;}
	#impressum a{ color:#003b6f; font-size:9px; height:10px; margin:0; padding:0;}
	#impressum a:hover{text-decoration:underline;}
		
			
/*startseiten links*/
	#text li{list-style:none; margin:0 10px; padding:0; float:left;}

	#text a{color:#003b6f; margin:0; height:auto;text-decoration:none; margin:0; padding:0; border:0; line-height:19px; text-decoration:underline;}			
	#forumtext a{color:#003b6f; text-decoration:underline; margin:0; padding:0; border:0; line-height:19px;}			
	#text span p a.erde,
	#text a.erde,
	#text a.feuer,
	#text a.luft,
	#text a.charts_luft,
	#text a.charts_feuer,
	#text a.charts_start,
	#text a.charts_wasser,
	#text a.charts_erde,
	#text a.wasser,
	#text a.start,
	#text a.startseite,
	#text a.normal,
	#text a.community, 	
	#text a.communityrot, 
	#text a.back_community{width:100px; height:21px; text-align:center; display:block; position:absolute; bottom:7px; right:10px; font-size:10px; font-weight:bold;}		
	#zicken_text a.zicken,
	#zicken_text a.zickenaktiv{width:204px; height:21px; text-align:left; padding-left:20px; padding-bottom:2px; display:block; position:absolute; bottom:10px; right:10px; font-size:10px;}
	
	html>body #text span p a.erde,
	html>body #text a.erde,
	html>body #text a.feuer,
	html>body #text a.luft,
	html>body #text a.charts_luft,
	html>body #text a.charts_wasser,
	html>body #text a.charts_feuer,
	html>body #text a.charts_erde,
	html>body #text a.charts_start,
	html>body #text a.wasser,
	html>body #text a.start,
	html>body #text a.startseite,
	html>body #text a.normal,
	html>body #text a.community, 	
	html>body #text a.back_community{ right:22px; bottom:10px;}
	html>body #zicken_text a.zicken, 
	html>body #zicken_text a.zickenaktiv{height:21px; bottom:10px; padding-bottom:8px;}
	
	
	#text span p a.erde{ background:url(img/but_erde.gif) no-repeat; color:#fff; text-decoration: none;}
	#text a.erde{ background:url(img/but_erde.gif) no-repeat; color:#fff; text-decoration: none;}
	#text a.feuer{background:url(img/but_feuer.gif) no-repeat; color:#fff;text-decoration: none;}
	#text a.luft{background:url(img/but_luft.gif) no-repeat; color:#fff; text-decoration: none;}
	#text a.charts_luft{background:url(img/but_charts_luft.gif) no-repeat; color:#003b6f;text-decoration: none;}
	#text a.charts_feuer{background:url(img/but_charts_feuer.gif) no-repeat; color:#003b6f;text-decoration: none;}
	#text a.charts_start{background:url(img/but_charts_feuer.gif) no-repeat; color:#003b6f;text-decoration: none;}
	#text a.charts_wasser{background:url(img/but_charts_wasser.gif) no-repeat; color:#003b6f;text-decoration: none;}
	#text a.charts_erde{background:url(img/but_charts_erde.gif) no-repeat; color:#003b6f;text-decoration: none;}
	#text a.wasser{background:url(img/but_wasser.gif) no-repeat; color:#fff;text-decoration: none;}
	#text a.start{background:url(img/but_start2.gif) no-repeat; color:#003b6f;text-decoration: none;}
	#text a.startseite{background:url(img/but_start2.gif) no-repeat; color:#003b6f;text-decoration: none;}
	#text a.normal{background:url(img/but_start2.gif) no-repeat; color:#003b6f;text-decoration: none;}
	#text a.community,
	#text a.back_community{background:url(img/but_community.gif) no-repeat; color:#fff;text-decoration: none;}		
	#text a.communityrot{background:url(img/but_rot.gif) no-repeat; color:#fff;text-decoration: none;}	
	html>body #text a{line-height:21px;}
	#zicken_text a.zicken{background:url(img/but_zicken.jpg) no-repeat; color:#003b6f; text-decoration: none; line-height:23px;}
	#zicken_text a.zickenaktiv{background:url(img/but_zickenaktiv.jpg) no-repeat; color:#003b6f; text-decoration: none; line-height:23px;}
	
	#text a.back_games{width:132px; height:104px; display:block; position:relative; padding:8px 0 0 8px; margin:0 10px 7px 10px; float:left}
	#text a.back_games{background:url(img/rahmen_spiel.jpg) no-repeat ; color:#fff; text-decoration: none;}
	/*a.back_games{background:url(img/rahmen_spiel.jpg) no-repeat; color:#fff; text-decoration: none;}*/
	strong.games, b.games{background:url(img/btn_spiel.jpg) no-repeat left; color:#5C0957; font-size:12px; font-weight:bold; padding-left:4px; padding-bottom:2px;}
	
	#text a.back_psycho{width:132px; height:104px; display:block; position:relative; padding:8px 0 0 8px; margin:0 10px 7px 10px; float:left}
	#text a.back_psycho{background:url(img/rahmen_psycho.jpg) no-repeat ; color:#fff; text-decoration: none;}
	/*a.back_psycho{background:url(img/rahmen_psycho.jpg) no-repeat; color:#fff; text-decoration: none;}*/
	strong.psycho, b.psycho{background:url(img/btn_psycho.jpg) no-repeat left; color:#003b6f; font-size:12px; font-weight:bold; padding-left:4px; padding-bottom:2px;}
	
	/*
	#text a.erde{color:#fff; width:100px; height:21px; text-decoration:none; margin:0; padding:0; border:0;line-height:19px; text-align:center; display:block; position:absolute; bottom:7px; right:10px; left:auto; font-size:10px;background:url(img/but_erde.gif) no-repeat;}
	#text a.feuer{color:#fff; width:100px; height:21px; text-decoration:none; margin:0; padding:0; border:0;line-height:19px; text-align:center; display:block; position:absolute; bottom:7px; right:10px; left:auto; font-size:10px;background:url(img/but_feuer.gif) no-repeat;}
	#text a.luft{color:#fff; width:100px; height:21px; text-decoration:none; margin:0; padding:0; border:0;line-height:19px; text-align:center; display:block; position:absolute; bottom:7px; right:10px; left:auto; font-size:10px;background:url(img/but_luft.gif) no-repeat;}
	#text a.wasser{color:#fff; width:100px; height:21px; text-decoration:none; margin:0; padding:0; border:0;line-height:19px; text-align:center; display:block; position:absolute; bottom:7px; right:10px; left:auto; font-size:10px;background:url(img/but_wasser.gif) no-repeat;}
	#text a.start{color:#fff; width:100px; height:21px; text-decoration:none; margin:0; padding:0; border:0;line-height:19px; text-align:center; display:block; position:absolute; bottom:7px; right:10px; left:auto; font-size:10px;background:url(img/but_start.gif) no-repeat;}
	#text a.normal{color:#fff; width:100px; height:21px; text-decoration:none; margin:0; padding:0; border:0;line-height:19px; text-align:center; display:block; position:absolute; bottom:7px; right:10px; left:auto; font-size:10px;background:url(img/but_start.gif) no-repeat;}
	*/
	
	
	#text input{ float:left; width:13px; height:25px; clear:left;}
	input:focus{background:#FDF0DD;}
	#text label{ font-size:11px;line-height:14px; float:left; width:110px; margin-top:6px;}
	.girls p{ margin-left:110px; margin-top:50px;}
	/* Link-Liste */
		#text .linkliste ul li a{ position:static; width:300px; line-height:15px; padding:5px 0; color:#002D54;height:auto; display:block; text-align:left; float:none; position:relative;}
		#text .linkliste ul li a span{position:absolute; right:10px;width:100px; height:21px; color:#fff; text-align:center;line-height:21px; cursor:pointer;}
		#text .linkliste ul li a span.erde{background:url(img/but_erde.gif) no-repeat;}
		#text .linkliste ul li a span.feuer{background:url(img/but_feuer.gif) no-repeat;}
		#text .linkliste ul li a span.wasser{background:url(img/but_wasser.gif) no-repeat;}
		#text .linkliste ul li a span.luft{background:url(img/but_luft.gif) no-repeat;}
		#text .linkliste ul li a span.start{background:url(img/but_start2.gif) no-repeat; color:#003b6f;}
		#text .linkliste ul li a span.community{background:url(img/but_start2.gif) no-repeat; color:#003b6f;}
		#text .linkliste ul li a:hover{color:#76b900;}

	/* Link-Liste */
		#text .linkliste ul li a{ position:static; width:300px; line-height:15px; padding:5px 0; color:#002D54;height:auto; display:block; text-align:left; float:none; position:relative;}
		#text .linkliste ul li a span{position:absolute; right:10px;width:100px; height:21px; color:#fff; text-align:center;line-height:21px; cursor:pointer;}
		#text .linkliste ul li a span.erde{background:url(img/but_erde.gif) no-repeat;}
		#text .linkliste ul li a span.feuer{background:url(img/but_feuer.gif) no-repeat;}
		#text .linkliste ul li a span.wasser{background:url(img/but_wasser.gif) no-repeat;}
		#text .linkliste ul li a span.luft{background:url(img/but_luft.gif) no-repeat;}
		#text .linkliste ul li a span.start{background:url(img/but_start2.gif) no-repeat; color:#003b6f;}
		#text .linkliste ul li a span.community{background:url(img/but_start2.gif) no-repeat; color:#003b6f;}
		#text .linkliste ul li a:hover{color:#76b900;}
		
		
        #text .com_linkliste {padding-top:10px; clear:left; margin-bottom:40px;}
        #text .com_linkliste ul li{list-style:none; margin:0 5px; padding:0; float:left;}
        #text .com_linkliste ul li a{ position:static; width:240px; font-size:12px; line-height:18px; color:#002D54; height:auto; padding-left:15px; display:block; text-align:left; float:none; text-decoration:underline;}
        #text .com_linkliste ul li a:hover.login{background:url(../../images/pfeil_login.gif) no-repeat left center;color:#76b900;}
        #text .com_linkliste ul li a:hover.elemente{background:url(../../images/pfeil_elemente.gif) no-repeat left center;color:#003b6f;}
        #text .com_linkliste ul li a:hover.startseite{background:url(../../images/pfeil_start.gif) no-repeat left center;color:#FC87F3;}
        #text .com_linkliste ul li a:hover.community{background:url(../../images/pfeil_liste_community.gif) no-repeat left center;color:#FFAF34;}

        #text .com_linkliste ul li a.login{background:url(../../images/pfeil_liste.gif) no-repeat left center;}
        #text .com_linkliste ul li a.elemente{background:url(../../images/pfeil_liste.gif) no-repeat left center;}
        #text .com_linkliste ul li a.startseite{background:url(../../images/pfeil_liste.gif) no-repeat left center;}
        #text .com_linkliste ul li a.community{background:url(../../images/pfeil_liste.gif) no-repeat left center;}
		
		#empfehlung{ position:relative; top:-16px; left:180px; width:596px; text-align:center; height:10px; line-height:10px;}
		#empfehlung a{ color:#003b6f; font-size:9px; height:10px; line-height:10px}
		#empfehlung a img{ margin:0px 5px -2px 0px; height:10px; line-height:10px;}
		#empfehlung a:hover{text-decoration:underline;}
                						
	/* Online Anzeige 
		#online{ margin-top:50px; margin-bottom:15px; color:#ff87f3;}
		#online h2{font-size:10px; padding-left:30px; margin-bottom:3px; height:16px; border-bottom:1px solid #ff87f3; background:url(img/online_head.gif) no-repeat;}
		#online ul{color:#003b6f; list-style:none; padding:0;}
		#online li{clear:both;}
		#online li div{float:left; width:90px;background:url(img/online.gif) no-repeat 11px 1px; padding-left:30px;}
		#online li span.num{float:left; width:40px; text-align:right;}
		#online hr{color:#ddd; background:#ddd; height:1px; margin:0; padding:0; clear:both;}
	*/	 
/*
  ===================================================================================================
									Eigene Pane-Formate
  ===================================================================================================
*/
.minimal { margin: 0 0 0 0; float:left; }

.ContentPane { margin: 0px 0px 0px 0px ; border:0; height: auto !important; width: 560px;  background:#fff; position:relative}

.leftFloatContainer { float:left;}

.LeftPane {width: 180px !important; height: auto !important; float:left;  background:transparent; vertical-align:top;} 


.Pane72x292_float { margin: 0px 0px 0px 0px; border:0; height:72px; width:296px;  background:#fff; float: left; overflow: hidden}
.Pane110x146_float { margin: 0px 0px 0px 0px; border:0; height:110px; width:150px;  background:#fff; float: left; overflow: hidden}
.Pane110x192_float { margin: 0px 0px 0px 0px; border:0; height:110px; width:200px;  background:#fff; float: left; overflow: hidden}
.Pane110x296_float { margin: 0px 0px 0px 0px; border:0; height:114px; width:300px;  background:#fff; float: left; overflow: hidden}
.Pane146x296_float { margin: 0px 0px 0px 0px; border:0; height:146px; width:300px;  background:#fff; float: left; overflow: hidden}
.Pane146x596_float { margin: 0px 0px 0px 0px; border:0; height:146px; width:600px;  background:#fff; float: left; overflow: hidden}
.Pane224x192_float { margin: 0px 0px 0px 0px; border:0; height:226px; width:200px;  background:#fff; float: left; overflow: hidden}
.Pane224x146_float { margin: 0px 0px 0px 0px; border:0; height:228px; width:150px;  background:#fff; float: left; overflow: hidden}
.Pane224x296_float { margin: 0px 0px 0px 0px; border:0; height:228px; width:300px;  background:#fff; float: left; overflow: hidden}
.Pane332x292_float { margin: 0px 0px 0px 0px; border:0; height:334px; width:300px;  background:#fff; float: left; overflow: hidden}

.Pane110x146_float_s { margin: 0px 0px 0px 0px; border:0; height:100px; width:148px;  background:#fff; float: left; overflow: hidden}
.Pane130x146_float_s { margin: 0px 0px 0px 0px; border:0; height:130px; width:148px;  background:#fff; float: left; overflow: hidden}
.Pane224x450_float_s { margin: 0px 0px 0px 0px; border:0; height:230px; width:450px;  background:#fff; float: left; overflow: hidden}


.Pane110x146 { margin: 0px 0px 0px 0px; border:0; height:110px; width:146px;  background:#fff; overflow: hidden}
.Pane224x146 { margin: 0px 0px 0px 0px; border:0; height:226px; width:148px;  background:#fff; overflow: hidden}
.Pane72x296 { margin: 0px 0px 0px 0px; border:0; height:76px; width:296px;  background:#fff; overflow: hidden}
.Pane110x296 { margin: 0px 0px 0px 0px; border:0; height:114px; width:300px;  background:#fff; overflow: hidden}
.Pane224x596 { margin: 0px 0px 0px 0px; border:0; height:224px; width:600px;  background:#fff; overflow: hidden}

.Pane600x17 { margin: 0px 0px 0px 0px ; border:0; height: auto !important; width: 600px;  background:#fff;}

/* ein einzelner Pane mit Mindesthöhe 450 (=> LeftPane/Bogen unten; weitere Panes oben/unten eforderlich), der die gesamte content-Breite (600px) einnimmt: */
.Pane450x596 { margin: 0px 0px 0px 0px; border:0; height:450px; min-height:450px; width:600px;  background:#fff; overflow:visible }
html>body .Pane450x596 { height: auto; overflow: visible }

/* ein einzelner Pane mit Mindesthöhe 600 (=> LeftPane/Bogen unten), der die gesamte content-Breite (600px) einnimmt: */
.PaneWidth600 { margin: 0px 0px 0px 0px ; border:0; height: 600px; min-height: 600px; width: 600px;  background:#fff;}
html>body .PaneWidth600{ height: auto }

/* ein einzelner Pane mit Mindesthöhe 600 (=> LeftPane/Bogen unten), der die gesamte content-Breite (800px) einnimmt: */
.PaneWidth800 { margin: 0px 0px 0px 0px ; border:0; height: 600px; min-height: 600px; width: 800px;  background:#fff;}
html>body .PaneWidth800 { height: auto }

/* ein einzelner Pane mit Mindesthöhe 600 (=> LeftPane/Bogen unten), rechts noch Platz für 224x146er Panes: */
.PaneWidth450 { margin: 0px 0px 0px 0px ; border:0; height: 600px; min-height: 600px; width: 450px;  background:#fff; float: left;}
html>body .PaneWidth450 { height: auto }

/* ContentAdd */
ContentAdd224x146 { margin: 0px 0px 0px 0px; border:0; width:148px;  background:#fff; overflow: hidden}
/*
  ===================================================================================================
									Eigene Ergänzungen und Tests
  ===================================================================================================
*/


.NormalTextBox
{
 /*   border: solid 1px #000000;*/
 
}


#testOnline{ color:#003b6f; margin-top:0px;}
/*
#testOnline h2{font-size:10px; padding-left:30px; margin-bottom:3px; height:16px; border-bottom:1px solid #ff87f3; background:url(img/online_head.gif) no-repeat; color:#ff87f3;}
*/
#testOnline .headline{font-size:10px; padding-left:30px; margin-bottom:3px; height:16px; border-bottom:1px solid #ff87f3; background:url(img/online_head_nav.gif) no-repeat; color:#ff87f3; font-weight:bold; width:100%}	
#testOnline .list{float:left; width:100px;background:url(img/online_navi.gif) no-repeat 11px 1px; padding-left:30px;}
html>body #testOnline .list{width: 70px;}
.LeftPane #testOnline .list{width:130px;}
html>body .LeftPane #testOnline .list{width: 100px !important;}
#testOnline .count{ float:left; right:0px; font-weight:bold; text-align: right;}
#testOnline .line{ }

#testOnline .shopline{ width:180px; background:#fff; float:left; margin-top:10px; margin-bottom:5px; overflow:hidden; background-color: #FFEAFD;}
#testOnline a.shop{color:#003b6f;background: url(img/shop_icon_start.gif) no-repeat; background-position:4px 0px; padding:0px 0 0 30px; height:22px; line-height: 21px; }	
#testOnline a.shop:hover{background-color:#FFFFFF;}	
#testOnline a{display:block; width:100%; text-decoration:none; font-weight:bold;margin-top:2px;}


