@charset "utf-8";
* {margin: 0; padding: 0;}
p {margin: 0; padding: 0;}

hr {border: 1px solid #000000; width: 100%;}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
  background-image:url(../images/logo_cf.gif);
  background-repeat:no-repeat;
font-size: 0.7em;
line-height:150%;
background:  #ffffff;
}

.Titre_gros {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 2.9em;
	font-weight: normal;
	text-transform: none;
	line-height:150%;
}
.Titre_normal {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight:normal;
	text-transform: none;
	line-height:150%;
	text-decoration:none;	
}
.Titre_petit_gras {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-transform: none;
}

a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:underline;
}
a:hover {
color:#FFFFFF;
border: 1px solid #000000;
background-color:#000000;
text-decoration:none;
}
#conteneur {
position: absolute;
width: 100%;
margin-top: 0px;
padding-top: 0px;
}

/********Logo*****************/
#logo {
}
  
/********Banner*****************/
.banner{
  display:none;}

/***************** MAINMENU ****************/
#mainmenu{
  display:none;}

/***************** SUBMENU ****************/

#submenu{
  display:none;
}

/***************** SUBMENU ****************/

#submenu2{
  display:none;
}

/************REST****************/
#centre {
padding: 0 0 0 0; /* padding oben schiebt den text nach unten */
}
#center2 {
padding: 25px 0 0 0; /* padding oben schiebt den text nach unten */
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 2.9em;
	word-spacing: 170%;
	font-weight: normal;
    margin: 0.8em 0;
}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight:normal;
	text-transform: none;
	padding-bottom:5px
}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
}
h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 2.9em;
	word-spacing: 170%;
	font-weight: normal;
    margin: 0.8em 0;
    text-align:left; border-bottom:#000000 1px solid; padding-bottom:4px;}

#copyright{
background-color:#000000;
height: 15px;
margin-right: 18px;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 11px;
max-height: 15px;
padding: 2px 0px 0px 5px;
border: 1px solid #FFFFFF;
border-right-width: 0;
}
#copyright2{
z-index:204;
position:absolute;
width:300px;
height: 18px;
background: url(../images/submenue/copyright.gif) no-repeat right;
padding: 0px 0px 0px 0px;
margin-top: -26px;
}
.hohe {
z-index:201;
margin: 0 0 5px 0;
border: 0;
}
.newsbild{
float:right; padding:0 0px 10px 10px;}

#artikelbild {
	float:right;
	width: 300px;
	padding: 2px 0px 15px 15px;
}
#ensalle2 {
padding-top:25px;
}
#ensalle3 {
}

#zweier1 {
width:49%; 
left:0px; 
position:absolute;  
padding: 10px 0 0 0;
}
#zweier2 {
width:49%; 
left:51%; 
position:absolute;  
padding: 10px 0 0 0;
}

#pied {
  display:none;
}


/************Textfeld****************/
label {
	width:8em;
	float:left;
	text-align:right;
	padding-right:10px;
	font-weight:bold;
}

textarea {
	width:76%;
	height:15em;
	font-family:sans-serif;
	font-size:small;
	background:#fff;
	border:1px solid #aaa;
	padding:2px;
}

textarea.fullsize {
	width:98%;
	height:10em;
	font-family:sans-serif;
	font-size:small;
	background:#fff;
	border:1px solid #aaa;
	padding:2px;
}

input.textfield {
	width:76%;
	background:#fff;
	border:1px solid #aaa;
	padding:2px;
}
input.button {
	background:#fff;
	border:1px solid #aaa;
	padding:2px;
}
input.button:focus {
background:#000000;
color:#FFFFFF;
}

input.textfield:focus, textarea:focus {
background:#F2F2F2;
}
   
/************LineBreaker****************/
.linebreaker{
  display:block;
  visibility:hidden;
  line-height:1px;
  }
/* recherche  css
---------------------------------------- */
.recherche  {
padding: 0px;
}
.recherche .txt {
	border: 0px solid transparent;
	background: transparent;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	height: 14px;
	padding: 0px;
	margin: 0px 5px 5px 45px;
}

#conteneur .recherche .txt {
	background: transparent url(../images/back_search.gif) no-repeat;
	border: 0px solid #ffffff;
	color: #000000;
	float:left;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	margin: 0px;
	padding: 4px 4px 4px 20px;
	margin-left:0px;
	width: 184px;		
}
.arrowlistmenu{
width: 100%; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font:normal 1.8em Georgia, "Times New Roman", Times, serif;
color: black;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 5px 0 0px 1px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}
.arrowlistmenu .menuheader:hover{ /*CSS class for menu headers in general (expanding or not!)*/
font:bold 1.8em Georgia, "Times New Roman", Times, serif;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
font:bold 1.8em Georgia, "Times New Roman", Times, serif;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
border-top: 1px dotted black;
border-bottom: 1px dotted black;
display: block;
text-decoration: none;
padding: 4px 0 20px 1px;
}

#subpassee{
display:none;
}
#subencours{
display:none;
}
#subavenir{
display:none;
}
#submenuhome div#subpassee{
display:block;
}
#submenuhome div#subencours{
display:block;
}
#submenuhome div#subavenir{
display:block;
}
#submenuhome div.glossymenu{
}
.glossymenu{
margin: 0px 0;
padding: 0;
border: 0px solid #9A9A9A;
border-bottom-width: 0;
border-bottom: 3px solid #000000;
}

.glossymenu a.menuitem{
background: white url(../images/submenue/glossyback.gif) repeat-x bottom left;
font:normal 1.2em Georgia, "Times New Roman", Times, serif;
color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 7px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: black;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover{
font:bold 1.2em Georgia, "Times New Roman", Times, serif;
border: 0px;
background-color:#ffffff;
text-decoration:none;
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
border-bottom: 1px dotted black;
}
.glossymenu div.submenu ul li a{
display: block;
font: normal 1.2em Georgia, "Times New Roman", Times, serif;
color: black;
text-decoration: none;
padding: 5px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
font: bold normal 1.2em Georgia, "Times New Roman", Times, serif;
colorz: white;
border: 0px;
background-color:#ffffff;
text-decoration:none;
}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
float:left;
width: 590px; /*width of featured content slider*/
height:500px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
vertical-align:top;
width: 590px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.sliderwrapper .contentdiv img{
max-height:480px;
max-width:590px;
display:block;
vertical-align:top;
}

.pagination{
margin: 0 0 0 590px;
width: 309px;
min-height:450px;
}

.pagination a.toc{
position: relative;
top: -15px;
float:left;
height: 65px;
min-width: 65px;
text-decoration: none; 
border-top: 1px solid #F2F2F2;
border-bottom: 1px solid #F2F2F2;
margin-left: 10px;
margin-bottom: 10px;
}

.pagination a.toc:hover, .pagination a.selected{
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 0;
border-right: 0;
}
.pagination a img{
border-top: 0;
border-bottom: 0;
border-left: 1px solid #F2F2F2;
border-right: 1px solid #F2F2F2;

}
.pagination a img:hover, .pagination a.selected img{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border: 1px solid #000000;
background-color:#FFFFFF;
text-decoration:none;
border-top: 0;
border-bottom: 0;
}

.pagination a.next{
font-size:10px;
position: relative;
top: -21px;
left: -575px;
color:#000000;
border:none;
background-color:#FFFFFF;
text-decoration: none; 
border-bottom: 3px solid #000000;
}

.pagination a.prev{
font-size:10px;
position: relative;
top: -21px;
left: -590px;
color:#000000;
background-color:#FFFFFF;
text-decoration: none;
border:none; 
border-bottom: 3px solid #000000;
}
#videotext{
background: url(../images/submenue/play.gif) bottom right no-repeat;
padding-left:70px;
padding-top:5px;
width:227px;
height:60px;
font-size:11px;
color:#000000;
}