/* dunkel grau: #444444, hell grau: #EEEEEE , pink: #FF0099 */


*							{ margin:0px; padding:0px; }
fieldset, img				{ border:0; }
select,input,textarea		{ font-family:Verdana, sans-serif; font-size:99%;}
html						{ height:100%;} 
body {
    color:#444444; 
    text-align: left; 
    font-family:Verdana, sans-serif; 
    font-size:11px;
    line-height: 1;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    outline: 0 none;
    margin-bottom: 10px;
} 

#wrapper {
    position:relative;
    margin-right:auto;
    width:960px;
    background: none repeat scroll 0 0 #FFFFFF !important;
    border-left:5px solid #fff !important;
    border-right:5px solid #fff !important;
    float:left;
}

#c_wrapper {
    position:absolute;
    width:1145px;
    padding-left:0px;
    background-color:#FFFFFF;
    vertical-align:top;
}
#skyscraper
{
    background-color:#FFFFFF;
    width:165px;
    vertical-align:middle; 
    padding-top:120px;
    padding-left:0px;
    padding-right:0px;
    float:left;
    text-align:center;
    }
    
#header {
    height:121px;
    background:url(/img/club/bgHeader.png) repeat-x left bottom;
    margin:0 5px 8px 5px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

#banner {
    margin:0px 0px 0px 0px;
    height:91px;
}

#logo {
    position:absolute;
    left:0;
    top:0;
}

a:link, a:visited, a:active {
    color:#FF0099; 
    font-weight:normal; 
    text-decoration:none; 
}

a:hover	{
    color:#FF0099; 
    font-weight:normal; 
    text-decoration:underline; 
 }

#content        { margin:0 5px 20px 0;}
#left           { float:left; width:165px; margin-right:10px;}
#middle         { float:left; width:775px;}
#middleContent  { background-position:right -18px;}
#middleLogin    { float:left; width:605px;}
#right          { float:left; width:165px; margin-left:10px;}

br				{ line-height:10px;}
.br_30px	    { text-align:left; line-height:30px; font-size:11px;}
.br_abspx	    { text-align:left; line-height:57px; font-size:11px;}
.br_5px		    { text-align:left; line-height:5px;}
.br_10px	    { text-align:left; line-height:10px; background-color:#FFFFFF;}


/*  Start Header & Footer von Petra.de */
ul {
    list-style: none outside none;
    text-align:left;
    vertical-align:baseline;
}

#mainNavigation {
    height:35px;
    padding-top:86px;
}

#mainNavigation a {
    color: #FF0099;
    text-decoration: none;
}

#mainNavigation li {
    display:block; 
    float:left; 
    position:relative; 
    background:url(/img/club/bgMainNav.png) no-repeat scroll right bottom transparent;
    padding:0 2px 0 0;
}

#mainNavigation li a {
    -moz-border-radius: 3px 3px 0 0;
    display: block;
    font-size: 18px;
    line-height: 35px;
    padding: 0 10px;
    text-decoration: none;
    float:left;
    color:#FF0099;
}

#mainNavigation li.current a, 
#mainNavigation li a:hover { 
    background: none repeat scroll 0 0 #FF0099;
    color: #FFFFFF;
}

#footer {
    background:url(/img/club/bgFooter.png) repeat-x left top;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

#footer a:link, #footer a:active, #footer a:visited {
    color: #FF0099; 
}

#footer a:hover {
    color: #FF0099; 
    text-decoration:none; 
}

#footerNavi li strong a, #staticNavi a, #footerNavi li a { color:#444444; }
#footerNavi li          { display:block; float:left; position:relative; background:url(/img/club/bgFooterNav.png) no-repeat top right; padding:20px 30px 0 10px; margin-bottom:25px; width:86px;}
#footerNavi li.last     { background:none;}
#footerNavi li a        { display:block; line-height:17px;}
#footerNavi li strong   { display:block; font-weight:normal; margin-bottom:5px;}

#staticNavi             { padding-bottom:10px; padding-right:10px;}
#staticNavi a           { margin:0 5px;}
#staticNavi a:link, #staticNavi a:active, #staticNavi a:visited { color:#444444;}
#staticNavi a:hover     { color:#FF0099; text-decoration:none;}

.clearfix:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
* html .clearfix, *:first-child+html .clearfix{zoom:1;}
/*  End Header & Footer von Petra.de */



/* Navigation, Links */
.arrow_right        { text-align:right;}
.arrow_right a {
    background-image:url(/vorlagen/data/general/images/standard.gif);
    background-repeat: no-repeat;
    background-position:right;
    padding-right:15px;
    padding-bottom:2px; 
    color:#444444;
    font-weight:bold;
}

.arrow_right a:hover {    
        color:#FF0099;
        font-weight:bold;
        text-decoration:none;
}
    
.arrow_left     { text-align:left;}
.arrow_left a {
    background-image:url(/vorlagen/data/general/images/standard.gif);
    background-repeat: no-repeat;
    background-position:left;
    padding-left:15px;
    padding-bottom:2px;   
    color:#444444;
    font-weight:bold;
}
    
.arrow_left a:hover {    
    color:#FF0099;
    font-weight:bold;
    text-decoration:none;
}

a.nl:link, a.nl:visited, a.nl:active	{ color:#444444; font-size:11px; text-decoration:none;}
a.nl:hover								{ color:#FF0099; font-size:11px; text-decoration:none;}
a.n2:link, a.n2:visited, a.n2:active	{ color:#444444; font-size:11px; text-decoration:none; font-weight:bold;}
a.n2:hover								{ color:#FF0099; font-size:11px; text-decoration:none; font-weight:bold;}
a.n3:link, a.n3:visited, a.n3:active	{ color:#444444; font-size:11px; text-decoration:none; font-weight:bold; background: transparent url("/vorlagen/data/login/images/standard.gif") no-repeat; margin: 0 0 0 0; padding: 0px 0px 0px 15px; line-height:18px;}
a.n3:hover								{ color:#FF0099; font-size:11px; text-decoration:none; font-weight:bold; background: transparent url("/vorlagen/data/login/images/standard.gif") no-repeat; margin: 0 0 0 0; padding: 0px 0px 0px 15px; line-height:18px;}


/* Boxen header,content,footer für kaesten */
.header_NavBox			    { width:165px; background-color:Transparent; height:20px; text-align:left; font-weight:bold; padding:0px 0px 0px 0px; color:#444444; font-size:12px; border-bottom:2px solid #EEEEEE;}
.header_NavBox_txt			{ padding-top:5px;}
.content_NavBox				{ width:163px; background-color:#FFFFFF; padding:0px 0px 0px 0px; text-align:left; overflow:hidden;}
.content_NavBox_1			{ background-color:Transparent; padding:3px; font-size:11px;}
.footer_NavBox				{ width:165px; background-color:transparent; height:15px;}


.header_165					{ width:165px; background-color:Transparent; height:20px; text-align:left; font-weight:bold; padding:0px 0px 0px 0px; color:#444444; font-size:12px; border-bottom:2px solid #EEEEEE;}
.content_165				{ width:163px; background-color:#FFFFFF; padding:0px 0px 0px 0px; text-align:left; overflow:hidden;}
.content_1					{ background-color:Transparent; padding:3px; font-size:11px;}
.footer_165					{ width:165px; background-color:transparent; height:15px;}
.content_165_line			{ width:163px; background-color:#EEEEEE; padding:0px 0px 0px 0px; text-align:left; border:1px solid #EEEEEE;line-height:1px;}
.content_165_15				{ width:165px; background-color:Transparent; color:#444444; padding:1px 0px 1px 0px; text-align:left; overflow:hidden;}

/* Start ContentStartseite */
.header_2					{ background-color:Transparent; color:#FF0099; padding:2px 5px 2px 0px; font-weight:bold; font-size:12px; text-align:left;}
.content_1_box				{ background-color:#EEEEEE; padding:3px; font-size:11px; border-top:2px solid #FFFFFF;}
/* End ContentStartseite */

/* Start NavLeft-NavRight*/
.content_links_foren		{ background-color:#EEEEEE; overflow:hidden; padding:2px 2px 2px 2px; text-align:left; line-height:13px;}
.content_165_links_foren	{ background-color:#FFFFFF; background-position:bottom; overflow:hidden; width:155px; text-align:left; padding:0px 5px 0px 5px;}
.header_2_weiss_foren		{ background-color:Transparent; color:#444444; padding:0px 0px 0px 0px; font-weight:bold; text-align:left;}

.content_1_box_layer_2		{ background-color:Transparent; overflow:hidden; padding:0px; text-align:left; line-height:16px; vertical-align:middle;}
.content_1_box_layer		{ background-color:Transparent; overflow:hidden; padding:5px; text-align:left;}

A.link_box_layer_w:link		{ color:#444444; font-family:Verdana, sans-serif; font-size:11px; line-height:16px; text-decoration:none; font-weight:bold; vertical-align:middle;}
A.link_box_layer_w:visited	{ color:#444444; font-family:Verdana, sans-serif; font-size:11px; line-height:16px; text-decoration:none; font-weight:bold; vertical-align:middle;}
A.link_box_layer_w:active	{ color:#444444; font-family:Verdana, sans-serif; font-size:11px; line-height:16px; text-decoration:none; font-weight:bold; vertical-align:middle;}
A.link_box_layer_w:hover	{ color:#FF0099; font-family:Verdana, sans-serif; font-size:11px; line-height:16px; text-decoration:none; font-weight:bold; vertical-align:middle;}

A.link_box_layer_s:link		{ color:#444444; font-family:Verdana, sans-serif; font-size:11px; line-height:20px; text-decoration:none;}
A.link_box_layer_s:visited	{ color:#444444; font-family:Verdana, sans-serif; font-size:11px; line-height:20px; text-decoration:none;}
A.link_box_layer_s:active	{ color:#444444; font-family:Verdana, sans-serif; font-size:11px; line-height:20px; text-decoration:none;}
A.link_box_layer_s:hover	{ color:#FF0099; font-family:Verdana, sans-serif; font-size:11px; line-height:20px; text-decoration:none;}

A.linkbgschwarz:link, A.linkbgschwarz:visited, A.linkbgschwarz:active {
    color:#444444; 
    line-height:18px;
}

A.linkbgschwarz:hover 
{
    color:#FF0099; 
    line-height:18px;
}

.foren {
    background:#FFFFFF; 
    line-height:15px; 
    padding:5px 0 5px 0;  
}

.foren a {
    background-image:url(/vorlagen/data/general/images/standard.gif);
    background-repeat: no-repeat;
    background-position:left;
    padding-left:15px;
    padding-top:0px;   
    color:#FF0099;
    font-weight:normal;
}

.foren_1 {
    background:#EEEEEE; 
    line-height:15px; 
    padding:5px 0 5px 0;
}
    
.foren_1 a	{    
    background-image:url(/vorlagen/data/general/images/standard.gif);
    background-repeat: no-repeat;
    background-position:left;
    padding-left:15px;
    padding-top:0px;   
    color:#FF0099;
    font-weight:normal;
}
/* End NavLeft-NavRight */



/* Start NavTop */
#nav_top					{ width:775px; background:Transparent; margin-top:0px; margin-left:0px; line-height:16px; font-size:9px; font-family:Verdana, sans-serif;}
#nav_top_location			{ width:775px; background:Transparent; margin-top:0px; margin-left:0px; line-height:20px; font-size:10px; font-family:Verdana, sans-serif; }
.n2_flyout_act				{ position:absolute; visibility:hidden; width:130px; padding:5px; background:#FFFFFF url(/vorlagen/data/general/images/bg_navflyout_act.jpg) repeat-x; background-position:bottom; border:solid 1px #444444; z-index:1;}
.n2_flyout					{ position:absolute; visibility:hidden; width:130px; padding:5px; background:#FFFFFF url(/vorlagen/data/general/images/bg_navflyout.jpg) repeat-x; border:solid 1px #444444; z-index:1;}

A.nav_top:link				{ color:#FFFFFF; font-family:Verdana,sans-serif; font-size:9px; text-decoration:none; font-weight:bold; text-transform:uppercase; line-height:16px;}
A.nav_top:visited			{ color:#FFFFFF; font-family:Verdana,sans-serif; font-size:9px; text-decoration:none; font-weight:bold; text-transform:uppercase; line-height:16px;}
A.nav_top:active			{ color:#FFFFFF; font-family:Verdana,sans-serif; font-size:9px; text-decoration:none; font-weight:bold; text-transform:uppercase; line-height:16px;}
A.nav_top:hover				{ color:#FFFFFF; font-family:Verdana,sans-serif; font-size:9px; text-decoration:none; font-weight:bold; text-transform:uppercase; line-height:16px;}

A.nav_top2:link				{ color:#444444; font-family:Verdana, sans-serif; font-size:11px; text-decoration:none; line-height:18px;}
A.nav_top2:visited			{ color:#444444; font-family:Verdana, sans-serif; font-size:11px; text-decoration:none; line-height:18px;}
A.nav_top2:active			{ color:#444444; font-family:Verdana, sans-serif; font-size:11px; text-decoration:none; line-height:18px;}
A.nav_top2:hover			{ color:#FF0099; font-family:Verdana, sans-serif; font-size:11px; text-decoration:underline; line-height:18px;}

A.nav_top3:link				{ color:#444444; font-family:Verdana, sans-serif; font-size:12px; text-decoration:none; font-weight:bold;}
A.nav_top3:visited			{ color:#444444; font-family:Verdana, sans-serif; font-size:12px; text-decoration:none; font-weight:bold;}
A.nav_top3:active			{ color:#444444; font-family:Verdana, sans-serif; font-size:12px; text-decoration:none; font-weight:bold;}
A.nav_top3:hover			{ color:#FF0099; font-family:Verdana, sans-serif; font-size:12px; text-decoration:none; font-weight:bold;}
.log					    {background-color:Transparent; color:#444444; font-family:Verdana, sans-serif; font-size: 11px}
/* End NavTop */



/* Community  */
.cbg					{background-color:#FFFFFF; LINE-HEIGHT:15px; font-family:Verdana, sans-serif; font-size:11px;}
.cbgklein				{background-color:#FFFFFF; LINE-HEIGHT:15px; font-family:Verdana, sans-serif; font-size:11px;}
.c1						{background-color:#EEEEEE; LINE-HEIGHT:15px; font-family:Verdana, sans-serif; font-size:11px;}
.c1klein				{background-color:#EEEEEE; LINE-HEIGHT:15px; font-family:Verdana, sans-serif; font-size:11px;}
.c2						{background-color:#EEEEEE; LINE-HEIGHT:15px; font-family:Verdana, sans-serif; font-size:11px;}
.c2klein				{background-color:#EEEEEE; LINE-HEIGHT:15px; font-family:Verdana, sans-serif; font-size:11px;}
.c3						{color:#444444; font-family:Verdana, sans-serif; font-size:11px;}
.c3klein				{color:#444444; font-family:Verdana, sans-serif; font-size:11px;}

.c4log					{background-color:#0D4095; color:#FFFFFF; font-family:Verdana, sans-serif; font-size:11px; LINE-HEIGHT: 14px;}
.txtbg					{color:#444444; font-family:Verdana, sans-serif; font-size: 10pt}
.cbgclub				{background-color:Transparent; color:#FF0099; font-family:Verdana, sans-serif; font-size:11px; LINE-HEIGHT:20px;}
.cbg_box_mitte			{background-color:#EEEEEE; color:#444444; font-family:Verdana, sans-serif; font-size:11px;}
.cbgorange				{background-color:#EEEEEE; color:#444444; font-family:Verdana, sans-serif; font-size:11px;}

A.linkbg:link, A.linkbg:visited, A.linkbg:active {
    color:#FF0099; 
    font-family:Verdana, sans-serif;
    font-size:11px;
    text-decoration:none;
}

A.linkbg:hover	{
    color:#FF0099;
    font-family:Verdana, sans-serif; 
    font-size:11px;
    text-decoration:underline;
}

A.linkbgklein:link, A.linkbgklein:visited, A.linkbgklein:active {
    color:#FF0099; 
    font-family:Verdana, sans-serif; 
    font-size:11px;
    text-decoration:none;
}

A.linkbgklein:hover	{
    color:#FF0099;
    font-family:Verdana, sans-serif; 
    font-size:11px;
    text-decoration:underline;
}

h1						{ color:#444444; font-family:Verdana, sans-serif; font-size:11px;}
h2		                { font-family:Verdana, sans-serif; font-size:11px;}
h3		                { font-family:Verdana, sans-serif; font-size:11px;}
h4		                { font-family:Verdana, sans-serif; font-size:11px;}
h5		                { font-family:Verdana, sans-serif; font-size:11px;}

/* Login Popup */
body.loginpopup			{ background-image:none; background-color:#FFFFFF; margin:0px; padding:0px; }
.cbglogin				{ font-family:Verdana, sans-serif; font-size:13px; color:#444444; }
.cbgloginline			{ font-family:Verdana, sans-serif; font-size:14px; color:#FF0099; background-color:#FF0099 }
.cbglogingross			{ font-family:Verdana, sans-serif; font-size:18px; color:#FF0099 }
.c3login				{ font-family:Verdana, sans-serif; font-size:11px; color:#444444; }
.c3kleinlogin			{ font-family:Verdana, sans-serif; font-size:10px; color:#444444; }
.c3kleinerror			{ font-family:Verdana, sans-serif; font-size:10px; color:#FF0099 }

textarea.text			{background-color:#FFFFFF; color:#444444; font-family:Verdana, sans-serif; font-size:11px; border: 1px Gray solid;}
textarea.text_ecard			{background-color:#FFFFFF; color:#444444; font-family:Verdana, sans-serif; font-size:11px; border: 1px Gray solid;}
textarea.text_blog			{background-color:#FFFFFF; color:#444444; font-family:Verdana, sans-serif; font-size:11px; border: 1px Gray solid;}
textarea.text_foren			{background-color:#FFFFFF; color:#444444; font-family:Verdana, sans-serif; font-size:11px; border: 1px Gray solid;}
textarea.text_article			{background-color:#FFFFFF; color:#444444; font-family:Verdana, sans-serif; font-size:11px; border: 1px Gray solid;}
input.text				{background-color:#FFFFFF; color:#444444; font-family:Verdana, sans-serif; font-size:11px; border: 1px Gray solid;}
input.button			{background-color:#C0C0C0; color:#444444; font-family:Verdana, sans-serif; font-size: 8px; font-weight: 400}
select.text				{background-color:#FFFFFF; color:#444444; font-family:Verdana, sans-serif; font-size:11px; border: 1px Gray solid;}
textarea.message_text	{background-color:Transparent; width:745px; border:solid 1px; padding:0px; margin:0px;}


/* -- CLUBHILFE -- */
#divtitleid			{width:730px; text-align:left; font-family:Verdana, sans-serif; font-size:11px;}
#DivHilfeRahme		{width:730px; min-height:100%; padding:0px; border:1px solid; border-color:#444444; background-color:#FFFFFF; padding-top:10px; padding-bottom:10px; font-family:Verdana, sans-serif; font-size:11px;}
#divcont            {width:690px; min-height:100%; margin:0px; background-color:#FFFFFF; font-family: Verdana, sans-serif; font-size:11px;}
.Helpdiv			{position:relative; border:solid 1px #444444; width:660px; height:100%; left:27px; top:7px; padding:5px; background-color:#ffffff; font-family:Verdana, sans-serif; font-size:11px;}


/* -- ChatWatcher --*/
#ChatWatcher
{
    font-family:Verdana, sans-serif;
}
#ChatWatcher h3 {
    font-size: 10px;
    color:#FF0099;
    font-weight: lighter;
    line-height:16px;
    margin: 5px 0 0 0;
}

#ChatWatcher h3 a {
	font-size: 12px;
	color #FF0099;
	font-weight:bold;
}

#ChatWatcher ul {
    padding: 5px 0px 10px 5px;
}

#ChatWatcher li {
    list-style-type:none;
}


/*input, select, textarea { background-color: #fff;padding: 1px 3px 1px 3px;}  erzeugt weisse Rahmen bei Input-button*/
textarea, input { font: 101% Verdana, sans-serif;}
#tright img             {max-width:340px; width:expression(this.width > 340 ? 340: true);}

a.clubbutton {
     color:#FFFFFF !important;
     text-decoration: none !important;
     text-transform:none;
     font-size:12px !important;
     background:transparent url('/img/button/left.gif') no-repeat left 1px;
     display:block;
     margin: 0 0 0 0;     
     padding: 0 0 0 1px;
     height: 19px;
}

a.clubbutton span {
     font-weight:bold;    
     text-align:center;
     background:url('/img/button/right.gif') no-repeat right 1px;
     display:block;
     margin: 0 0 0 0;     
     padding: 3px 0 1px 1px;
     height: 19px;
}


/* submit button im link style */
button {overflow: visible;width: auto;}
button.link {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	text-align: left;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	-moz-user-select: text;
}

button.link span            {color:#FF0099; font-family:Verdana, sans-serif; font-size:11px; text-decoration:none;}
button.link span:visited    {color:#FF0099; font-family:Verdana, sans-serif; font-size:11px; text-decoration:none;}
button.link span:active	    {color:#FF0099; font-family:Verdana, sans-serif; font-size:11px; text-decoration:none;}
button.link span:hover	    {color:#FF0099; font-family:Verdana, sans-serif; font-size:11px; text-decoration:underline;}
/* submit button im link style */

/* PathTopNavigation  wie c2 */
.pathtopnav					{background-color:#ff0099; color:#FFFFFF;}


/* ClubTopNavigation */

#ClubTopNavigation {
	margin: 0 18px 0 0px;
	font-size:10px;
}

/* 2. Level */
#ClubTopNavigation {
    clear: both;
    background-color:Transparent;
    width: 860px;
    height: 28px;
    display: block;
    }

#ClubTopNavigation li {
    display:block;
    float: left;
    text-transform: uppercase;
    background-color:#FF0099;
    }

#ClubTopNavigation li a {
    padding: 8px 4px 5px 4px;
    display: block;
    height: 15px;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    color: #FFFFFF;
    float: left;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    }

#ClubTopNavigation li a.hover {
    color: #FFFFFF;
    }

#ClubTopNavigation:after {
    content: ".";
    display: block;
    height: 0px;
    max-height: 0px;
    clear: both;
    visibility: hidden;
}
    
/* ------------------------- */
     
.Musterbutton {
     color: #5B5B5B !important;
     text-decoration: none !important;
     text-transform:uppercase;
     font-size: 10px !important;
     background:transparent url('/img/button/left.gif') no-repeat 0 2px;
     padding: 4px 0 5px 17px;
     height: 10px;
     display:block;
     margin: 3px 0 2px 0;
     }

.Musterbutton span{
     display:block;
     margin: -2px 0 0 0;
     background:url('/img/button/right.gif') no-repeat right top;
     padding: 2px 10px 5px 10px;
     text-align: center;
     }
     
/* ------------------------- */