@charset "utf-8";
/* CSS Basic Document */
body
{
margin:0px;
padding:0px;
background-color:#fff;
}
*
{
margin:0px;
padding:0px;
}
p
{
margin:7px 0px;
}
img
{
border:none;
}
.clear
{
clear:both;
height:0px;
}
.container
{
width:1002px;
height:auto;
text-align:center;
margin:0px auto;
background-color:#FFFFFF;
}
.index-container-inside
{
width:1000px;
float:left;
text-align:left;
background:url(../images/index-body-bg.gif) right top repeat-y #FFF;
}
.inner-container-inside
{
width:1000px;
height:auto;
float:left;
text-align:left;
background: url(../images/inner-body-bg.gif) right 150px repeat-y #FFF;
}
.inner-container-inside-01
{
width:1000px;
height:auto;
float:left;
text-align:left;
background:#FFF;
}
/* CSS Header Document */
.header
{
width:1000px;
height:auto;
float:left;
text-align:left;
background-color:#FFF;
border-left:1px solid #F6F6F7;
border-right:1px solid #F6F6F7;
}

.header-top
{
width:1000px;
height:73px;
float:left;
background:url(../images/header-bg.gif) left top no-repeat;
}
.logo
{
margin-left:46px;
margin-top:16px;
}
.header-gallery
{
width:1000px;
height:98px;
padding-bottom:6px;
background:url(../images/gallery-bottom-bg.gif) left bottom no-repeat;
float:left;
}
.header-gallery2
{
width:1000px;
height:98px;
padding-bottom:6px;
float:left;
}
.header-gallery img
{
border-right:1px solid #FFF;
}
.header-gallery2 img
{
border-right:1px solid #FFF;
}
/* CSS Menu 

#navcontainer {
	width:870px;
        margin:0px;
        padding:0px;
        height: 22px;
	background-color:#388da9;
	float:left;
}

#navcontainer ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

#navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px;
	height:22px;
}

#navcontainer ul li a {
        width: 87px;
        height: 22px;
        padding: 0px;
        margin: 0px;
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 11px/20px Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

#navcontainer ul li a:hover {
        color: #33ccff;
	height:22px;
	text-decoration:none;
}

#navcontainer li.active a {
        color: #33ccff;
	height:22px;
	text-decoration:none;
}




-->
*/
.search
{
width:122px;
height:18px;
float:right;
text-align:left;
padding-bottom:4px;
line-height:18px;
}
.input
{
width:88px;
border:1px solid #9da0a2;
height:16px;
padding-left:2px;
background-color:#FFF;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 16px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #333333;
text-decoration: none;
}

/* CSS Body-main Document */
.body-main
{
width:1000px;
height: auto;
float:left;
text-align:left;
border-left:1px solid #F6F6F7;
border-right:1px solid #F6F6F7;
}
.index-body-main
{
width:1000px;
height:auto;
float:left;
}
.inner-01-body-main
{
width:1000px;
height:auto;
float:left;
}
.body-left
{
width:198px;
height:auto;
float:left;
text-align:left;
padding-left:20px;
}
.school-logo
{
width:198px;
height:auto;
padding:10px 0px 180px 0px;
float:left;
text-align:left;
}
.login-link
{
width:198px;
height:auto;
float:left;
text-align: left
}
.login-link p
{
margin:18px 0px;
}
.body-right
{
width:780px;
height:auto;
float:right;
text-align:left;
}
.inner-content-02
{
width:700px;
height:auto;
float:left;
text-align:left;
padding-left:30px;
padding-top:20px;
}
.body-middle
{
width:480px;
height:auto;
float:left;
text-align:left;
}
.body-middle-inner-01
{
width:450px;
height:auto;
float:left;
text-align:left;
padding-left:30px;
padding-top:20px;
}
.velkommen-main
{
width:476px;
height:152px;
height:auto;
padding-top:140px;
float:left;
}
.velkommen-top
{
width:460px;
height:60px;
float:left;
text-align:left;
background:url(../images/index-middle-box-top.gif) left top no-repeat;
padding-left:16px;
}
.velkommen-middle
{
width:440px;
height:auto;
float:left;
text-align:left;
background:url(../images/index-middle-box-middle.gif) left top repeat-y;
padding:0px 20px 0px 16px;
}
.velkommen-middle ul
{
margin:0px;
padding:0px;
}
.velkommen-middle ul li
{
list-style-type:none;
display:block;
width:210px;
height:auto;
float:left;
padding-bottom:10px;
}
.velkommen-bottom
{
width:476px;
height:20px;
float:left;
text-align:left;
background:url(../images/index-middle-box-bottom.gif) left top no-repeat;
}
.news{
width:225px;
height:auto;
float:right;
text-align:left;
padding-right:40px;
padding-left:35px;
padding-top:25px;
padding-bottom:10px;
}
.newshome{
width:225px;
height:auto;
float:right;
text-align:left;
padding-right:30px;
padding-left:45px;
padding-top:25px;
padding-bottom:10px;
}
.inner-01-news
{
width:210px;
height:auto;
float:left;
border-left:1px solid #eaebec;
padding-left:9px;
}
.new-title
{
width:225px;
height:36px;
float:left;
text-align:left;
}
.andre-news
{
width:190px;
float:left;
text-align:left;
margin-top:-10px;
margin-top:0px;
padding-top:0px;
padding-left:10px;
padding-right:10px;
background:url(../images/andre-bg2.gif) left top repeat;
}
.andre-news1
{
width:210px;
height:18px;
float:left;
text-align:left;
margin-top:10px;
background:url(../images/andre-bg1.gif) left top no-repeat;
}
.andre-news3
{
width:210px;
height:64px;
float:left;
text-align:left;
background:url(../images/andre-bg3.gif) left top no-repeat;
}
.andre-news ul
{
margin:0px;
padding:0px;
}
.andre-news ul li
{
list-style-type:none;
width:190px;
height:24px;
display:block;
float:left;
}
.andre-news ul li a
{
color:#333;
text-decoration:underline;
line-height:24px;
}
.andre-news ul li a:hover
{
color:#009999;
text-decoration:underline;
line-height:24px;
}
.news-image
{
width:225px;
float:left;
text-align:left;
padding-bottom:30px;
}
.news-bg-01
{
background:url(../images/news-bg-01.gif) left top no-repeat;
padding:10px;
width:205px;
height:71px;
float:left;
text-align:left;
}
.news-bg-02
{
background: url(../images/new-bg-02.gif) left top no-repeat;
padding:10px;
width:205px;
height:71px;
float:left;
text-align:left;
margin-top:8px;
}
.inner-01-crumb
{
width:450px;
height:22px;
padding-top:14px;
padding-left:230px;
float:left;
text-align:left;
font-size:10px;
color:#666666;
}
.inner-01-crumb a
{
color:#666666;
text-decoration:none;
font-size:10px;
}
.inner-01-crumb a:hover
{
color:#388da9;
text-decoration: underline;
font-size:10px;
}
/* CSS Footer Document */
.footer
{
width:1000px;
height: 118px;
float:left;
text-align:left;
clear:both;
border-left:1px solid #F6F6F7;
border-right:1px solid #F6F6F7;
}
.txt-footer
{
float:left;
text-align:left;
padding-top:35px;
color:#FFF;
font-weight:bold;
}


.footer-bg-left
{
width:680px;
height:98px;
float:left;
text-align:left;
background: url(../images/footer-bg-left.gif) left top no-repeat;
color:#FFF;
font-weight:bold;
padding-left:20px;
}
.footer-bg-right
{
width:300px;
height:98px;
float:right;
text-align:left;
}
.site-power
{
width:1000px;
height:20px;
background-color:#FFF;
text-align:right;
clear:both;
}

/* CSS Text Document */
body {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
body a
{
color:#388da9;
color:#000000;
text-decoration:underline;
}
body a:hover
{
color:#388da9;
text-decoration:underline;
}
.black-link
{
color:#333;
font-weight:bold;
text-decoration:underline;
}
.black-link:hover
{
color:#009999;
text-decoration:underline;
font-weight:bold;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 36px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	margin:0px;
	padding-left:0px;
	margin-left:-2px;
	margin-left:0px;
	#margin-left:0px;
	padding:0px;
}
h2 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #388da9;
	text-decoration: none;
	margin:0px;
	padding:0px;
}










/* sub-navigation */
.subnav{
	color: #000000;
	font: normal 11px/20px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	line-height: 20px;
	float:left;
	font-weight:normal;
	background-color:#ffffff;
	margin-bottom:10px;
	margin-left:11px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav ul li {
	list-style: none;
	color:#000000;
	}
.subnav ul li a {
	padding:0px;
	text-decoration: none;
	color: #000000;
	font-weight:normal;	
}
.subnav ul li a:hover{
	padding:0px;
	text-decoration: none;
	color: #388da9;
	background-color:#FFF;
}
.subnav ul li.active a{
	padding:0px;
	text-decoration: none;
	color: #000000;
	font-weight:bold;
}
.subnav ul li.active a:hover{
	padding:0px;
	text-decoration: none;
	color: #388da9;
	background-color:#FFF;
}
/* Level 2*/
.subnav ul li ul {margin: 0px; padding-left: 15px;}
.subnav ul li ul li {list-style: none; margin:0px;font-weight:normal;}
.subnav ul li.active ul li a{
	padding:0px;
	width: 200px;
	text-decoration: none;
	font-weight:normal;
}
.subnav ul li ul li a:hover{ color: #388da9; }
.subnav ul li.active ul li.active a{ font-weight:bold; }
/* Level 3*/
.subnav ul li ul li ul {margin: 0px; padding-left: 15px;}
.subnav ul li ul li ul li {list-style: none; margin:0px;font-weight:normal;}
.subnav ul li.active ul li.active ul li a{
	padding:0px;
	width: 200px;
	text-decoration: none;
	font-weight:normal;
}
.subnav ul li ul li ul li a:hover{ color: #388da9; }
.subnav ul li.active ul li.active ul li.active a{ font-weight:bold; }
/* Level 4*/
.subnav ul li ul li ul li ul {margin: 0px; padding-left: 15px;}
.subnav ul li ul li ul li ul li {list-style: none; margin:0px;font-weight:normal;}
.subnav ul li.active ul li.active ul li.active ul li a{
	padding:0px;
	width: 200px;
	text-decoration: none;
	font-weight:normal;
}
.subnav ul li ul li ul li ul li a:hover{ color: #388da9; }
.subnav ul li.active ul li.active ul li.active ul li.active a{ font-weight:bold; }
/* Level 5*/
.subnav ul li ul li ul li ul li ul {margin: 0px; padding-left: 15px;}
.subnav ul li ul li ul li ul li ul li {list-style: none; margin:0px;font-weight:normal;}
.subnav  ul li.active ul li.active ul li.active ul li.active ul li a{
	padding:0px;
	width: 200px;
	text-decoration: none;
	font-weight:normal;
}
.subnav ul li ul li ul li ul li ul li a:hover{ color: #388da9; }
.subnav ul li.active ul li.active ul li.active ul li.active ul li.active a{ font-weight:bold; }
/* Level 6*/
.subnav ul li ul li ul li ul li ul li ul {margin: 0px; padding-left: 15px;}
.subnav ul li ul li ul li ul li ul li ul li {list-style: none; margin:0px;font-weight:normal;}
.subnav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a{
	padding:0px;
	width: 200px;
	text-decoration: none;
	font-weight:normal;
}
.subnav ul li ul li ul li ul li ul li ul li a:hover{ color: #388da9; }
.subnav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active a{ font-weight:bold; }
/* Level 7*/
.subnav ul li ul li ul li ul li ul li ul li ul {margin: 0px; padding-left: 15px;}
.subnav ul li ul li ul li ul li ul li ul li ul li {list-style: none; margin:0px;font-weight:normal;}
.subnav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active ul li a{
	padding:0px;
	width: 200px;
	text-decoration: none;
	font-weight:normal;
}
.subnav ul li ul li ul li ul li ul li ul li ul li a:hover{ color: #388da9; }
.subnav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active a{ font-weight:bold; }
/* Level 8*/
.subnav ul li ul li ul li ul li ul li ul li ul li ul {margin: 0px; padding-left: 15px;}
.subnav ul li ul li ul li ul li ul li ul li ul li ul li {list-style: none; margin:0px;font-weight:normal;}
.subnav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active ul li a{
	padding:0px;
	width: 200px;
	text-decoration: none;
	font-weight:normal;
}
.subnav ul li ul li ul li ul li ul li ul li ul li ul li a:hover{ color: #388da9; }
.subnav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active a{ font-weight:bold; }


/* sub-navigation */
.subnav-title
{
width:190px;
height:20px;
background-color:#ffffff;
color: #388da9;
padding-left:10px;
padding-top:2px;
font-size:11px;
font-weight:bold;
margin-top:13px;
}

.DISABLEDschool-logo{
margin-top:10px;
}


.csc-mailform{
border:0;
}

.csc-mailform-field label{
 position:absolute;
 width:100px;
}
.csc-mailform-field input{
 margin-left:110px;
 margin-bottom:5px;
}
.csc-mailform-field select{
 margin-left:110px;
 margin-bottom:5px;
}

.csc-mailform-field textarea{
 margin-left:110px;
 margin-bottom:5px;
}
.site-power a{
font-weight:bold;
color:#388da9;
text-decoration:none;
}
.site-power a:hover{
text-decoration:underline;
}
.velkommen-middle a{
font-weight:bold;
color:#388da9;
text-decoration:none;
}
.velkommen-middle a:hover{
text-decoration:underline;
}

/* Menu / Sitemap, "Sitemap" */
.csc-sitemap {

}

.csc-sitemap ul {
        margin-left: 20px;
	list-style-type: square;
}
.selected{
background-color: white;
color:#388da9;
text-decoration:none;
}
ul li.selected a{
background-color: white;
color:#388da9;
text-decoration:none;
}
.ddcolortabs.selected ul li{
background-color: white;
color:#388da9;
text-decoration:none;
}

.rcontent{
margin-left:1px;
}

.body-middle-inner-01 ul{
	padding-left:12px;
	#padding-left:14px;
}
.body-middle-inner-01 ol{
	padding-left:17px;
	#padding-left:20px;
}

.inner-01-body-main .body-right ul{
	padding-left:12px;
	#padding-left:14px;
}
.inner-01-body-main .body-right ol{
	padding-left:17px;
	#padding-left:20px;
}


p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

@media screen and (-webkit-min-device-pixel-ratio:0){
.body-middle-inner-01 ul{
	padding-left:15px;
}
.body-middle-inner-01 ol{
	padding-left:15px;
}
.body-right ul{
	padding-left:15px;
}
.body-right ol{
	padding-left:15px;
}

}

/* Added for the mm forum ext by Pallavi D.*/

th.tx-mmforum-th {
	background:#388DA9;
	color: #FFFFFF;
	
}

input.tx-mmforum-button {
 
 background-color:#388DA9;

 
}

/* Added for the signature text area of the edit profile by Pallavi D.*/

.sign

{
  width:288px;
}

/* Added for the text box of login box by Pallavi D.*/

.login-text
{
  width:105px;
}