/*
=================================================================
Sonne See Italien layout.css
=================================================================
*/
html{
	width:100%;
	height:100%;
	border:0px;
	margin:0px;
	padding:0px;
	scrollbar-base-color:#eeeeee;
}
body{
  	background:#ffffff;
  	border:0px;
	padding:0px;
	margin:0px;
}

#frame{
		width: 900px;
		min-height: 600px;
		margin: 0px auto 10px auto;
	}
	
* html #frame{
  height:600px;
}

#headerLine{
	width:100%;
	height:80px;
}
#logo{
	width:215px;
	height:80px;
	float:left;
	background-image:url("/fileadmin/templates/images/allover/logo.gif");
	background-repeat:no-repeat;
}
#FirstLevelNavi{
	width:680px;
	height:75px;
	margin:0px 5px 0px 0px;
	float:right;
	text-align:right;
}
#imageLine{
	width:100%;
	height:200px;
}
.imageElement{
	float:left;
	height:190px;
	background:#eeeeee;
	margin:5px;
}
#imageFirst{
	width:200px;
}
#imageSecond{width:335px;}
#imageThird{width:335px;}


#contentLine{
	width:100%;
	background:#ffffff;
	margin:5px;
	}
#SecondLevelNavi{
	float:left;
	width:200px;
	min-height:400px;
	/*border-right:1px solid #cccccc;*/
}



#ContentPart{
	margin-left:210px;
	background-color:white;
}

*+html #ContentPart{position:relative;}
*+html .clearer { display:block; height:0; font-size:0; clear:both; }
#ContentPart:after{ content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden; }

#Footer{
	width:890px;
	height:20px;
	margin:5px;
	padding:2px 5px 0px 5px;
	border-top:1px solid #f0a966;
}

.NewsPannel{
	margin:10px;
}


#navi {
display:none;
}

.active{
	display:block;
	background:#ff0000;
}

.menu{
    font-size:15px;
    display:block;
    margin:0;
    padding:0;
	background: #cccccc;
    width:200px; /* important pour Opera7 */
    }

.menu ul{
    display:block;
    width:195px;
    margin:2px 0px 2px 0px;
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
	display:none;
	background: #ffffff;
    }

.menu li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
    margin-left:124px;
    margin-top:-23px; /* move the sub menu verticaly */
    }
    
.menu li{
    list-style:none;
    width:195px;
    height:auto;
    #display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a {
    text-align:left;
    background:#dddddd;
    color:#33333f;
    display:block;
    width:195px;
    text-decoration:none;
    padding:3px 0px 3px 5px;
	border-bottom:2px solid #ffffff;
    margin:0px;
    }
    
.menu a:hover {
    background:#f0a966;
color:#33333f;
    }


.menu li ul a {
    text-align:left;
    background:#ffffff;
    color:#33333f;
    display:block;
    width:180px;
    text-decoration:none;
    padding:3px 0px 3px 20px;
	border-bottom:1px solid #f0a966;
    margin:0px;
    }
	
/* for a mozilla better display with key nav */
.menu a:focus{
    background:#f0a966;
}

/* hide some accessibility stuff */
.menu span{
    display:none;
    }

/* just for fun ;) */
/*
.menu li li a{
    }
    
.menu li li li a{
    }
    
.menu li li li li a {
    }
*/

input.small{
	width:180px;
	border:1px solid #cccccc;
	margin:3px;
}

input.extrasmall{
	width:40px;
	border:1px solid #cccccc;
	margin:3px;
}

input.mediumsmall{
	width:133px;
	border:1px solid #cccccc;
	margin:3px;
}

select.small{
	width:180px;
	border:1px solid #cccccc;
	margin:3px;
}

select.extrasmall{
	width:60px;
	border:1px solid #cccccc;
	margin:3px;
}

select.mediumsmall{
	width:113px;
	border:1px solid #cccccc;
	margin:3px;
}

/*
=============================================
Searchform
=============================================
*/
#SecondLevelNavi input{
	width:130px;
	border:1px solid #cccccc;
}
#SecondLevelNavi input[type="submit"]{
	width:50px;
}