/*-----Farben-----*/

/*Hintergrund hell:				169;199;218 - #A9C7DA*/
/*Hintergrund dunkel:			133;175;203 - #85AFCB*/

/*Boxes:						184;208;224 - #B8D0E0*/
/*Boxes heller Hintergrund:		225;236;242 - #E1ECF2*/



/*----- -----Preload images----- -----*/

.preload_images {display: none; visibility: hidden;}
.preload1 {background: url(../pictures/background.png);}
.preload2 {background: url(../pictures/buli_logo.png);}
.preload3 {background: url(../pictures/buttons/dark.png);}
.preload4 {background: url(../pictures/buttons/light.png);}
.preload5 {background: url(../pictures/buttons/dark_gold.png);}
.preload6 {background: url(../pictures/buttons/light_gold.png);}
.preload7 {background: url(../pictures/buttons/dark_bottom_s.png);}
.preload8 {background: url(../pictures/buttons/dark_top_s.png);}
.preload9 {background: url(../pictures/buttons/light_bottom_s.png);}

/*----- -----Allgmein----- -----*/

img													{border: none;}
p													{margin: 0px; padding: 0px;}
form												{margin: 0px;}
table												{margin: 0px auto; border-width: 1px; border-style: none; border-color: #B8D0E0; border-collapse: separate;}
table th											{border-width: 1px;	padding: 2 3 2 3px; border-style: none; background-color: #82ACC8; font-weight: bold;}
table td											{border-width: 1px;	padding: 2 3 2 3px; border-style: none; background-color: #82ACC8;}

/*----- -----Body allgmein----- -----*/

body												{margin: 0px; height: 100%; width: 100%; background-color: #85AFCB; background-image: url(../pictures/background.png); background-repeat: repeat; text-align: center;}

.content											{margin: 20px auto; width: 800px; text-align: left;}

/*----- ----- Header ----- -----*/

.content .header									{position: relative; margin: 0px; padding: 0px 10px 10px 10px; height: 146px; width: 800px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #B8D0E0;}
.content .header .menu								{position: relative; margin: -10px 0px 5px 0px; padding: 0px; text-align: right;}
.content .header .menu p							{display: inline;}
.content .header .menu a							{text-decoration: none;}
.content .header .menu a:hover						{text-decoration: underline;}

.content .header .main_menu							{position: relative; height: 30px; width: 100%;}
.content .header .main_menu a						{position: relative; height: 30px; width: 19.87%; line-height: 30px; border-right: 1px solid #26465A; background-image: url(../pictures/buttons/dark.png); float: left; text-align: center; text-decoration: none;}
.content .header .main_menu a:hover					{background-image: url(../pictures/buttons/light.png);}
.content .header .main_menu .gold					{background-image: url(../pictures/buttons/dark_gold.png);}
.content .header .main_menu .gold:hover				{background-image: url(../pictures/buttons/light_gold.png);}

/*----- ----- Main allgemein ----- -----*/

.content .middle									{position: relative; margin: 10px 0px 0px 0px; padding: 0px; width: 820px; overflow: hidden;}
.content .middle .main								{position: relative; margin: 0px 0px -990px 0px; padding: 10px 10px 1000px 10px; height: 100%; width: 570px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #B8D0E0; float: left;}
.content .middle .side_bar							{position: relative; margin: 0px 0px -990px 10px; padding: 10px 10px 1000px 10px; height: 100%; width: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #B8D0E0; float: left;}

/*----- ----- Meine Stars & Top Stars ----- -----*/

.content .middle .main .stars						{text-align: center; align: center;}

.content .middle .main .stars .top_bar				{z-index: 1; position: relative; margin: 0px auto; margin-top: 5px; height: 20px; width: 510px;}
.content .middle .main .stars .top_bar a			{position: relative; height: 20px; width: 5.687%; line-height: 20px; border-right: 1px solid #26465A; background-image: url(../pictures/buttons/dark_bottom_s.png); float: left; text-align: center; text-decoration: none;}
.content .middle .main .stars .top_bar a:hover		{background-image: url(../pictures/buttons/dark_top_s.png);}
.content .middle .main .stars .top_bar p			{position: relative; height: 20px; width: 5.687%; line-height: 20px; border-right: 1px solid #85AFCB; background-image: url(../pictures/buttons/light_bottom_s.png); float: left; text-align: center; text-decoration: none;}

.content .middle .main .stars .middle_button		{z-index: 1; position: relative; margin: 0px auto; margin-top: 5px; height: 20px; width: 75px; background-color: #26465A;}
.content .middle .main .stars .middle_button a		{position: relative; height: 20px; width: 100%; line-height: 20px; background-image: url(../pictures/buttons/dark_bottom_s.png); float: left; text-align: center; text-decoration: none;}
.content .middle .main .stars .middle_button a:hover{background-image: url(../pictures/buttons/dark_top_s.png);}

.content .middle .main .stars .forum table th		{border-width: 4px;	border-style: double; border-color: #82ACC8; font-weight: bold;}
.content .middle .main .stars .forum table td		{border-width: 4px;	border-style: double; border-color: #82ACC8;}
.content .middle .main .stars .forum a				{text-decoration: none;}
.content .middle .main .stars .forum a:hover		{text-decoration: underline;}

.content .middle .main .stars .buliboard			{z-index: 2; position: relative; margin: 0px auto; height: 500px; width: 570px; background-image: url(../pictures/buliboard.png); background-repeat: no-repeat;}

.content .middle .main .stars .buliboard .logo_klein a		{width: 40px; height: 40px; float: left;}
.content .middle .main .stars .buliboard .logo_klein a:hover{background-color: #325C78;}
.content .middle .main .stars .buliboard .logo_gross img	{position: relative; width: 50px; height: 50px; border: none; margin: 0px;}
.content .middle .main .stars .buliboard .logo_klein img	{position: relative; width: 40px; height: 40px; border: none; margin: 0px;}
.content .middle .main .stars .buliboard .name_sel a		{position: relative; width: 110px; height: 20px; line-height: 20px; background-image: url(../pictures/buttons/dark_bottom_s.png); float: left;}
.content .middle .main .stars .buliboard .name_sel a:hover	{position: relative; background-image: url(../pictures/buttons/dark_top_s.png);}
.content .middle .main .stars .buliboard .name_sel p		{position: relative; margin: 0px; padding: 0px; width: 110px; height: 20px; line-height: 20px; background-image: url(../pictures/buttons/dark_bottom_s.png);}
.content .middle .main .stars .buliboard .name_unsel a		{position: relative; width: 110px; height: 20px; line-height: 20px; background-image: url(../pictures/buttons/dark_bottom_s.png); float: left;}
.content .middle .main .stars .buliboard .name_unsel a:hover{position: relative; background-image: url(../pictures/buttons/dark_top_s.png);}

.content .middle .main .stars .buliboard a					{text-decoration: none;}
.content .middle .main .stars .buliboard a:hover			{text-decoration: none;}

.content .middle .main .stars .buliboard .list .logo_gross	{z-index: 1; position: absolute; display: block; margin-left: 190px; margin-top:  20px; width:  50px; height: 50px;}
.content .middle .main .stars .buliboard .list .logo_klein	{z-index: 2; position: absolute; display: none;  margin-left:  95px; margin-top:-100px; width: 240px; height: 120px; background-color: #B8D0E0;}
.content .middle .main .stars .buliboard .list .name_sel	{z-index: 1; position: absolute; display: block; margin-left: 155px; margin-top:  70px; width: 110px; height: 20px; text-align: center;}
.content .middle .main .stars .buliboard .list .name_unsel	{z-index: 2; position: absolute; display: none;  margin-left: 155px; margin-top:  90px; width: 110px; height: 20px; text-align: center;}

.content .middle .main .stars .buliboard .rest .logo_gross	{z-index: 1; position: absolute; display: block; margin-left: 330px; margin-top:  20px; width:  50px; height: 50px;}
.content .middle .main .stars .buliboard .rest .logo_klein	{z-index: 2; position: absolute; display: none;  margin-left: 235px; margin-top:-100px; width: 240px; height: 120px; background-color: #B8D0E0;}
.content .middle .main .stars .buliboard .rest .name_sel	{z-index: 1; position: absolute; display: block; margin-left: 295px; margin-top:  70px; width: 110px; height: 20px; text-align: center;}
.content .middle .main .stars .buliboard .rest .name_unsel	{z-index: 2; position: absolute; display: none;  margin-left: 295px; margin-top:  90px; width: 110px; height: 20px; text-align: center;}

.content .middle .main .stars .buliboard .limi .logo_gross	{z-index: 1; position: absolute; display: block; margin-left: 100px; margin-top: 130px; width:  50px; height: 50px;}
.content .middle .main .stars .buliboard .limi .logo_klein	{z-index: 2; position: absolute; display: none;  margin-left:   5px; margin-top:  10px; width: 240px; height: 120px; background-color: #B8D0E0;}
.content .middle .main .stars .buliboard .limi .name_sel	{z-index: 1; position: absolute; display: block; margin-left:  65px; margin-top: 180px; width: 110px; height: 20px; text-align: center;}
.content .middle .main .stars .buliboard .limi .name_unsel	{z-index: 2; position: absolute; display: none;  margin-left:  65px; margin-top: 200px; width: 110px; height: 20px; text-align: center;}

.content .middle .main .stars .buliboard .lizm .logo_gross	{z-index: 1; position: absolute; display: block; margin-left: 195px; margin-top: 160px; width:  50px; height: 50px;}
.content .middle .main .stars .buliboard .lizm .logo_klein	{z-index: 2; position: absolute; display: none;  margin-left: 100px; margin-top:  40px; width: 240px; height: 120px; background-color: #B8D0E0;}
.content .middle .main .stars .buliboard .lizm .name_sel	{z-index: 1; position: absolute; display: block; margin-left: 160px; margin-top: 210px; width: 110px; height: 20px; text-align: center;}
.content .middle .main .stars .buliboard .lizm .name_unsel	{z-index: 2; position: absolute; display: none;  margin-left: 160px; margin-top: 230px; width: 110px; height: 20px; text-align: center;}

.content .middle .main .stars .buliboard .rezm .logo_gross	{z-index: 1; position: absolute; display: block; margin-left: 335px; margin-top: 160px; width:  50px; height: 50px;}
.content .middle .main .stars .buliboard .rezm .logo_klein	{z-index: 2; position: absolute; display: none;  margin-left: 240px; margin-top:  40px; width: 240px; height: 120px; background-color: #B8D0E0;}
.content .middle .main .stars .buliboard .rezm .name_sel	{z-index: 1; position: absolute; display: block; margin-left: 300px; margin-top: 210px; width: 110px; height: 20px; text-align: center;}
.content .middle .main .stars .buliboard .rezm .name_unsel	{z-index: 2; position: absolute; display: none;  margin-left: 300px; margin-top: 230px; width: 110px; height: 20px; text-align: center;}

.content .middle .main .stars .buliboard .remi .logo_gross	{z-index: 1; position: absolute; display: block; margin-left: 425px; margin-top: 130px; width:  50px; height: 50px;}
.content .middle .main .stars .buliboard .remi .logo_klein	{z-index: 2; position: absolute; display: none;  margin-left: 330px; margin-top:  10px; width: 240px; height: 120px; background-color: #B8D0E0;}
.content .middle .main .stars .buliboard .remi .name_sel	{z-index: 1; position: absolute; display: block; margin-left: 390px; margin-top: 180px; width: 110px; height: 20px; text-align: center;}
.content .middle .main .stars .buliboard .remi .name_unsel	{z-index: 2; position: absolute; display: none;  margin-left: 390px; margin-top: 200px; width: 110px; height: 20px; text-align: center;}

.content .middle .main .stars .buliboard .liab .logo_gross	{z-index: 1; position: absolute; display: block; margin-left: 100px; margin-top: 270px; width:  50px; height: 50px;}
.content .middle .main .stars .buliboard .liab .logo_klein	{z-index: 2; position: absolute; display: none;  margin-left:   5px; margin-top: 150px; width: 240px; height: 120px; background-color: #B8D0E0;}
.content .middle .main .stars .buliboard .liab .name_sel	{z-index: 1; position: absolute; display: block; margin-left:  65px; margin-top: 320px; width: 110px; height: 20px; text-align: center;}
.content .middle .main .stars .buliboard .liab .name_unsel	{z-index: 2; position: absolute; display: none;  margin-left:  65px; margin-top: 340px; width: 110px; height: 20px; text-align: center;}

.content .middle .main .stars .buliboard .liiv .logo_gross	{z-index: 1; position: absolute; display: block; margin-left: 195px; margin-top: 300px; width:  50px; height: 50px;}
.content .middle .main .stars .buliboard .liiv .logo_klein	{z-index: 2; position: absolute; display: none;  margin-left: 100px; margin-top: 180px; width: 240px; height: 120px; background-color: #B8D0E0;}
.content .middle .main .stars .buliboard .liiv .name_sel	{z-index: 1; position: absolute; display: block; margin-left: 160px; margin-top: 350px; width: 110px; height: 20px; text-align: center;}
.content .middle .main .stars .buliboard .liiv .name_unsel	{z-index: 2; position: absolute; display: none;  margin-left: 160px; margin-top: 370px; width: 110px; height: 20px; text-align: center;}

.content .middle .main .stars .buliboard .reiv .logo_gross	{z-index: 1; position: absolute; display: block; margin-left: 335px; margin-top: 300px; width:  50px; height: 50px;}
.content .middle .main .stars .buliboard .reiv .logo_klein	{z-index: 2; position: absolute; display: none;  margin-left: 240px; margin-top: 180px; width: 240px; height: 120px; background-color: #B8D0E0;}
.content .middle .main .stars .buliboard .reiv .name_sel	{z-index: 1; position: absolute; display: block; margin-left: 300px; margin-top: 350px; width: 110px; height: 20px; text-align: center;}
.content .middle .main .stars .buliboard .reiv .name_unsel	{z-index: 2; position: absolute; display: none;  margin-left: 300px; margin-top: 370px; width: 110px; height: 20px; text-align: center;}

.content .middle .main .stars .buliboard .reab .logo_gross	{z-index: 1; position: absolute; display: block; margin-left: 425px; margin-top: 270px; width:  50px; height: 50px;}
.content .middle .main .stars .buliboard .reab .logo_klein	{z-index: 2; position: absolute; display: none;  margin-left: 330px; margin-top: 150px; width: 240px; height: 120px; background-color: #B8D0E0;}
.content .middle .main .stars .buliboard .reab .name_sel	{z-index: 1; position: absolute; display: block; margin-left: 390px; margin-top: 320px; width: 110px; height: 20px; text-align: center;}
.content .middle .main .stars .buliboard .reab .name_unsel	{z-index: 2; position: absolute; display: none;  margin-left: 390px; margin-top: 340px; width: 110px; height: 20px; text-align: center;}

.content .middle .main .stars .buliboard .to .logo_gross	{z-index: 1; position: absolute; display: block; margin-left: 265px; margin-top: 390px; width:  50px; height: 50px;}
.content .middle .main .stars .buliboard .to .logo_klein	{z-index: 2; position: absolute; display: none;  margin-left: 170px; margin-top: 270px; width: 240px; height: 120px; background-color: #B8D0E0;}
.content .middle .main .stars .buliboard .to .name_sel		{z-index: 1; position: absolute; display: block; margin-left: 230px; margin-top: 440px; width: 110px; height: 20px; text-align: center;}
.content .middle .main .stars .buliboard .to .name_unsel	{z-index: 2; position: absolute; display: none;  margin-left: 230px; margin-top: 460px; width: 110px; height: 20px; text-align: center;}

/*----- ----- Transfermarkt ----- -----*/

.content .middle .main .markt						{float: middle; text-align: center; align: center;}

.content .middle .main .markt .sub_menu				{z-index: 1; position: relative; margin: 0px auto; margin-top: 5px; height: 20px; width: 200px; background-color: #26465A;}
.content .middle .main .markt .sub_menu a			{position: relative; margin-right: 1px; height: 20px; width: 49.5%; line-height: 20px; background-image: url(../pictures/buttons/dark_bottom_s.png); float: left; text-align: center; text-decoration: none;}
.content .middle .main .markt .sub_menu a:hover		{background-image: url(../pictures/buttons/dark_top_s.png);}

.content .middle .main .markt img					{position: relative; margin: -5px 0px -5px 0px; height: 20px; width: 20px; border: none;}

/*----- ----- StatCenter ----- -----*/

.content .middle .main .stats						{float: middle; text-align: center; align: center;}

.content .middle .main .stats .sub_menu				{z-index: 2; position: relative; margin: 0px auto; margin-top: 5px; height: 20px; width: 300px;}
.content .middle .main .stats .sub_menu a			{position: relative; height: 20px; width: 33.0%; line-height: 20px; border-right: 1px solid #26465A; background-image: url(../pictures/buttons/dark_bottom_s.png); float: left; text-align: center; text-decoration: none;}
.content .middle .main .stats .sub_menu a:hover		{background-image: url(../pictures/buttons/dark_top_s.png);}

.content .middle .main .stats .sub_menu .user		{z-index: 3; position: absolute; display: none;  margin: 0px 0px 0px 0px; height: 20px; width: 100px;}
.content .middle .main .stats .sub_menu .user a		{position: relative; height: 20px; width: 100px; line-height: 20px; background-image: url(../pictures/buttons/dark_bottom_s.png);}
.content .middle .main .stats .sub_menu .user a:hover{position: relative; background-image: url(../pictures/buttons/dark_top_s.png);}

.content .middle .main .stats .sub_menu .star		{z-index: 3; position: absolute; display: none;  margin: 0px 0px 0px 100px; height: 20px; width: 100px;}
.content .middle .main .stats .sub_menu .star a		{position: relative; height: 20px; width: 100px; line-height: 20px; background-image: url(../pictures/buttons/dark_bottom_s.png);}
.content .middle .main .stats .sub_menu .star a:hover{position: relative; background-image: url(../pictures/buttons/dark_top_s.png);}

.content .middle .main .stats .sub_menu .mein		{z-index: 3; position: absolute; display: none;  margin: 0px 0px 0px 200px; height: 20px; width: 100px;}
.content .middle .main .stats .sub_menu .mein a		{position: relative; height: 20px; width: 100px; line-height: 20px; background-image: url(../pictures/buttons/dark_bottom_s.png);}
.content .middle .main .stats .sub_menu .mein a:hover{position: relative; background-image: url(../pictures/buttons/dark_top_s.png);}

.content .middle .main .stats .top_bar				{z-index: 1; position: relative; margin: 0px auto; margin-top: 5px; height: 20px; width: 510px;}
.content .middle .main .stats .top_bar a			{position: relative; height: 20px; width: 5.687%; line-height: 20px; border-right: 1px solid #26465A; background-image: url(../pictures/buttons/dark_bottom_s.png); float: left; text-align: center; text-decoration: none;}
.content .middle .main .stats .top_bar a:hover		{background-image: url(../pictures/buttons/dark_top_s.png);}
.content .middle .main .stats .top_bar p			{position: relative; height: 20px; width: 5.687%; line-height: 20px; border-right: 1px solid #85AFCB; background-image: url(../pictures/buttons/light_bottom_s.png); float: left; text-align: center; text-decoration: none;}

.content .middle .main .stats .left_table			{position: relative; float: left;}
.content .middle .main .stats .right_table			{position: relative; float: right;}
.content .middle .main .stats .bottom				{position: relative; clear: left; margin-top: 10px;}
.content .middle .main .stats img					{position: relative; margin: -5px 0px -5px 0px; height: 20px; width: 20px; border: none;}
.content .middle .main .stats .left					{float: left;}
.content .middle .main .stats .right				{margin: -3px; float: right;}
.content .middle .main .stats .right img			{margin: 0px; padding: 0px; height: 20px; width: 20px; border: none;}

/*----- ----- Gästebuch ----- -----*/

.content .middle .main .guestbook					{float: middle; text-align: center; align: center;}

.content .middle .main .guestbook .forum table th	{border-width: 4px;	border-style: double; border-color: #82ACC8; font-weight: bold;}
.content .middle .main .guestbook .forum table td	{border-width: 4px;	border-style: double; border-color: #82ACC8;}
.content .middle .main .guestbook .forum a			{text-decoration: none;}
.content .middle .main .guestbook .forum a:hover	{text-decoration: underline;}

/*----- ----- Konto / Registrierung ----- -----*/

.content .middle .main .konto						{float: middle; text-align: center; align: center;}

.content .middle .main .konto table .left			{margin: 0px; padding: 5px; height: 20px; width: 33.3%; border: none; background-color: #82ACC8;}
.content .middle .main .konto table .middle			{margin: 0px; padding: 5px; height: 20px; width: 100%; border: none; background-color: #82ACC8; text-align: center;}
.content .middle .main .konto table .right			{margin: 0px; padding: 5px; height: 20px; width: 66.6%; border: none; background-color: #82ACC8;}
.content .middle .main .konto table .text			{padding: 0px; height: 14px; width: 100%; line-height: 14px; border: none; background-color: #B8D0E0; background-image: none;}
.content .middle .main .konto table img				{border: none;}

/*----- ----- Side bar ----- -----*/

.content .middle .side_bar .tableside				{margin: 0px 0px 10px 0px; padding: 0px; width: 100%; background-color: #E1ECF2; float: middle; text-align: center; align: center;}

.content .middle .side_bar .tableside .top_menu		{z-index: 1; position: relative; height: 20px; width: 100%; background-color: #26465A;}
.content .middle .side_bar .tableside .top_menu p	{position: relative; margin: 0px; height: 20px; width: 100%; line-height: 20px; background-image: url(../pictures/buttons/dark_bottom_s.png); float: left; text-align: center;}

.content .middle .side_bar .tableside p					{margin: 0px;}
.content .middle .side_bar .tableside img				{margin: -5px 0px -5px 0px; padding: 0px; width: 20px; height: 20px; border: none;}
.content .middle .side_bar .tableside table				{margin: 0px;}
.content .middle .side_bar .tableside .pfeil img		{margin: 5px 0px 0px 0px; padding: 0px; width: 20px; height: 10px; border: none;}
.content .middle .side_bar .tableside .image_left		{float: left;}
.content .middle .side_bar .tableside .image_right		{margin: -3px; float: right;}
.content .middle .side_bar .tableside .image_right img	{margin: 0; padding: 0px; height: 20px; width: 20px; border: none;}

/*----- ----- Footer ----- -----*/

.content .footer										{position: relative; margin: 10px 0px 10px 0px; padding: 10px; height: 10px; width: 800px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #B8D0E0;}
.content .footer .copyright								{position: relative; float: left; text-align: left;}
.content .footer .menu									{position: relative; margin: 0px; padding: 0px; height: 10px; line-height: 10px; float: right; text-align: right;}
.content .footer .menu a								{text-decoration: none;}
.content .footer .menu a:hover							{text-decoration: underline;}