body {
background-color:#ededed;
font-size: 11px;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#565653;
padding:0px;
margin:0px;
}

a {color: #5484a8; text-decoration:none;}
a:visited {color:#5484a8; text-decoration:none;}
a:hover {color: #5484a8; text-decoration:none;}
a:active { color:#5484a8; text-decoration:none;}

* {margin:0; padding:0}

/* template structure */

#container {
width: 760px; 
margin: auto;
background-color: #d7dddf;
}

#content {
float: right; 
width: 570px;
_width: 561px;
min-height:400px;
_height:400px;
background-color: #f9f2d7;
padding:10px;
}

#margin {
float: left; 
width: 170px;
}

#footer {
background-color: #f4f4ef;
clear: both;
padding:5px;
color: #d4d4d3;
}

#footer a, #footer a:hover, #footer a:visited {
color: #d4d4d3;
}


/* content */

#header {
background-color:#FFFFFF;
text-align: left;
height:285px;
width:760px;
}

#headertop {
background-color:#FFF;
text-align: left;
height:76px;
width:760px;
border-bottom: 1px #CCCCCC solid;
}

#headermainmenu {
margin-top:7px;
height:201px;
width:760px;
background: url(../images/bgmenu1.jpg) no-repeat #FFFFFF;
}

#header h1 {
font-size: 23px;
text-transform:uppercase;
padding:22px 19px;
margin:0;
}

#header a {
color:#1e3c77;
}

#pageinfo {
margin-bottom: 20px;
}

h1 {
font-size:20px;
_font-size:18px;
font-weight: bold;
padding: 5px 0 0 0;
margin:0px;
color:#5484a8;
}

h2 {
font-size:12px;
font-weight: bold;
padding: 5px 0 15px 0;
margin:0px;
color:#5484a8;
}

.green {
color:#1e3c77;
}

.blue {
color:#006699;
}

#content li {
margin-left:20px;
}


/***************** menus *******************/

/* mainmenu top */

#menutop {
position:absolute;
top:63px;
margin-left:315px;
_margin-left:310px;
width:520px;
font-size:10px;
line-height:normal;
text-decoration:none;
display:block;
}

#menutop ul, #menutop li {
margin:0;
padding:0;
list-style:none;
}

#menutop li {
float:left;
}

#menutop a {
margin: 0;
color: #7c7a77;
padding:4px 6px 3px 6px;
}

#menutop a:hover {
color: #7c7a77;
text-decoration:none;
}

#menutop .menutop_s {
color: #7c7a77;
}



/* mainmenu header */

#headermainmenu ul{
list-style-type:none;
width:100%;
margin:0;
padding:0;
}

#headermainmenu li{
float:left;
width:190px;
margin:0;
padding:0;
}

#headermainmenu li a span {
display:none;
}


#headermainmenu li.page9 a {
height:200px;
width:190;
display:block;
}

#headermainmenu li.page12 a {
height:200px;
width:190;
display:block;
}


#headermainmenu li.page11 a {
height:200px;
width:190;
display:block;
}


#headermainmenu li.page10 a {
height:200px;
width:190;
display:block;
}


#headermainmenu li.page9 a:hover, #headermainmenu li.spage9 a {
background:url(/data/category/hover/9.jpg) no-repeat -1px -1px;
height:200px;
width:190;
display:block;
text-decoration:none;
}

#headermainmenu li.page12 a:hover, #headermainmenu li.spage12 a {
background:url(/data/category/hover/12.jpg) no-repeat -1px -1px;
height:200px;
width:190;
display:block;
text-decoration:none;
}


#headermainmenu li.page11 a:hover, #headermainmenu li.spage11 a {
background:url(/data/category/hover/11.jpg) no-repeat -1px -1px;
height:200px;
width:190;
display:block;
text-decoration:none;
}


#headermainmenu li.page10 a:hover, #headermainmenu li.spage10 a {
background:url(/data/category/hover/10.jpg) no-repeat -1px -1px;
height:200px;
width:190;
display:block;
text-decoration:none;
}


/* mainmenu margin */


#margin div.mainmenumargin {
margin:40px 0 20px 1px; 
width:170px;
}

#margin div.mainmenumargin ul{
margin:0;
padding:0;
list-style:none;
} 

#margin div.mainmenumargin li, #margin div.mainmenumargin li.h, #margin div.mainmenumargin li.hs{
margin:0;
padding:0;
_height:0;
}

#margin div.mainmenumargin li a, #margin div.mainmenumargin li.h a {
display:block;
padding:6px 0px 6px 15px;
_height:0;
font-size:10px;
}


#margin div.mainmenumargin li.s a, #margin div.mainmenumargin li.hs a , #margin div.mainmenumargin li a:hover{
text-decoration:none;
padding:6px 0px 6px 15px;
background: url(/images/menu/arrow.gif) top left no-repeat;
background-position: 2px 7px;
_height:0;
}


/* submenu margin */


#margin div.mainmenumargin li li {

}

#margin div.mainmenumargin li.s li a,#margin div.mainmenumargin li.hs li a,#margin div.mainmenumargin li.hs li a:hover,#margin div.mainmenumargin li.s li a:hover, #margin div.mainmenumargin li.s li.s li a {
display:block;
padding:6px 0px 6px 25px;
background:none;
}

#margin div.mainmenumargin li.s li.s a,#margin div.mainmenumargin li.hs li.s a,#margin div.mainmenumargin li.s li.hs a,#margin div.mainmenumargin li.hs li.hs a, #margin div.mainmenumargin li.s li a:hover{
display:block;
padding:6px 0px 6px 25px;
background: url(/images/menu/arrow.gif) top left no-repeat;
background-position: 12px 7px;
}

/*  Menu brit matura  **/

.britmat, .britmat_h {
float:left;
width: 273px;
height: 46px;
margin: 0 10px 10px 0;
_margin: 0 4px 10px 0px;
border: #d7dddf 1px solid;
}

.britmat h2 a, .britmat_h h2 a, .britmat h2 a:visited, .britmat_h h2 a:visited, .britmat h2 a:hover, .britmat_h h2 a:hover {
font-size: 10px; 
color:#565653;
padding:2px 0 0 4px;
margin:0;
text-decoration:none;
} 

.britmat h2, .britmat_h h2 {
padding:0;
margin:0;
} 

/*  Menu brit matura2  **/

.britmat2, .britmat2_h {
float:right;
width: 273px;
height: 13px;
margin: 0 5px 2px 5px;
border: #d7dddf 1px solid;
}

.britmat2 h2 a, .britmat2_h h2 a, .britmat2 h2 a:visited, .britmat2_h h2 a:visited, .britmat2 h2 a:hover, .britmat2_h h2 a:hover {

font-size: 10px; 
color:#565653;
padding:2px 0 0 4px;
margin:0;
text-decoration:none;
} 

.britmat2 h2, .britmat2_h h2 {
padding:0;
margin:0;
} 

/*  Menu Sprachschuljahr  **/

.sprachblue, .sprachblue_h {
width:100%;
height: 43px;
border: #007589 1px solid;
padding:2px 0 0 10px;
}

.sprachblue h2 a, .sprachblue_h h2 a, #content div.menusprach div.sprachblue h2 a, #content div.menusprach div.sprachblue_h h2 a, #pagetitlesprach2 div.sprachblue h2 a, #pagetitlesprach2 div.sprachblue_h h2 a {
font-size: 14px; 
color:#007589;
margin:0;
text-decoration:none;
} 

.sprachblue h2, .sprachblue_h h2 {
padding:0;
margin:0;
} 

.sprachorange, .sprachorange_h {
width:100%;
height: 43px;
border: #ed8435 1px solid;
padding:2px 0 0 10px;
}

.sprachorange h2 a, .sprachorange_h h2 a, #content div.menusprach div.sprachorange h2 a, #content div.menusprach div.sprachorange_h h2 a, #pagetitlesprach2 div.sprachorange h2 a, #pagetitlesprach2 div.sprachorange_h h2 a {
font-size: 14px; 
color:#ed8435;
margin:0;
text-decoration:none;
} 

.sprachorange h2, .sprachorange_h h2 {
padding:0;
margin:0;
} 

.menusprach {
float:left;
width:248px;
margin:0 18px 0 15px;
_margin:0 5px 0 10px;
}

img.imgmenu {
margin: 0 0 15px 0;
}

/*****  Menu Sprachschuljahr2 *****/

#pagetitlesprach2 {
float:left;
width: 268px;
height: 37px;
}

/*
.sprach2title h2 a, .sprach2title_h h2 a {
font-size: 14px; 
color:#007589;
margin:0;
text-decoration:none;
} 
*/

/* right menu **/

#menusprach2 {
float:right;
width: 118px;
height: 37px;
margin-right:15px;
_margin-right:0px;
}

#menusprach2 div.sprachorange h2 a, #menusprach2 div.sprachorange_h h2 a {
font-size: 14px;
font-weight:100;
color:#ed8435;
text-decoration:none;
} 

/*****/

#menusprach2 div.sprachblue h2 a, #menusprach2 div.sprachblue_h h2 a {
font-size: 14px; 
font-weight:100;
color:#007589;
text-decoration:none;
}

/*  submenusprach2 **/

#submenusprach2 {
width:560px;
font-size:10px;
text-decoration:none;
}

#submenusprach2 ul, #submenusprach2 li {
margin:5px 0 10px 0;
_margin:0px 0 10px 0;
list-style:none;
}

#submenusprach2 li {
float:left;
}

#submenusprach2 a {
margin: 0;
display:block;
padding:4px 4px 3px 4px;
color:#565653;
_padding:4px 4px 3px 4px;
}

#submenusprach2 li.linksprachblue a:hover, #submenusprach2 li.h_linksprachblue a:hover, #submenusprach2 li.ssprachblue a:hover, #submenusprach2 li.hssprachblue a:hover {
text-decoration:none;
color: #007589;
}

#submenusprach2 li.linksprachorange a:hover, #submenusprach2 li.h_linksprachorange a:hover, #submenusprach2 li.ssprachorange a:hover, #submenusprach2 li.hssprachorange a:hover {
text-decoration:none;
color: #ed8435;
}

#submenusprach2 li.ssprachblue a, #submenusprach2 li.hssprachblue a {
color: #007589;
font-weight:bold;
} 

#submenusprach2 li.ssprachorange a, #submenusprach2 li.hssprachorange a {
color: #ed8435;
font-weight:bold;
} 

/* path */
.path {
float:right;
padding: 4px;
width:100%;
text-align:right;
margin-bottom:15px;
}

.path a strong {
color:#5484a8;
}

.path a, .path a:hover, .path a:visited {
text-decoration:none;
color:#565653;
}


/* box */

div.boxhead h2 {
background-color:#d7dddf;
padding:3px 5px;
}

div.boxbody {
padding:3px;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

div.boxheadmargin h2 {
background-color:#FFF;
padding:3px 5px;
margin:0 3px 0 3px;
}

div.boxbodymargin {
background-color: #E7E7E7;
padding:3px;
margin:0 3px 10px 3px;
}

/* formulaire */

.formseparator{
font-size:1px;
margin: 0 0 4px 0;
padding: 4px 0 0 0;
border-bottom: 1px solid #CCCCCC;
height: 1px;
}