/* ========================
stylesheet DiDate 
Stand: 14.04.2009

		1. Allgemeine Styles
		2. Schriften
		3. Hyperlinks
		4. Header
		5. Linker Content
		6. Main Content
		7. Footer
		8. Styles für Unterseiten
		9. Styles fuer Formulare
		10. sonstige
===========================*/


/*===================
1. Allgemeine Styles
===================*/
* { margin:0; padding:0; }

html { height: 101%;} /* Firefox Seite spring nicht durch scroll */

body {background-color:#222;font-family: Verdana, Arial, Helvetica; font-size: 10px; margin: 0; padding:0;}

img {border: 0px;}

#wrapper {width: 1002px; margin: 0 auto;  overflow: visible;}

/*===================
2. Schriften
===================*/
/* Schriftfarbe für normalen Hintergrund */
span.bg {color:#fff;}
span.bg_color {color:#C40000;}
span.bg_klein {font-size:9px; color:#fff;}

/* Schriftfarbe für Boxen Hintergrund */
span.bold {color:#fff; font-weight: bold;}
span.normal {color:#fff;}
span.single {color:#C40000;}
span.color {color:#C40000;}
span.color_b {color:#C40000; font-weight: bold;}
span.colorbig { font-size: 13px; color:#C40000;font-weight: bold;}

/* Suche im header */
span.search {color:white;} /* Suche */
span.search1 {color:white; font-weight: bold;} /* Ergebnis */

span.text_klein {font-size:9px; color:#fff;}

/*==================
3. Hyperlinks
===================*/
a, a:link, a:visited, a:hover, a:focus, a:active {border:0px; text-decoration:none;}

/* Links für normalen Hintergrund */
a.bg_link, a.bg_link:hover, a.bg_link:active {color:#ffffff; text-decoration: underline;}

/* Links für Boxen Hintergrund */
a.textlink, a.textlink:hover, a.textlink:active {color:#ffffff; text-decoration: underline;}

a.text, a.text:hover, a.text:active {color:#ffffff; text-decoration: none;}

a.underline:link, a.underline:visited, a.underline:focus
{color:#ffffff; text-decoration: none;} 
a.underline:hover, a.underline:active  
{color:#ffffff; text-decoration: underline;}

a.single:link, a.single:visited, a.single:focus
{color:#C40000; text-decoration: none;} 
a.single:hover, a.single:active  
{color:#C40000; text-decoration: underline;}

a.color_b:link, a.color_b:visited, a.color_b:focus, a.color_b:hover, a.color_b:active  
{color:#C40000; font-weight: bold; text-decoration: none;} 

a.bold:link, a.bold:visited, a.bold:focus
{color:#ffffff; font-weight: bold; text-decoration: none;} 
a.bold:hover, a.bold:active  
{color:#ffffff; font-weight: bold; text-decoration: none;}

a.account:link, a.account:visited, a.account:focus
{color:#ffffff; text-decoration: none;} 
a.account:hover, a.account:active  
{color:#ffffff; text-decoration: underline;}

/* Links sonstige */
a.Disco:link, a.Disco:visited, a.Disco:focus
{font-size:10px; color:#C40000; font-weight: normal; text-decoration: none;} 
a.Disco:hover, a.Disco:active  
{font-size:10px; color:#9F0000; font-weight: normal; text-decoration: none;}

/* der Link ist weiß  */
a.BlackBold:link, a.BlackBold:visited, a.BlackBold:focus
{font-size:10px; color:#fff; font-weight: bold; text-decoration: none;} 
a.BlackBold:hover, a.BlackBold:active  
{font-size:10px; color:#ddd; font-weight: bold; text-decoration: none;}

a.intern:link, a.intern:visited, a.intern:focus, a.intern:hover, a.intern:active  
{font-size:10px; color:#000; font-weight: normal; text-decoration: underline;} 

/*===================
4. header
===================*/
td.color_border {background-color: #C84527;}												/* subdomain Änderungen  */
td.color_border_round  { background: #C84527 url(../img/dym/angle.php?file=ro.png&header&BGFILLCOLOR=000000) top left no-repeat;}		/* subdomain Änderungen  */
td.color_nav {background-color: #999;}														/* subdomain Änderungen  */

td.bg {background: url(../img/) top left no-repeat;}										/* Wechsellayout subdomain Änderungen */ 									

/* Login-Activity-Logo Box  */
#box_activitytop {margin:0;background-color:#343434;color:white;}							/* Wechsellayout subdomain Änderungen  */
#box_activitytop a, #box_activitytop a:link, #box_activitytop a:visited  
{color:white; text-decoration: underline;}												/* Wechsellayout subdomain Änderungen  */
.ro_activitytop {	background:url(../img/dym/angle.php?file=ro.png&FILLAC) top right no-repeat;}
.lo_activitytop {	background:url(../img/dym/angle.php?file=lo.png&FILLAC) top left no-repeat;}
.ru_activitytop {	background:url(../img/dym/angle.php?file=ru.png&FILLAC) bottom right no-repeat;}		/* Wechsellayout subdomain Änderungen  */		
.lu_activitytop {	background:url(../img/dym/angle.php?file=lu.png&FILLAC) bottom left no-repeat;}		/* Wechsellayout subdomain Änderungen  */
.inhalt_activitytop {margin:0; padding:10px;}

/* Login Box komplett / Activity-Box ENDE IN NAVI  */
#box_activity {margin:0;background-color:#171717;color:white;}
#box_activity a, #box_activity a:link, #box_activity a:visited  
{color:white; text-decoration: underline;}	
.ro_activity {	background:url(../img/round_activity_ro.png) top right no-repeat;}
.lo_activity {	background:url(../img/round_activity_lo.png) top left no-repeat;}
.ru_activity {	background:url(../img/dym/angle.php?file=ru.png&navi&BGFILLNC2&BGFILLCOLOR=171717) bottom right no-repeat;}	
.lu_activity {	background:url(../img/dym/angle.php?file=lu.png&navi&BGFILLNC2&BGFILLCOLOR=171717) bottom left no-repeat;}	
.inhalt_activity {margin:0; padding:10px;}
/* Logo-Box  */
.ro_logo {	background:url(../img/round_logo_ro.png) top right no-repeat;}
.inhalt_logo {margin:0;text-align: center;}
/* Box Suche + Neue Mitglieder  */
#box_header {margin-left:10px;background-color:#343434;color:white;}		
#box_header a, #box_header a:link, #box_header a:visited  
{color:white; text-decoration: none;}		
.lo_header {background:url(../img/round_header_lo.png) top left no-repeat;}			
.lu_header {background:url(../img/round_header_lu.png) bottom left no-repeat;}		
.inhalt_header {margin:0; padding-left:4px;}

/* Header-Bereich - Navigation */
#navibereich li, 
#navibereich ul {display: inline; list-style-type:none;}
#navibereich a, #navibereich a:link, #navibereich a:visited  
{color: black; font-weight: bold; text-decoration: none; float: left; padding: 2px 12px;}
						
/*===================
5. Linker Content
===================*/
/* Left Content -  header.tpl */
#content { 	}
td.content_left {background: black;}  										/* Wechsellayout subdomain Änderungen  */

td.left {background: black; padding-top: 5px;}  								/* Wechsellayout subdomain Änderungen  */
/* Left Content Box  */
#box_left {margin:0; background-color:#171717;color:white;}
.ro_left {background:url(../img/dym/angle.php?file=ro.png&DARK) top right no-repeat;}
.lo_left {background:url(../img/dym/angle.php?file=lo.png&DARK) top left no-repeat;}
.ru_left {background:url(../img/dym/angle.php?file=ru.png&DARK) bottom right no-repeat;}
.lu_left {background:url(../img/dym/angle.php?file=lu.png&DARK) bottom left no-repeat;}
.inhalt_left {margin:0; padding:10px;}	

/* Single Box  */
#box_single {margin:0;background-color:#990000;color:white;}
.ro_single {background:url(../img/dym/angle.php?file=ro.png&RED) top right no-repeat;}
.lo_single {background:url(../img/dym/angle.php?file=lo.png&RED) top left no-repeat;}
.ru_single {background:url(../img/dym/angle.php?file=ru.png&RED) bottom right no-repeat;}
.lu_single {background:url(../img/dym/angle.php?file=lu.png&RED) bottom left no-repeat;}
.inhalt_single {margin:0; padding:10px;}	

/* linker Content – bei Hilfe und Anmeldung */
#navi_hilfe li  
{ list-style: disc; list-style-position: outside; color: #fff; margin-left:20px;}
#navi_hilfe a, #navi_hilfe a:link, #navi_hilfe a:visited 
{color: #fff; font-size: 10px;text-decoration: none;text-align: left;}	

/*===================
6. Main Content
===================*/
/* Main  - header.tpl */
#content { 	}
td.content_main {background-color: black; color:white;}  								/* Wechsellayout subdomain Änderungen  */						
/* No Login Subdomain */
td.start {background:url(../img/pic_start.jpg) bottom right no-repeat;} 

/* Main Box Navi dunkel */
.ro_main_top {	background:url(../img/dym/angle.php?file=ro.png&navi&BOXFILL&BGFILLNC) top right no-repeat;}	
.lo_main_top {	background:url(../img/dym/angle.php?file=lo.png&navi&BOXFILL&BGFILLNC) top left no-repeat;}
.ru_main_top {background:url(../img/dym/angle.php?file=ru.png&navi&BOXFILL&BGFILLNC) bottom right no-repeat;}
.lu_main_top {background:url(../img/dym/angle.php?file=lu.png&navi&BOXFILL&BGFILLNC) bottom left no-repeat;}


.inhalt_main_top {margin:0; padding-right: 10px;	padding-bottom: 10px; padding-left: 10px;}	
/* Main Box dunkel wie Main Box Navi  */
#box_main {margin:0;background-color:#222;color:white;}
#box_main a, #box_main a:link, #box_main a:visited  
{color:#ffffff; text-decoration: none;} 
#box_main a:hover, #box_main a:active  
{color:#ffffff; text-decoration: underline;}	
.ro_main {background:url(../img/dym/angle.php?file=ro.png) top right no-repeat;}
.lo_main {background:url(../img/dym/angle.php?file=lo.png) top left no-repeat;}
.ru_main {background:url(../img/dym/angle.php?file=ru.png) bottom right no-repeat;}
.lu_main {background:url(../img/dym/angle.php?file=lu.png) bottom left no-repeat;}
.inhalt_main {margin:0; padding:10px;}		

/* Main Box hell  */
#box_main1 {margin:0;background-color:#555;color:white;}
.ro_main1 {background:url(../img/dym/angle.php?file=ro.png&LIGHT) top right no-repeat;}
.lo_main1 {background:url(../img/dym/angle.php?file=lo.png&LIGHT) top left no-repeat;}
.ru_main1 {background:url(../img/dym/angle.php?file=ru.png&LIGHT) bottom right no-repeat;}
.lu_main1 {background:url(../img/dym/angle.php?file=lu.png&LIGHT) bottom left no-repeat;}
.inhalt_main1 {margin:0; padding:10px;}		


/*===================
7. Footer
===================*/
/* Abschluss – Main-Bereich*/
.ru_mainend {background:url(../img/dym/angle.php?file=ru.png&BGFILLCOLOR=222222&NOBGFILL&IMFILL) bottom right no-repeat;}			/* Wechsellayout subdomain Änderungen  */						
.lu_mainend {background:url(../img/dym/angle.php?file=lu.png&BGFILLCOLOR=222222&NOBGFILL&IMFILL) bottom left no-repeat;}				/* Wechsellayout subdomain Änderungen  */						

/* Footer Box umrandung  */
#box_footer {margin:0;background-color:#000;}
#box_footer1 {margin:0;background-color:#000;}											/* Wechsellayout subdomain Änderungen*/
.ro_footer {background:url(../img/dym/angle.php?file=ro.png&BGFILLCOLOR=222222&NOBGFILL&IMFILL) top right no-repeat;}
.lo_footer {background:url(../img/dym/angle.php?file=lo.png&BGFILLCOLOR=222222&NOBGFILL&IMFILL) top left no-repeat;}
/* Bilderleiste unten Abschluss*/
.ru_footer {background:url(../img/dym/angle.php?file=ru.png&BGFILLHC&NOBGFILL&IMFILL) bottom right no-repeat;}	
.lu_footer {background:url(../img/dym/angle.php?file=lu.png&BGFILLHC&NOBGFILL&IMFILL) bottom left no-repeat;}
/* Footer Box Bilder  */
#box_footerpics {margin:0;background-color:#222;color:white;}
#box_footerpics a, #box_footerpics a:link, #box_footerpics a:visited  
{color:white; text-decoration: none;}	
.lo_footerpics {background:url(../img/dym/angle.php?file=lo.png) top left no-repeat;}			
.lu_footerpics {background:url(../img/dym/angle.php?file=lu.png) bottom left no-repeat;}	
.inhalt_footer_pics {margin:0; padding-left:5px;}
/* Footer Box Ende  */
#box_footerend {margin:0;background-color:#C84527; text-align: center;}						/* subdomain Änderungen  */
#box_footerend li, #box_footerend ul {	display: inline; list-style-type: none;}
#box_footerend a, #box_footerend a:link, #box_footerend a:visited
 {color:white; font-size: 9px;text-decoration: none; padding: 2px 15px;}					
.ru_footerend {	background:url(../img/dym/angle.php?file=ru.png.png.png&BGFILLCOLOR=222222&NOBGFILL&header) bottom right no-repeat;}			/* subdomain Änderungen  */
.lu_footerend {	background:url(../img/dym/angle.php?file=lu.png&BGFILLCOLOR=222222&BGFILLHC&NOBGFILL) bottom left no-repeat;}			/* subdomain Änderungen  */		

/*===================
8. Styles fuer Unterseiten
===================*/
#page {margin:0;color:white;  font-size: 10px;}

#agb {margin:0;color:white;  font-size: 9px;}
#agb a, #box_agb a:link, #box_agb a:visited
{color:white; font-size: 9px;text-decoration: underline;}	
td.widerruf {background-color: #101010; border:2px black solid;	 padding: 3px;	}  

/* Interner Adminbereich  */
#box_intern {margin:0;background-color:#ffffff;color:black;}
#box_intern a, #box_intern a:link, #box_intern a:visited  
{color:black; text-decoration: underline;}	
.ro_intern {	background:url(../img/round_intern_ro.png) top right no-repeat;}
.lo_intern {	background:url(../img/round_intern_lo.png) top left no-repeat;}
.ru_intern {	background:url(../img/round_intern_ru.png) bottom right no-repeat;}			
.lu_intern {	background:url(../img/round_intern_lu.png) bottom left no-repeat;}
.inhalt_intern {margin:0; padding:10px;}


/*===================
9. Styles fuer Formulare
===================*/
#formError
{color: #C40000;width: 100%;font-weight: normal;}

input[type='submit'] 
{padding-left: 5px;	padding-right: 5px;	margin-left: 5px;margin-right: 5px;	}

select, input { font-size:10px;}

button 
{font-size:10px;padding-left: 5px;padding-right: 5px;margin-left: 5px;margin-right: 5px;}

input[type='text']{border: 1px solid #000000;}

.data {padding: 4px;}


#messagebox {
	background: #222222;	
	border:1px silver solid;
	padding-right: 10px;
	padding-bottom: 10px;		
	padding-left: 10px;		
	border: 1px solid #000000;	
	margin-bottom: 3px;
	}
option {padding-right: 5px;}	

/*===================
10. sonstige
===================*/
#userdiv 
{background-color:#222; padding: 2px;width: 92px;height: 225px;text-align: center;	margin: 0;}

.blocked {border:1px solid #C40000;}
.didater {border:1px solid #222;}
.isfriend {border:1px solid #222;}

/* Partyfoto groß  */
.UserOnPicCount
{
	position:absolute;
	border:1px solid #000000;
	width:10px;
	height:10px;
	padding:3px;
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50, finishopacity=50);
	-moz-opacity: 0.5;	}

/* Single??? */

#profil_menu_red
{
	background-color: #9F0000;
	color: #FFFFFF;
	border: 1px solid #5F5F5F;
	padding: 4px;
	margin-bottom: 3px;
}	

#white_normal {
	background: #ffffff;	
	border:1px silver solid;
	padding-right: 10px;
	padding-bottom: 10px;		
	padding-left: 10px;		
	border: 1px solid #000000;	
	margin-bottom: 3px;
}
a.WhiteBold:link, a.WhiteBold:visited, a.WhiteBold:focus 
{font-size:10px; color:#FFFFFF; font-weight: normal; text-decoration: none;} 
a.WhiteBold:hover, a.WhiteBold:active 
{font-size:10px; color:#E0EDFB; font-weight: normal; text-decoration: none;}