/* **************************************************************************
   MAIN CSS FOR HOME START FAMILEKONTAKTEN
   By : dma/www.dynamicweb.no 2009/09/02
   For: Brace AS - www.brace.no
************************************************************************** */

* {
margin: 0;
padding: 0;

}

body {
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 11px;
background: #d9dbdd;
color: #4b4b4b;
}

#designWrap {
margin-top: 50px;
margin-left: 0px;
width: 930px;
min-height: 600px;
text-align: left;
background: #fff;

}

div.loginMenu {
position: relative;
top: -55px;
left: 290px;
width: 631px;
text-align: right;
font-size: 0.9em;
}

div.loginMenu a{
color: #000;
text-decoration: none;
padding: 2px 10px 2px 10px;
background: #efefef;
border-left: 1px solid #fff;
}
div.loginMenu a:hover {
color: #cc0000;
}


#topNav {
width: 100%;
height: 25px;
margin-top: 12px;
margin-bottom: 12px;
}

ul.M1 {
list-style-type: none;
width: inherit;
padding: 4px 0 0 0;

}

ul.M1 li {
/*border-right: 1px solid #4b4b4b;*/
display: inline;
padding: 0 0 0 0;
}
ul.M1 li a {
color: #4b4b4b;
font-weight: bold;
text-decoration: none;
font-size: 11px;
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

ul.M1 li.L2_Active a {
color: #e62630;
font-size: 1.2em;
}
ul.M1 li a:hover {
color: #e62630;

}

ul.M1 li.L2_Active a.id9 {
color: #0080c6;
}

ul.M1 li.L2_Active a.id10 {
color: #8abc2b;
}


/* ************************ CONTENT AREA ********************** */
#contentWrap {
width: 100%;
height: 100%;
overflow: visible;
background: url('images/bck_red.png');
}



div.leftNav {
float: left;
display: block;
width: 175px;
min-height: 400px;
margin-bottom: 15px;
/*background: #e22730;*/
}

ul.M2 {
list-style-type: none;
width: 175px;
padding: 4px 0 0 0;

}

ul.M2 li {

display: block;
padding: 0 0 0 5px;
}
ul.M2 li a {
color: #fff;
text-decoration: none;
display: block;
font-size: 11px;
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

ul.M2 li a:hover, ul.M2 li.L3_Active a {
/*color: #000;*/
}


/* ************** left colum texts - see also other css files for on/off toggles ************** */

div.sitat {
color: #fff;
font-family: Arial, Verdana, Tahoma, sans-serif;
margin-top: 15px;
padding: 5px;
}

div.sitat a {
color: #fff;
margin:0;
padding: 0;
}


div.front {
visibility: hidden;
}

#home7 {
visibility: visible;
}

div.parents {
visibility: hidden;
}

div.volunteers {
visibility: hidden;
}


/* ********************* content ****************** */
div.content {
float: left;
display: block;
width: 550px;
padding: 0 15px 15px 15px;
background: #fff;
}

div.content img {
max-width: 550px;
margin: 5px;
border: 0;
}

div.rightColumn {
float: right;
width: 175px;
min-height: 400px;
font-size: 0.9em;
background: #fff;
display: block;

}


div.rightItem {
width: 165px;
min-height: 90px;
display: block;
background: #e22730;
color: #fff;
margin-bottom: 12px;
padding: 5px;
}

div.rightItemLogin{
width: 163px;
min-height: 90px;
display: block;
border: 1px solid #e22730;
margin-bottom: 12px;
margin-top: -12px;
padding: 5px;
}

div.rightItemLogin input {
border: 1px solid #e62630;
background: #fff;
}

div.internet16 {
display:none;}
div.internet12 {
display: none;}

div.extranet15 {
display:none;
}


div.login16, div.showName15 {
display: none;
}

div.clear {
clear: both;
}

div.footer {
background: #d9dbdd;
height: 25px;
width: 910px;
padding: 5px 10px 0 10px;
text-align: center;
font-size: 10px;
}

div.footer a {
color: #4b4b4b;
}

/* ****************************** FONTS *********************** */

div.content ul, div.content ol {
margin: 1em 0 1em 35px;
}

div.content ul li ul, div.content ol li ol, div.content ol li ul {
margin: 0 0 0 35px;
}

div.content ul {
list-style-type: square;
}

div.content a {
color: #e62630;
}

div.content a:hover {
color: #4b4b4b;
}

h1, h1.h1 {
font-size: 14px;
/*font-weight: normal;*/
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

h2, h2.h2 {
font-size: 12px;
/*font-weight: normal;*/
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

div.rightColumn h2.h2 {
font-size:  1.1em;
font-weight: bold;
}

div.rightColumn a {
color: #fff;
}

div.rightColumn a:hover {
/*color: #4b4b4b;*/
}



blockquote {
margin: 1em 35px 1em 35px;
font-style: italic;
font-size: 1.1em;

/*
border: 1px dotted #ccc;
padding: 5px;
*/
}
blockquote div:first-letter {font-size: 1.9em;}





/* **************************** MISC *************************** */

fieldset {
padding: 0 10px 0 10px;
}

fieldset.login {
width: 290px;
}

legend {
color: #000;
padding: 0 15px 10px 15px;
}

table.login td input{
border: 1px solid #999;
margin-bottom: 4px;
}

table.avdeling {
border: 1px solid #cecece;
border-bottom: 0;
}

table.avdeling td.header {
font-weight: bold;
padding: 2px;
border-bottom: 1px solid #cecece;
}

table.avdeling td.item {
border-bottom: 1px solid #cecece;
padding: 2px;
}




/* **************************************************** NEWS V2 ************************************* */

ul#newsList, ul.newsListShort {
margin: 0;

}



ul#newsList li, ul#newsListShort li{
list-style-type: none;
padding: 3px 0 3px 0;
display: block;
}

ul#newsList li:hover {
/*background: #efefef;
cursor: pointer;*/

}

ul#newsList li.more {
text-align: right;
border:0;
}

ul#newsList li.more:hover {
background: #fff;
}

ul#newsList li.newsItem a{
text-decoration: none;

}

ul#newsList li span {
float: right;
}


/* **** NEWS V2 - PUBLISH NEWS (INTRANET) **** */

table.newsPublish td {
padding-bottom: 3px;
font-size: 0.9em;
}

table.newsPublish td.header {
font-weight: bold;
padding-right: 5px;
}

table.newsPublish td.input input {
width: 400px;
}

table.newsPublish td.teaser textarea {
width: 402px;
height: 100px;
}

table.newsPublish td.text textarea {
width: 402px;
height: 300px;
}

table.newsPublish td.validate {
white-space:nowrap;
padding-left: 5px;
}

table.newsPublish td.validate span {
color: #cc0000;
}

/* ******************************************* FILE PUBLISHING ******************************** */

div.filePublish table {
font-size: 0.9em;
width: 100%;
}

div.filePublish table.filePublish tr.header {
background: #efefef;
font-weight: bold;
}

table.filePublish tr td {
padding-left: 5px;
padding-right: 5px;
border-bottom: 1px solid #efefef;
}

table.filePublish tr td.icon {
padding-left: 0px;
padding-right: 0px;
}
table.filePublish tr td.size, table.filePublish tr td.date {
text-align: right;
width: 100px;
}

table.filePublish tr td.info {
font-size: 0.9em;
border: 0;
padding-top: 4px;
}

table.filePublish tr.content:hover {
background: #efefef;
cursor: pointer;
}


div.filePublish fieldset {
margin-bottom: 12px;
padding: 5px;
}

div.filePublish fieldset.obs {
font-size: 0.8em;
font-style: italic;
width: 70%;
}

table.upload input.file{
width: 400px;
}

/* ***************************************************** EXTRANET ******************************** */

div.exUser {
float: right; 
/*position: absolute; 
top: 0px;
right: 0;
*/
font-size: 0.9em;
background: #fff;
padding: 2px 0 2px 8px;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}

div.exDetails fieldset {
padding: 5px;
}
div.exDetails table td {
padding: 3px 5px 3px 0;
/*border-bottom: 1px solid #efefef;*/
}

div.exDetails table td.validate span {
color: #cc0000;
font-style: italic;
font-weight: bold;
font-size: 0.8em;
}


/* ********************************************** CALENDAR V2 *********************************** */

fieldset {
margin: 12px 0 12px 0;
padding: 5px;
}

table.activity {
width: 100%
}

table.activity td {
padding: 3px 0 3px 0;
border-bottom: 1px solid #ccc;
}

table.activity td.label {
padding-right: 10px;
font-weight: bold;
}

table.activity td.content span {
text-transform: capitalize;
}
table.activity td.content {
padding-left: 10px;
}

table.activity td.end {
border: 0;
padding-top: 8px;
}

div.calendar a.join {
border: 1px solid #4b4b4b;
background: #e62630;
padding: 3px 12px 3px 12px;
display: block;
width: 120px;
text-align: center;
text-decoration: none;
color: #fff;
}

div.calendar a.join:hover {
color: #4b4b4b;
}


table.eventList {
width: 100%;
font-size: 0.9em;
}

table.eventList tr.header td{
background: #efefef;
font-weight: bold;
}

table.eventList tr td{
padding: 3px 5px 3px 0;
border-bottom: 1px solid #ccc;
}

table.eventList tr td.date{
text-align: right;
width: 100px;
}

table.eventList tr.event:hover td{
background: #efefef;
cursor: pointer;
}

form label {
padding-left: 5px;
}