* { margin: 0; padding: 0;}

body {
	background: #013161 url(../img/bg.jpg) 50% 0 repeat-x;
	font: 100% Verdana, Helvetica, Arial;
	color: #154577; 
	text-align: center;
	margin:0;	
}
	
a, a:visited {	
	color: #ff9900; 
	text-decoration: undeline;		
}
a:hover {color: #feb13e;}

a:focus {outline-style:none}
fieldset{border:0;}

p, h1, h2, h3, h4 {padding:0;margin:0;}
img {border:0;padding:0;margin:0;}
ul, li {list-style:none;padding:0;margin:0;}

.fl {float:left;}
.fr {float:right;}
	
/****************** Layout ******************/

#wrap {position: relative;width:1010px;margin: 0 auto;text-align: left;display:block;}
#container {background: url(../img/bg-container.png) repeat-y;overflow: hidden; padding:0 15px!important;margin:0;}
#bottom {background: url(../img/bg-bottom.png) no-repeat;overflow: hidden; padding:0;margin:0;}
#header {width:980px;height:139px;margin:0;float:left;}
#header .logo {background: url(../img/logo-metzeler.png) left top no-repeat;margin:0;float:left;width:325px; height:139px;}
#header .logo a {color: #fff;font: normal 70% Verdana, Arial, Helvetica;margin:120px 0 0 10px;display:block;text-decoration:none;}
#header .dx {background: url(../img/dx-haderpng.png)  right top no-repeat;margin:0;float:right;}
#content {float:left;padding: 0 0 10px 0;margin:0 0 10px 0;clear:left;display:block;width:980px;}
#page {float:left;overflow:hidden;padding:10px 0 0 9px;margin:0;display:block;}
#sidebar {float:left;width:240px;overflow:hidden;display:block;margin:0 0 0 0;padding:0;}
   
/****************** Navigation ******************/
   

   
#nav {border:1px #c0c0c0 solid;float:left;}
 
ul.nav {
	background:url(../img/bg_nav.gif) bottom left repeat-x;
	float:left;
	display:block;
	height:58px;
	margin:0;
	padding: 0 2px;
	list-style-type:none;
	text-align:left;
}

ul.nav li {margin:2px 0 2px 0;padding:0 0 0 0;float:left;height:58px;background:url(../img/bg_nav.gif) top left repeat-x;}
ul.nav li a {text-indent:-10000px;display:block;height:54px;}
ul.nav li.nav_1 {background:url(../img/nav_01.gif);width:115px;height:54px;}
ul.nav li.nav_2 {background:url(../img/nav_02.gif);width:115px;height:54px;}
ul.nav li.nav_3 {background:url(../img/nav_03.gif);width:115px;height:54px;}
ul.nav li.nav_4 {background:url(../img/nav_04.gif);width:115px;height:54px;}
ul.nav li.nav_5 {background:url(../img/nav_05.gif);width:115px;height:54px;}
ul.nav li.nav_6 {background:url(../img/nav_06.gif);width:115px;height:54px;}
ul.nav li.att {background-position:left bottom;}
ul.nav li.sepa {background:url(../img/sepa_nav.gif) no-repeat;width:5px;height:54px;margin:2px 0 0 0;padding:0;}

ul.nav li.nav_1 a:hover {background:url(../img/nav_01.gif);width:115px;background-position:left bottom;}
ul.nav li.nav_2 a:hover {background:url(../img/nav_02.gif);width:115px;background-position:left bottom;}
ul.nav li.nav_3 a:hover {background:url(../img/nav_03.gif);width:115px;background-position:left bottom;}
ul.nav li.nav_4 a:hover {background:url(../img/nav_04.gif);width:115px;background-position:left bottom;}
ul.nav li.nav_5 a:hover {background:url(../img/nav_05.gif);width:115px;background-position:left bottom;}
ul.nav li.nav_6 a:hover {background:url(../img/nav_06.gif);width:115px;background-position:left bottom;}

/****************** End Navigation ******************/


/******************  Generic link with arrow ******************/

.link-go {
	float:left;
	overflow: hidden;
	padding:0 10px 0 5px;
	margin:0 0 5px 0;
	background: url(../img/mini-arrow-yellow.png) right 4px no-repeat;display:block;
}
.link-go a{
	display:block;
	color: #ff9900;
	font: bold 60% Verdana, Helvetica, Arial;
	margin:0;padding:0;float:left;
	text-align:left;
}

.link-readall {
	float:right;
	overflow: hidden;
	padding:0 13px 0 20px;
	margin:0 10px 5px 0;
	background: url(../img/mini-arrow-blue.png) right 4px no-repeat;display:block;
}
.link-readall a{
	display:block;
	color: #3f77b2;
	font: bold 60% Verdana, Helvetica, Arial;
	margin:0;padding:0;float:left;
	text-align:right;
}
.link-logout {
	float:right;
	overflow: hidden;
	padding:0 13px 0 20px;
	margin:0 0 5px 0;
	background: url(../img/mini-arrow-yellow.png) right 4px no-repeat;display:block;
}
.link-logout a{
	display:block;
	color: #ff9900;
	font: bold 60% Verdana, Helvetica, Arial;
	margin:0;padding:0;float:left;
	text-align:right;
	text-decoration:none;
}


/******************  End Generic link with arrow ******************/


/****************** Form ******************/

.login{
 	background:#fff;
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.7em;
	float:left;
	border:1px #c1c1c1 solid;
	height:18px;
	color:#9c9c9c;
	margin:4px 0 0 10px;
	padding:px 0 0 2px;
	width:120px;
}

.button {
	padding:2px 0 0 6px;
	margin:0;

}

 select {
 	background:#fff;
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.7em;
	float:right;
	border:1px #c1c1c1 solid;
	height:18px;
	color:#333e5f;
	margin:0 6px;
	width:160px;
	padding-left:2px;
}

.txtbox{
 	background:#fff;
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.7em;
	float:right;
	border:1px #c1c1c1 solid;
	height:18px;
	color:#333e5f;
	margin:0 6px;	padding:1px 0 0 4px;
	width:160px;
}

.txtupload{
 	background:#fff;
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.7em;
	float:left;
	border:1px #c1c1c1 solid;
	height:18px;
	color:#333e5f;
	margin:0 6px;	padding:1px 0 0 2px;
	width:200px;
}

.checkbox{
	float:left;
	color:#333e5f;
	margin:0 5px 0 0;
	padding:1px 0 0 0;
}
.checkbox_log{
	color:#333e5f;
	margin:0 5px 0 0;
	padding:1px 0 0 0;
}


/*#footer{
	float:left;
	height:20px;
	width:960px;
	margin:0 0 5px 10px;;padding:0;
	border:1px #bbbbbb solid;
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.7em;
}*/
/********* CSS SERENA *******/

#footer{
	float:left;
	height:36px;
	width:960px;
	margin:0 0 5px 10px;
	padding-top:5px;
	background:url(../img/bg_footer.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.7em;
	color:#FFF;
}

#footer a {
	color:#FFF;
	text-decoration:none;
}

#footer a:hover{
	color:#FF9900;
}

.footer_sx{
	float:left;
	margin:0 5px;
padding:10px 0;
	}
	
#copy {float:right;
margin:0 5px;
padding:10px 0;
}