html 				{height:100%; width:100%; min-height:100%; min-width:100%; max-height:100%; max-width:100%; padding:0; margin:0;}

body				{font-family:arial,sans-serif; font-size:12px; background:url(../img/pg/bg.gif) repeat-x top; background-color:#7b7b7b; 
				 padding:0; margin:0; height:100%; width:100%; min-height:100%; min-width:100%; max-height:100%; max-width:100%;}

table				{border:0; padding:0px; width:100%; cellspacing:0;}
td				{border:0; padding:0px;}
td.prof				{border:0; padding:0px; width:150px; text-align:right;}
tr				{border:0; padding:0px;}

select				{font-size:12px; color:#000000; background:url(../img/pg/txbg.gif) repeat-x top #ababac; padding:0px; border:0;}
select.date			{font-size:12px; color:#000000; width:70px; background:url(../img/pg/txbg.gif) repeat-x top #ababac; padding:0px; border:0;}

a, a:visited, a:active		{color:#999999; text-decoration:none; font-weight:normal; border:0;}
a:hover				{color:#b646d9; text-decoration:none; font-weight:normal; border:0;}
a:hover.lnavi 			{color:#b646d9; text-decoration:none; border:0; padding:0;}
a:hover.fliste 			{color:#b646d9; text-decoration:none; border:0; padding:0;}

a.login				{font-size:12px; color:#999999;}
a.usersuchen			{font-size:12px; color:#000000; font-weight:bold; margin:0;}
a.fehler			{font-size:12px; color:#000000;}

h1				{font-size:12px; color:#22ACEA; padding:1px; margin:5px 0px 5px 0px; margin-left: 0;}

p				{padding:1px; margin:5px 0px 5px 0px; margin-left: 0;} * html p {height: 1%; margin-left: 0;}
p.begruesung			{font-family:sans-serif; font-size:12px; font-weight:bold; color:#000000; padding:1px; margin:5px 0px 5px 0px; margin-left: 0;}
p.white				{font-family:sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; padding:1px; margin:5px 0px 5px 0px; margin-left: 0;}
p.news				{font-family:sans-serif; font-size:12px; color:#999999; padding:1px; margin:5px 0px 5px 0px; margin-left: 0;}

input.login			{width:125px; height:15px; font-size:12px; background:url(../img/pg/txbg.gif) repeat-x top #ababac; margin: 2px 0px 2px 0px; padding:1px; border:0;}
input.loginbutton		{width:50px; height:20px; font-size:10px; background:url(../img/pg/txbg.gif) repeat-x top #ababac; border:0; margin: 5px 0px 0px 0px; padding:1px;}
input.suchen			{width:125px; height:15px; font-size:12px; background:url(../img/pg/txbg.gif) repeat-x top #ababac; margin:0 0 10px 0; padding:1px; border:0;}
input.suchbutton		{width:70px; height:20px; font-size:10px; background:url(../img/pg/txbg.gif) repeat-x top #ababac; border:0; margin: 0; padding:1px;}
input.pwlost			{width:125px; height:20px; font-size:10px; background:url(../img/pg/txbg.gif) repeat-x top #ababac; border:0; margin: 5px 0px 0px 0px; padding:0;}

input.bewerben			{width:200px; height:15px; font-size:12px; background:url(../img/pg/txbg.gif) repeat-x top #ababac; margin: 2px 0px 2px 0px; padding:1px; border:0;}
input.bewerbenbutton		{width:50px; height:20px; font-size:10px; background:url(../img/pg/txbg.gif) repeat-x top #ababac; border:0; margin: 5px 0px 0px 0px; padding:1px;}
textarea.bewerben		{width:300px; height:80px; font-size:12px; background:url(../img/pg/txbg.gif) repeat-x top #ababac; margin: 2px 0px 2px 0px; padding:1px; border:0;}

input.nachrichtb		{width:260px; height:15px; font-size:12px; background:url(../img/pg/txbg.gif) repeat-x top #ababac; margin: 2px 0px 2px 0px; padding:1px; border:0;}
textarea.nachrichtt		{width:260px; height:80px; font-size:12px; background:url(../img/pg/txbg.gif) repeat-x top #ababac; margin: 2px 0px 2px 0px; padding:1px; border:0;}

img				{border:0;}
img.userpic			{width:50px; margin:auto;}
img.buserpic			{width:70px; margin:auto;}

div.lohead			{background:url(../img/pg/headerl.gif) no-repeat left top;}
div.loheadbg			{background:url(../img/pg/headerm.gif) repeat-x top #626262;}

div.losdo			{height:68px; background:url(../img/pg/sdo/l.gif) no-repeat left top;}
div.rosdo			{height:68px; background:url(../img/pg/sdo/r.gif) no-repeat right top;}
div.sdobg			{height:68px; max-width:100%; background:url(../img/pg/sdo/m.gif) repeat-x top;}
div.sdoct			{max-width: 100%; height:100px; padding: 0; margin:0;}

div.hpad			{margin:0px auto; width: 800px;}
div.head			{margin:0; width: 800px; height: 316px; background:url(../img/pg/header.gif) no-repeat top;}

div.pad				{margin:10px;}
div.pad2			{margin:5px;}

div.dt 				{display:table; width:100%; height:100%;}
div.dr				{display:table-row; width:100%; height:100%;}
div.dc 				{display:table-cell; text-align:left; vertical-align:top; width:100%;}

div.leftcontent			{width: 150px; padding: 0; margin:10px 0 0 0; float:left;}
div.rightcontent		{width: 150px; padding: 0; margin:10px 0 0 0; float:left;}
div.content			{width: 480px; padding:0; margin:10px; float:left;}
div.menu			{width: 800px; padding: 0; margin:10px 0 0 0;}

div.lcontent			{width: 100%; height:100%; padding: 0; margin:0 0 10px 0;}
div.mcontent			{width: 100%; background:url(../img/pg/ctbg.gif) repeat-x top #626262; padding: 0; margin:0 0 10px 0;}
div.rcontent			{width: 100%; height:100%; padding: 0; margin:0 0 10px 0;}


div.ro1hd			{background:url(../img/pg/header.gif) no-repeat top;}
div.ro1				{background:url(../img/pg/td/ro.gif) no-repeat right top;} div.ro1bg			{background:url(../img/pg/td/ro.gif) no-repeat right top #626262;}
div.lo1				{background:url(../img/pg/td/lo.gif) no-repeat left top;} div.lo1bg			{background:url(../img/pg/td/lo.gif) no-repeat left top #626262;}
div.ru1				{background:url(../img/pg/td/ru.gif) no-repeat right bottom;} div.ru1bg			{background:url(../img/pg/td/ru.gif) no-repeat right bottom #626262;}
div.lu1				{background:url(../img/pg/td/lu.gif) no-repeat left bottom;} div.lu1bg			{background:url(../img/pg/td/lu.gif) no-repeat left bottom #626262;}

div.loginfehler			{width: 180px; padding: 0; margin:0;}
div.usersuche			{width: 130px; height:120px; padding: 0; overflow:hidden; margin:0 20px 20px 0; float: left;}
div.page404			{max-width: 100%; padding:0; margin:0 0 10px 0; border:2px solid #800000; background-color:#FF0000;}
div.page405			{max-width: 100%; padding:0; margin:0 0 10px 0; border:2px solid #009900; background-color:#00CC00;}
div.userhomeselection		{max-width:100%; border:0; margin:0 0 30px 0;}
div.usersectionbox		{height:120px; border:0; margin:0 0 20px 0;}
div.usersectionbox1		{width:290px; border:0; margin:0 17px 0 0; padding:0; float: left;}
div.usersectionbox2		{width:290px; border:0; margin:0; padding:0;}
div.usersectionboxbg		{background:url(../img/pg/txbg.gif) repeat-x top #ababac;}
div.bewerben1			{width:150px; border:0; margin:0 17px 0 0; padding:0; float: left;}
div.bewerben2			{width:150px; border:0; margin:0 17px 0 0; padding:0;}
div.userpic			{width:50px; height:50px; overflow:hidden; text-align:center; border:1px solid #000000; margin:0 10px 10px 0; float: left;}
div.buserpic			{width:70px; height:70px; overflow:hidden; text-align:center; border:1px solid #000000; background-color:#000000; margin:0 10px 10px 0; float: left;}
div.freundesliste		{width:155px; height:300px; background:url(../img/pg/txbg.gif) repeat-x top #ababac; overflow:auto; border:0; margin:0 0 10px 0;}
div.bfreundesliste		{max-width: 100%; background:url(../img/pg/txbg.gif) repeat-x top #ababac; margin:0;}
div.usersuchename		{clear:left; max-width: 100%; text-align: center; margin:0;}
div.nachricht			{margin:10px height: 200px;}


#lightbox			{position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img			{width: auto; height: auto;}
#lightbox a img			{border: none;}

#outerImageContainer		{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer			{padding: 10px;}

#loading			{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav			{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav	{left: 0;}
#hoverNav a			{outline: none;}

#prevLink, #nextLink		{width: 49%; height: 100%; background-image: url(data:data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
#prevLink 			{left: 0; float: left;}
#nextLink 			{right: 0; float: right;}
#prevLink:hover, 
#prevLink:visited:hover 	{background: url(../img/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, 
#nextLink:visited:hover 	{background: url(../img/lightbox/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer		{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}

#imageData			{padding:0 10px; color: #666;}
#imageData #imageDetails	{width: 70%; float: left; text-align: left;}	
#imageData #caption		{font-weight: bold;}
#imageData #numberDisplay	{display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose	{width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay			{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}