body{
	font-family: Arial, Verdana, sans-serif;
	color: #595959;
	font-size: 13px;
	background-repeat: repeat-x;
	background-image: url(../images/body_bg.png);
	background-color: white;
	text-align:center;
}

a{
text-decoration: none;
color: #297dc0;
}
a:hover{
color: #c22ccb;
}

h1{
font-size: 24px;
color: #00A354;
padding-bottom: 20px;
}
h2, h2 a{
color: #c22ccb;
font-size: 18px;
}


#wrapper{
margin: auto;
position: relative;
text-align: left;
width: 858px;
}

#banner{
position: absolute;
right: -180px;
top: 170px;
width: 160px;
height: 600px;
background-color: black;
display: none;
}

#container{
background: url(../images/container_bg.png) repeat-y center;
width: 848px;
padding-left: 10px;
float: left;
}

#header{
	overflow: visible;
	background: url(../images/header_emotionpic.jpg) no-repeat center top;
	height: 140px;
	width: 858px;
	float:left;
}

#motionOverlay{
position: absolute;
z-index: 33;
}

#bscLogo{
position: absolute;
z-index: 150;
left: -47px;
}
#swissfutsalLogo{
position: absolute;
z-index: 150;
right: 55px;
top: 28px;
}
#swissbeachsoccerLogo{
position: absolute;
z-index: 150;
right: -48px;
}
#facebookLogo{
position: absolute;
z-index: 140;
bottom:-200px;
left:-57px;
}


.mod_navigation{
background: url(../images/header_navi_bg.png) repeat-x;
top: 99px;
left: 12px;
position:absolute;
overflow:visible;
z-index:50;
font-size: 13px;
padding-left: 110px;
width: 724px;
}

.mod_navigation span
{
margin:0px;
padding:0px;
}
.mod_navigation ul{
margin:0px;
padding:0px;
list-style-type:none;
}



.mod_navigation li{
display: block;
padding-right: 	30px;
padding-left: 5px;
padding-top: 3px;
position:relative; /* Position */
float:left; /* links nebeneiander anordnen */
line-height:41px; /* bestimmt die Höhe eines Menüeintrages */
background-image:url(../images/header_navi_spacer.png);
background-repeat: no-repeat;
background-position: -30px right 0px;
}

.mod_navigation li.first{

}

.mod_navigation li.last{
border: 0px;
}
.mod_navigation li a{
color: #676977;
}
.mod_navigation li a:hover{
color: #c22ccb;
}

.mod_navigation span{
color: #c22ccb;
}

.mod_navigation li li{
width:140px; /* Breite eines Menüpunktes festlegen */
background-color:#f6f6f6; /* eine Hintergrundfarbe */
border-bottom:1px solid #ffffff; /* optischer Rahmen */
border-right:1px solid #ffffff; /* optischer Rahmen */ 
border-left:1px solid #ffffff; /* optischer Rahmen */ 
background-position: 10px 11px;
padding-left: 15px;
line-height:30px; /* bestimmt die Höhe eines Menüeintrages */
background-image: none;
}

.mod_navigation li li a{
color: black;
}

.mod_navigation li ul
{
left:-1px;
top:41px; /* zweite Ebene beginnt 1 Pixel unter der ersten Ebene */
position:absolute; /* Position wird absolut zum Elternelement gesetzt */
display:block; /* Für erste Formatierung sichtbar. Wir später auf none gesetzt */
}

.mod_navigation li ul ul{
left:185px;
top:0px;
position:absolute;
}

 .mod_navigation li ul{
bottom:0px;
left:-1px;
right:0px;
top:41px;
position:absolute;
display:none; /* Ausbleden der Untermenüs */
}

.mod_navigation li:hover ul{
display:block;
}

.mod_navigation ul li:hover ul ul{
display:none;
}

.mod_navigation ul ul li:hover ul{
display:block;
}


.mod_navigation ul li:hover ul,
.mod_navigation ul li.sfhover ul{
display:block;
}
.mod_navigation ul li:hover ul ul,
.mod_navigation ul li.sfhover ul ul{
display:none;
}

.mod_navigation ul ul li:hover ul,
.mod_navigation ul ul li.sfhover ul
{
display:block;
}

.mod_navigation a, .mod_navigation span{
padding-left:5px;
text-decoration: none;
display: block;
}

.mod_navigation li li:hover,
.mod_navigation li li.sfhover{
	background-color:#e0e0e0;
}


#main{
	float: left;
	min-height: 200px;
	width:720px;
	padding-top: 54px;
	padding-left: 60px;
	padding-right: 60px;
}

#main a{

}

#main a:hover{
	
}


/* --- falls li kein margin hat, wird Aufführungszeichen nicht angezeigt
#main .ce_text ul li{
	margin-left: xx px;
}
*/

#main h1{
	color:#54a1e0;
	font-size: 24px;
	font-size: bold;
}

#footer{
	background: url(../images/footer_bg.png) no-repeat center top;
	width:828px;
	float: left;
	padding-top: 50px;
	padding-left: 30px;
}

.mySpacer{
background-image: url(../images/spacer.png);
height: 1px;
width: 720px;
margin-top: 30px;
margin-bottom: 30px;
}


/* Credits */

#ibrows{
position: absolute;
right: 0px;
top: 0px;
width: 260px;
float: right;
}

#ibrows a, #ibrows{
	color: #CCCCCC;
	font-size: 11px;
}

#ibrows a:hover{
	color:#E10012;
}