body {background: url(http://www.teamatleti.eu/img/bg2.png);
	padding: 0px;
	margin: 0px;
	text-align: center;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.foto{
    float: left; 
   margin: 10px 15px 15px 15px;
    } 
div.foto2{
    float: right; 
   margin: 10px 15px 15px 15px;
    } 
a {
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a img {
	border-width: 0px;
}
#all {
	padding: 0;
	width: 773px;
	height: 100%;
	margin: 0px auto 0px auto;
}
td {
	font-size: 11px;
}
td a {
	margin: 5px;
}
td a:hover {
	text-decoration: none;
}
div.foto{
    float: left; 
   margin: 10px 15px 15px 15px;
    } 
div.foto2{
    float: right; 
   margin: 10px 15px 15px 15px;
    } 

#header {
	clear: both;
	margin: 22px 0 0 0 !important;
	margin: 0 0 0 0;
	padding: 0;
}
#abovelogo {
	width: 773px;
	margin: 0;
	padding: 0;
	background-color: #000000;
	color: #666666;
	text-align: right;
	border-bottom: 1px solid #FFFFFF;
	display: block;
}
#logo {
	width: 773px;
	margin: 0;
	padding: 0;
}
h1#headline span {
	display: none;
	margin: 0px;
}
#top_nav {
	display: none;
}
#sub_nav {
	border-top: 1px solid #FFFFFF;
	width: 179px;
	height: 250px;
	text-align: left;
	float: left;
}


div[id="sub_nav_content"]>h3 {
	margin: 0 0 16px 0 !important;
	padding: 16px 0 0 10px !important;
}
#content {
	width: 560px;
	float: right;
	text-align: left;
	margin: 0px 4px 100px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 30px;
}

#content p {
	margin-top: 3px;
}
#content p, li {
	font-size: 11px;
	line-height: 20px;
	color: #333333;
}

ul#menutop {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menutop li {
	display: inline;
	padding-right: 5px;
	line-height: 15px;
	background-color: #000000;
	color: #FFFFFF;
}
#menutop li a {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 5px;
	font-size: 10px;
}
#menutop li a:hover {
	color: #BDBDBD;
	text-decoration: none;
	padding-right: 5px;
	font-size: 10px;
}

#navi {
	display: none;
/* wird über die javascript.js wieder auf block gesetzt, verhindert damit einen FOUC */
	width: 773px;
	padding: 0;
	background: #000000;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0;
}
.navi2 {
	width: 100%;
	padding: 0;
	background: #000000;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0;
       line-height: 24px;
	line-height: 25px;
	height: 25px;
font-color: #fff;
}

.black {
color: #fff; text-decoration: none; 
}
#top a, #top a:visited {
/* die links der ersten ebene */
	color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	background-color: #000000;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 0px solid #000 !important;
	border-bottom: 2px solid #000;
	padding: 0;
	padding: 1px 11px 1px 12px !important;
	text-decoration: none;
}
#top a:hover {
	text-decoration: none;
}
.top a, .top a:visited {
/* die links der ersten ebene */
	color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	background-color: #000000;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 0px solid #000 !important;
	border-bottom: 2px solid #000;
	padding: 0;
	padding: 1px 11px 1px 12px !important;
	text-decoration: none;
}
.top a:hover {
	text-decoration: none;
}
.menu {
	display: block;
	margin: 0;
	padding: 0;
	width: 750px;
/* important pour Opera7 */
}
.menu ul {
	width: 128px;
	position: absolute;
/* pour sortir la liste du flux de donnée */
	display: block;
	margin: 0 10px !important;
	margin: 0 -75px;
	padding: 0;
	height: 10em;
/* probably fix a bug in IE5 Mac */
}
.menu li ul {
	visibility: hidden;
}
.menu li li ul {
	position: absolute;
/* pour sortir la liste du flux de donnée */
	top: auto;
	left: auto;
	margin-left: 0;
	margin-left: -5px !important;
	margin-top: -15px;
/* move the sub menu verticaly */
}
.menu li {
	width: 150px;
	list-style: none;
	height: auto;
	display: inline;
display
/**/
	: block;
	float: none;
float
/**/
	: left;
	margin: 0;
	padding: 0;
	font-size: 10px;
}
.menu li li {
	display: block;
	float: none;
	font-size: 10px;
}
html .menu li li {
	display: inline;
}
ul[id="menu"] a {
	width: 150px;
	font-size: 10px;
	text-align: center;
	background-color: #000000;
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
	border-left: 1px #fff solid;
	color:#FFFFFF;
	display: block;
	text-decoration: none;
	padding: 2px 5px;
	margin: 0;
}
.menu a, .menu a:visited {
	width: 150px;
	font-size: 10px;
	text-align: center;
	background-color: #000000;
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
	border-left: 1px #fff solid;
	color:#FFFFFF;
	display: block;
	text-decoration: none;
	padding: 2px 5px;
	margin: 0;
	filter: Alpha(opacity=80);
}
.menu a:hover {
	color:#000000;
	padding-left: 5px;
	background-color: #ffaaaa;
	text-decoration: none;
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
	border-left: 1px #fff solid;
		font-size: 10px;
}
.menu a:focus {
	background-color: #ccc;
}



#breadcrumb {
	font-size: 10pt;
	font-weight: normal;
	float: left;
	height: auto;
}


#text {
	margin-top: 40px;	
}


div.main{
    float: left; 
   margin: 20px 20px 20px 20px;
  
    } 
.list-gray ul {

        margin: 0px;

        padding: 6px 2px 0px 8px;

        background: #000000;

        border-top: 4px solid #ffffff;

        border-bottom: 4px solid #ffffff;

    }

    .list-gray li {

        margin: 0px;

        padding: 8px 0px 8px 18px;

        background: url(filsea/result-page-arrow.gif) no-repeat left 12px;

    }

    .list-gray li a {

        margin: 0px;

        padding: 0px;

        font-size: 12px;

        color: #fff;

        text-decoration: none;

    }

    .list-gray li a:hover {

        text-decoration: underline;

    }

 .clear {clear: both;}
 .footer-link {

        margin:0px;

        padding:0px;

        font-size: 11px;

        color: #567278;

    }

 #gallery_folder div.clear,
#gallery_pics div.clear,
div.clear {
clear:both;
}

#gallery_folder div.folder {
width:100px;
height:150px;
float:left;
margin-right:35px;
text-align:center
}