﻿


 
html 
{
    text-align: center; 
}

body
{

    text-align: left;
	color: #6B6652;
	font-family: tahoma, Lucida Sans, Verdana, Arial;
	font-size: 62.5%;
	width: 99.8%;
    margin: 0 auto;
        
}



/******************************** Reset ********************************/ 
 
 
 
/* Reset Headlines */ 
h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: arial, helvetica;
} 

/* Reset Paragraph */ 
p
{
    margin: 0;
    padding: 0;
}

/* Reset Table */ 
table
{
    border-collapse: collapse; 
    border-spacing: 0;
}


/* Left-aligns text in caption and th */ 
caption, th
{
    text-align: left;
}


/* Removes border around images */
a img, :link img, :visited img
{
	border: 0;
}


/* Removes quotation marks from q */ 
q:before, q:after, blockquote:before, blockquote:after
{
	content: "";
}

/* Reset */ 
ul, ol, dl, dt, dd, blockquoute, form, input, th, td, label
{
    margin: 0; 
    padding: 0;
}
 

/* Reset Link */ 
a:link, a:visited, a:hover, a:active
{
    text-decoration: none;
}

#mainContent #standardPageTextContent ul, #mainContent ol
{
    padding: 0 0 25px 45px;
}

#mainContent #standardPageTextContent ul li, #mainContent ol li
{
    font-size: 1.2em;
    font-family: Arial, helvetica;
    color: #000;
    padding: 0 0 0 5px;  
}

/******************************** Typo ********************************/

/* Extras for Texts */
.inline                    { display: inline; }
.uppercase                 { text-transform: uppercase; }
.block                     { display: block; }
.underline                 { border-bottom: 2px solid #044245; }
.seperatorLine             { border-top: 2px solid #044245; }
.bold                      { font-weight: bold; }
.italic                    { font-style: italic; }
.marginSides15             { margin: 0 15px }
.topMarginHalf             { margin-top: 10px; }
.topMargin                 { margin-top: 20px; }
.topMarginDouble           { margin-top: 40px; }
.rightMargin 		       { margin-right: 20px; }
.rightMargin15 		       { margin-right: 15px; }
.leftMargin15 		       { margin-left: 15px; }
.negativeTopMargin         { margin-top: -20px; }
.negativeRightMarginDouble { margin-right: -40px; }
.noPadding                 { padding: 0!important; }
.padding10                 { padding: 10px; }
.topPadding                { padding-top: 20px; }
.topPaddingDouble          { padding-top: 40px; }
.topPaddingHalf            { padding-top: 10px; }
.bottomPadding             { padding-bottom: 20px; }
.bottomPaddingHalf         { padding-bottom: 10px; }
.bottomMargin              { margin-bottom: 20px }
.bottomMarginHalf          { margin-bottom: 10px }
.doubleTopMargin           { padding-top: 40px; }
.left                      { float: left; }
.right                     { float: right; }
.center                    { text-align: center; }
.hide                      { display: none; }

/******************************** Layout ********************************/ 

#contentHolder
{
    width: 950px;
    margin: 0 auto;
}

#Header
{
    position: relative;
}

#Header h2 a:link, #Header h2 a:visited, #Header h2 a:hover, #Header h2 a:active
{
    background: transparent url(/images/headerLogo-new.gif) no-repeat 0 0; 
    width: 250px;
    height: 66px;
    display: block;
    margin: 23px 0 13px 0;
    text-indent: -9999px;
}

#Header .QuickSearchArea
{
    width: 230px;
    position: absolute;
    left: 736px;
    top: 55px;

}

#Header .QuickSearchArea input
{
        border: 1px solid #dfdfdf;
        float: left;
        height: 17px;
        width: 150px;
        background: transparent url(/images/Graphics/input.gif) repeat-x 0 0;
}


#Header .QuickSearchArea input.quickSearchButton
{
    margin: 0 0 0 4px;
    height: 25px;
    width: 57px;
}


#MaincontentHolder
{
    margin: 10px 0 0 0;
}



#mainContent
{

    float: left;
    width: 472px;
    border-left: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    margin: 0 0 5px 17px;
    min-height: 350px;
    /*
    -moz-column-count: 2;
    -moz-column-gap: 6%;
    */
}

*html #mainContent
{
    margin-left: 10px;
}



#mainContent h1
{
    font-family: Arial, helvetica;
    font-size: 2.4em;
    margin: 0 0 10px 15px;
    color: #545453;
    
}

#mainContent #standardPageTextContent p,#mainContent .standardPageTextContent p
{
    font-size: 1.2em;
    margin: 0 0 15px 0;
    font-family: Arial, helvetica;
    color: #000;
    padding: 0 22px 0 15px;
}

#mainContent p.ingress
{
    font-size: 1.4em;
    color: #474747;
    line-height: 1.2em;
    margin: 0 0 10px 15px;
}


#fourthColumn
{
    width: 200px;
    float: right;
    margin-bottom: 3em;
    display: inline;
}

#fourthColumn .ifFourthColumn
{
    float: none;
    margin-left: 0;    
}
#fourthColumn .ifFourthColumn2
{
    width: 200px;   
}
#fourthColumn .ifFourthColumn2 p
{
    font-family: Tahoma, Lucida Sans, Verdana, Arial;
    font-size: 1.2em;    
}

*html #fourthColumn
{
    margin-right: 0;
}




#fourthColumn #RightColumnTop blockquote
{
    font-size: 1.8em;
    padding: 0;
    margin: 0;
    font-style: italic;
    font-family: tahoma, Arial;
}




#fourthColumn p
{
    padding: 1.5em;
    font: 1.4em/1.6em Georgia, Times New Roman, Serif;
}

#fourthColumn p.mini
{
    padding: 0;
    margin-left: 10px;
    padding-left: 15px;
    padding-top: 10px;
    margin-right: 10px;
    padding-right: 22px;
    border-top: 1px dotted #C2BEB8;
    font: 1.4em/1.6em tahoma, Lucida Sans, Verdana, Arial;
    height: 30px;  
}



/******************************** Footer ********************************/ 

#footer
{

    clear: both;
    height: 9.5em;
    width: 719px;
}


#footer ul
{
    list-style: none;
}

#footer ul li
{
    float: left;
    font-size: 1.1em;
    padding: 20px 0 0 0;
    display: inline;
}

#footer ul li#firstItem
{
    width: 356px;
    margin: 0 15px 0 15px;
}




#footer a:link, #footer a:visited
{
    color: #dc8f11;
    border-bottom: 1px dotted #dc8f11;
}

#footer a:hover, #footer a:active
{
    color: #dc8f11;
    border-bottom: 1px solid #dc8f11;
}











/******************************** Error 404-500 ********************************/ 

.errormessage
{
    border: 1px solid #D0CFD0;
    width: 600px;
    min-height: 260px; 
    _height: 260px;
    padding: 30px;
    font-family: Verdana, Arial;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 auto;
    font-size: 12px;
    line-height: 18px;
    margin-top: 100px;
}

.errormessage h1
{
    font-size: 36px;
    margin: 20px 0px 10px 5px;
}

.errormessage p
{

    margin: 20px 0px 10px 5px;
}

.errormessage ul
{    
    margin: 20px 0px 10px 20px;
}






/******************************** Form elements ********************************/ 


input.button
{
    border: 1px solid #D5D5D5;
    background: #EEA332;
    color: #fff;
    padding: 3px;
    font-family: Tahoma, Lucida Sans, arial, helvetica;
    text-align: center;
} 

p.leftPaddingRight
{
    float: left;
    padding: 0 10px 0 0; 
}

p.clear, div.clear
{
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 0;
    height: 0;
}



/******************************** Misc. ********************************/ 

.hide
{
    text-indent: -9999px;
    height: 0px;
    width: 0px;
}

/******************************** Controls. ********************************/ 

/* Main navigation */

#mainNav
{
    background: #f3f0e9;
    height: 32px;
    margin: 0;
    position: relative;
}

#mainNav ul
{
    margin: 0;
  
}

#mainNav ul li
{
    display: inline;
    float: left;
}

#mainNav ul li a:link, #mainNav ul li a:visited
{
    color: #545453;
    font-size: 1.1em;
    font-family: Tahoma, Arial, helvetica;
    padding: 10px 9px;
    display: block;   
    margin: 0;
    background: transparent url(/Images/graphics/topnav-seperator.gif) no-repeat right center; 
}

#mainNav ul li.last a:link, #mainNav ul li.last a:visited
{
    background: transparent url(/Images/graphics/loginarrow-green.gif) no-repeat right 7px; 
    color: #dc8f11;
    font-weight: bold;
    position: absolute;
    width: 120px;
    left: 780px;
    top: 0;
}

#mainNav ul li.selected
{
    font-weight: bold;
}

#mainNav a.mainNavClear { background: none!important; padding: 0!important; font-size: 1em!important; }

/* SubNavigation Begin */ 

#MaincontentHolder #subNavigation {
    background: #fff;
    float: left;
    font-size: 1.2em;
    font-family: Arial, helvetica;
    margin: 0;
    padding: 0;
    position: relative;
    width: 240px;
    min-height: 1px;
}

#MaincontentHolder #subNavigation li {
    list-style-type: none;
}

#MaincontentHolder #subNavigation ul li span,
#MaincontentHolder #subNavigation ul li a:link, 
#MaincontentHolder #subNavigation ul li a:visited {
    color: #545453;
    display: block;
    padding: 8px 0px 8px 14px;
    background-color: #F2EEE6;
    border-bottom: 2px solid #fff;
    margin: 0 2px 0 2px;
}

#MaincontentHolder #subNavigation ul li ul li span,
#MaincontentHolder #subNavigation ul li ul li a:link, 
#MaincontentHolder #subNavigation ul li ul li a:visited {
    background-color: #fff;
    background-image: url(/images/bg_navbullets.png);
    background-position: 15px 13px;
    background-repeat: no-repeat;
    padding: 8px 0px 8px 24px;
}
#MaincontentHolder #subNavigation ul li ul li .selected,
#MaincontentHolder #subNavigation ul li ul li a:hover { background-image: url(/images/bg_navbullets.png); background-position: 15px -37px; background-repeat: no-repeat; }

#MaincontentHolder #subNavigation ul li ul li ul li span,
#MaincontentHolder #subNavigation ul li ul li ul li a:link, 
#MaincontentHolder #subNavigation ul li ul li ul li a:visited {
    background-color: #fff;
    background-image: url(/images/bg_navbullets.png);
    background-position: 25px -82px;
    background-repeat: no-repeat;
    font-style: italic;
    padding: 8px 0px 8px 34px;
}
#MaincontentHolder #subNavigation ul li ul li ul li .selected,
#MaincontentHolder #subNavigation ul li ul li ul li a:hover { background-image: url(/images/bg_navbullets.png); background-position: 25px -132px; background-repeat: no-repeat; }

#MaincontentHolder #subNavigation .selectedParent > a { font-weight: bold; }
#MaincontentHolder #subNavigation ul li a:hover,
#MaincontentHolder #subNavigation .selected { background-color: #B7BF69!important; color: #fff; }

/* OLD NAVIGATION CSS

#subNavigation 
{
    font-size: 1.2em;
    font-family: Arial, helvetica;
    width: 220px;
    padding: 10px 10px 35px 10px;
    background: #F2EEE6;
    float: left;
    margin: 0;
    position: relative;
    
}


#subNavigation span.selected
{
    color: #545453;
    display: block;
    padding: 8px 0px 8px 14px;
    background: #faf8f3 url(/images/Graphics/nav-arrow.gif) no-repeat 5px center;
    border-bottom: 1px dotted #c2beb8;
    margin: 0 2px 0 2px;
    font-weight: bold;
}



#subNavigation li
{
    display: inline;
}

#subNavigation ul li a:link, #subNavigation ul li a:visited
{
    color: #545453;
    display: block;
    padding: 8px 0px 8px 14px;
    background: #f2eee6 url(/images/Graphics/nav-arrow.gif) no-repeat 5px center;
    border-bottom: 1px dotted #c2beb8;
    margin: 0 2px 0 2px;

}

#subNavigation ul li a:hover, #subNavigation ul li a:active
{
    background: #faf8f3 url(/images/Graphics/nav-arrow.gif) no-repeat 5px center;
}


#subNavigation ul li ul
{

}

#subNavigation ul li ul li a:link, #subNavigation ul li ul li a:visited
{
    background: #faf8f3 url(/images/Graphics/nav-arrow.gif) no-repeat 15px center;
    display: block;
    border: none;
    padding-left: 24px;
}

#subNavigation ul li ul span.selected
{
    color: #545453;
    display: block;
    padding: 8px 0px 8px 14px;
    background: #faf8f3 url(/images/Graphics/nav-arrow.gif) no-repeat 15px center;
    margin: 0 2px 0 2px;
    padding-left: 24px;
    font-weight: bold;
}

/* SubNavigation End */ 


/* Stor puff */ 

.storPuff div a:link
{
    background: #fff;
    color: #545453;
    display: table;
    padding: 2px;
}

.storPuff
{
    background: #f2eee6;
    width: 352px;
    margin: 0 0 17px 0;
    height: 196px;
    border-bottom: 4px solid #e4e0d7;
}

/* Liten puff */ 

.litenPuff
{
    background: #f2eee6;
    width: 352px;
    height: 118px;
    border-bottom: 4px solid #e4e0d7;
}

.litenGreenPuff
{
    background: #f2eee6;
    width: 352px;
    height: 118px;
    margin-left: 0;
    margin-top: 0;
    border-bottom: 4px solid #e4e0d8;
}

.litenGreenPuff a:link, .litenGreenPuff a:visited
{
    color: #545453;
    border-bottom: 1px dotted #545453;
}

.litenGreenPuff a:hover, .litenGreenPuff a:active
{
    color: #DD9010;
    border-bottom: 1px solid #DD9010;
}

.litenGreenPuff img
{
    float: left;
    padding: 0 10px 0 0;
}

.litenPuff p, .litenGreenPuff p
{
    padding: 0 10px 10px 19px;
    font-size: 1.1em;
    font-family: Arial, helvetica;
    color: #545453;
}

.storPuff h3
{
    font-family: Arial, helvetica;
    font-size: 1.8em;
    padding: 15px 0 2px 19px;
    color: #545453;
}


.litenPuff h3, .litenGreenPuff h3
{
    padding: 19px 0 6px 19px;
    font-family: Arial, helvetica;
    font-size: 1.8em;
    color: #545453;
}

.storPuff p
{
    font-size: 1.1em;
    font-family: Arial, helvetica;
    padding: 0 10px 15px 19px;
    text-align: left;
    color: #545453;
}

.storPuff img
{
    margin: 0px 20px 10px 15px;
    float: left;
}




p.clear
{
    clear: both;
    margin: 0; 
    padding: 0;
}

.breadcrumb
{
    margin: 0;
    background: #b7bf69;
    padding: 5px 0px 0px 20px;
    border-top: 10px solid #a5b054;
    height: 20px;
    font-size: 1.1em;
    color: #fff;
}


.breadcrumb a:link, .breadcrumb a:visited
{
    color: #fff;
}

.breadcrumb a:hover, .breadcrumb a:active
{
    color: #fff;
}




#MainBody
{
    width: 440px;
    float: left;
    border-left: 1px dotted #c2beb8;
    border-right: 1px dotted #c2beb8;
    margin: 5px 15px 0 17px;
    padding: 0 15px 0 17px;
}

#MainBody p
{
    font-size: 1.2em;
    line-height: 1.3em;
    font-family: Arial, helvetica;
    color: #000;
    margin-bottom: 22px;
    
}


#SecondaryBody
{
    float: right;
    width: 205px;
}

.hr
{
     background: #fff url(/images/Graphics/hr.gif) no-repeat 0 5px;
     height: 26px;
     width: 566px;
     display: block;
     margin: 0;

}

#Header .hr
{
     background: #fff url(/images/Graphics/topshadow.gif) no-repeat 0 0px;
     height: 15px;
     width: 537px;
     position: absolute;
     left: 410px;
     top: 25px;
     display: block;
   
}



.newsList
{
    background: #F2EEE6;
    width: 332px;
    padding: 0 0 0 20px;
    
}


.newsList h4
{
    font-family: Arial, helvetica;
    font-size: 1.8em;
    padding: 4px 0 6px 0;
}

.newsList ul
{
    list-style: none;
}


.newsList li a:link, .newsList li a:visited
{
    color: #545453;
    font-weight: bold;
}

.newsList h3
{
    font-family: Arial, helvetica;
    font-size: 1.1em;
    color: #545453;
}


.pinkPuffs
{
    font-size: 1.1em;
    margin: 3px 0 0 0;
}

.pinkPuffs span
{
    font-size: 120%;
    font-weight: bold;
    display: block;
    margin: 0 0 5px 0;
}

.pinkPuffs span
{
     background: transparent url(/Images/graphics/large-arrow-orange.gif) no-repeat top left; 
     padding: 2px 0 2px 25px;
}

.pinkPuffs ul
{
    list-style: none;
    background: transparent url(/Images/graphics/orangebg.gif) repeat-x 0 0; 
    display: block;
    height: 110px;
    border-bottom: 2px solid #b47103;
}

.pinkPuffs ul li
{
     display: inline;
     float: left;
     width: 19%;
     background: transparent url(/Images/graphics/orange-shadow.gif) no-repeat center right; 
     height: 91px;
     margin: 10px 0 0 0;
     padding: 0;

}

.pinkPuffs ul li.last 
{
    background: transparent; 
    
}




.pinkPuffs ul li a:link, .pinkPuffs ul li a:visited
{
  
    color: #fff;
    height: 65px;
    padding: 20px 5px 5px 15px;
    display: block;
}

.pinkPuffs ul li.first
{
 
}

.pinkPuffs ul li.first a
{
     padding-left: 15px;
     
}



p.liberhermods-subheader
{
    background: transparent url(/Images/graphics/liberhermods-subheader.jpg) repeat-x 0 0; 
    width: 950px;
    height: 140px;
    display: block;
    text-indent: -9999px;   
}


#leftContent
{
    width: 352px;
    float: left;
    margin: 0 14px 0 0;
    padding: 13px 0 0 0;
    border-top: 2px solid #dc8f11;
}

#rightContent
{
    width: 352px;
    float: left;
    margin: 0 12px 0 0;
    padding: 13px 0 0 0;
    border-top: 2px solid #dc8f11;

}

*html #rightContent
{
    margin: 0 7px 0 0;
}

.seperatorDefault
{
    float: left;
    border-left: 1px dotted #ccc;
    display: block;
    width: 1px;
    margin: 15px 0 0 0;
    height: 330px;
}

#banners
{
    width: 206px;
    float: left;
    padding: 13px 0 10px 0;
    margin: 0 0 0 12px;
    height: 350px;
    border-top: 2px solid #dc8f11;
    /*background: transparent url(/Images/graphics/linje.jpg) no-repeat bottom left;*/
}
div#banners img
{
    margin-bottom: 10px;
}

*html #banners
{
    padding: 0;
    border: none;
    margin: 0;
    float: right;
}




#PageList p
{
    padding: 0 0 2px 20px;
    margin: 5px 0 0 0;
    color: #545453;
}

#PageList a:link, #PageList a:visited
{
    color: #545453;
    border-bottom: 1px dotted #545452;
    background: transparent;
    padding: 0 0 1px 0;
}

#PageList a:hover, #PageList a:active
{
    color: #DD9010;
    border-bottom: 1px solid #DD9010;
    background: transparent;
}




#mainContent h2
{
    font-family: Arial, helvetica;
    font-size: 1.4em;
    color: #545453;
    margin: 5px 0 5px 15px;
}

#mainContent h3
{
    font-family: Arial, helvetica;
    font-size: 1.2em;
    color: #545453;
    font-weight: bold;
    margin: 5px 0 5px 15px;
}


h4
{
    font-family: Arial, helvetica;
    font-size: 1.4em;
    color: #545453;
    margin: 5px 0 5px 15px;
}

h4.seperator
{
    border: 0;
    border-top: 1px dotted #ccc;
    float: left;
    padding: 15px 0 0 0;
    margin-right: 15px;
    width: 440px;
}

h4.seperator2
{

    padding: 15px 0 0 0;
    margin-right: 15px;
}


/* Kommun och kurssidor */ 


.KommunKursUtbud h4, .KommunKontakter h4
{
    font-family: Arial, helvetica;
    font-size: 1.4em;
    color: #545453;
    margin: 5px 0 5px 15px;
    padding: 15px 0 0 0;
    border-top: 1px dotted #ccc;
}

#mainContent .KommunKontakter p
{
    font-family: Arial, helvetica;
    font-size: 1.2em;
    color: #545453;
}

#mainContent .KommunKursUtbud ul
{
    margin: 0;
    padding: 0;
}


#mainContent .KommunKursUtbud ul li
{
    background: transparent url(/Images/graphics/loginarrow-green.gif) no-repeat 0 0; 
    padding: 4px 0 10px 28px;
    list-style: none;
    font-family: Arial, helvetica;
    font-size: 1.2em;
    font-weight: bold;
    color: #545453;
    margin: 0 0 0 15px;
}

#mainContent .KommunKursUtbud ul li a
{
    color: #545453;
}

#mainContent p.projektPeriod
{
    background: #f2eee6;
    color: #545453;
    padding: 4px;
    margin: 0 15px 15px 15px;
 
    
}

#StartPageDropDownList .list
{
    width: 208px;
    margin: 0 0 0 2px;
 
    border: 1px solid #ccc;
    color: #545453;
    background: #f2f2f2 url(/images/Graphics/input.gif) repeat-x 0 0;
}

#StartPageDropDownList span
{
    position: relative;
}

#StartPageDropDownList span img
{
    position: absolute;
    left: 15px;
    top: 5px;
}

#StartPageDropDownList span
{
    background: #f5f0ec;
    width: 210px;
    height: 20px;
    padding: 5px;
    margin: 0 0 0 20px;
    display: block;
}

#dropDownList
{
   width: 442px;
   height: 63px;
   background: #f2eee6; 
   margin: 0 0 0 15px;
}

#mainContent #dropDownList p
{
    font-size: 1.1em;
    padding: 10px 0 0 25px;
    color: #545453;
    margin: 0;
}



#dropDownList .list, #kursDropList .list
{
    margin: 0 0 0 38px;
    border: 1px solid #ccc;
    background: #f2f2f2 url(/images/Graphics/input.gif) repeat-x 0 0;
}

#mainContent table.kursTabell
{
   margin: 0 15px 15px 15px;

}

.kursTabell td
{
    width: 225px;
    font-size: 1.1em;
    padding: 3px;
    font-family: Arial, helvetica;
}

.kursTabell tr.alt
{
    background: #f2eee6;
}

#mainContent .KursBottom
{
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    margin: 0 15px 15px 15px;
    padding: 15px 0 15px 0;
}


#mainContent .KursBottom ul
{
    padding: 5px 0 5px 15px;
}

#mainContent .KursBottom ul li
{
    padding: 5px 0 5px 15px;
    list-style: none;
    background: transparent url(/Images/graphics/li.gif) no-repeat 0 10px; 
}

#mainContent .KursBottom p
{
    color: #545453;
    padding: 0;
    margin: 0;
}

.KursBottom a:link, .KursBottom a:visited
{
    color: #545453;
    border-bottom: 1px dotted #545453;
    font-size: 1.2em;

}

.KursBottom a:hover, .KursBottom a:active
{

    border-bottom: 1px solid #545453;

}


#mainContent a:link, #mainContent a:visited
{
    color: #dc8f11;
    border-bottom: 1px dotted #dc8f11;
}

#mainContent a:hover, #mainContent a:active
{
    color: #dc8f11;
    border-bottom: 1px solid #dc8f11;
}

#mainContent #kommunDropList
{
       width: 442px;
   height: 43px;
   background: #f2eee6 url(/Images/graphics/loginarrow-green.gif) no-repeat 20px 13px; 
   border-bottom: 4px solid #e4e0d8;
   margin: 0 0 0 15px;
    
}

#mainContent #kommunDropList .kommunSelect
{
    margin: 12px 0 0 65px;
}


#mainContent #kursDropList
{
   width: 442px;
   height: 43px;
   background: #f2eee6 url(/Images/graphics/loginarrow-green.gif) no-repeat 20px 13px; 
   border-bottom: 4px solid #e4e0d8;
   margin: 0 0 0 15px;
}

#mainContent #kursDropList .kursSelect
{
    margin: 12px 0 0 65px;
}

#SearchArea
{
    background: #F2EEE6;
    padding: 10px;
    margin: 20px;
    border-bottom: 3px solid #E4E0D8;
 
}

#SearchArea .searchText
{
    border: 1px solid #DFDFDF;
    padding: 4px 0;
    width: 200px;
}

#SearchArea .button
{
    background: #EF155A;
    color: #fff;
    
}

#AdvancedArea
{
    margin: 20px;
}

#ResultArea h2
{
    font-family: Arial, helvetica;
    margin: 0px 0px 20px 20px;
    font-size: 15px;
}

#ResultArea p
{
    font-family: Arial, helvetica;
    padding: 2px 0 0 0;
    font-size: 12px;
}


#ledningstyrelse img
{
    float: left;
    padding: 0 10px 40px 20px;
    clear: left;
}

#ledningstyrelse p
{
    padding-bottom: 40px;
}

.footerLinje
{
         width: 950px;
         height: 2px;   
         display: block;
         margin: 10px 0 0 0;
         border-bottom: 2px solid #dc8f11; 
}


.footerLinjeDefault
{
         width: 719px;
         height: 2px;   
         display: block;
         margin: -9px 0 0 0;
         border-top: 2px solid #dc8f11; 
}

*html .footerLinjeDefault
{
         width: 719px;
         height: 2px;   
         display: block;
         margin: 5px 0 0 0;
         border-top: 2px solid #dc8f11; 
}

/*Anmälningsformulär*/

#applicationForm
{
	font-size:11px;
	color:#333;
	margin:0px;
	padding:0px;
}

#applicationForm #dropDownListBg
{
   width:442px;
   height: 50px;
   background: #f2eee6 url(/Images/graphics/loginarrow-green.gif) no-repeat 20px 16px; 
   border-bottom: 4px solid #e4e0d8;
   margin: 0 0 0 15px;
}


#applicationForm .dropDownList
{
	margin: 5px 0 15px 15px;
	width:315px;
	float:left;
    border: 1px solid #ccc;
    background: #f2f2f2 url(/images/Graphics/input.gif) repeat-x 0 0;
}

#applicationForm h3
{
	font-size:1.3em;
	margin-top:25px;
	padding-top:0px 0 0 0px;
}

#applicationForm label
{
	color:#333;
	padding-left:3px;
}

#applicationForm p
{
	padding:5px 0 0 0;
	margin:0px 0 0 15px;
}
#applicationForm .group
{
	padding-bottom:17px;	
}


#applicationForm .group p span.label
{
	display:block;
	float:left;
	width:120px;	
}

#applicationForm p .textBox
{
	color:#000;
	font-size:12px;
	padding:1px;
	width: 296px;	
	border:solid 1px #000;
}

#applicationForm p .textBox.city
{
	width: 168px;	
}

#applicationForm .group p input.file
{
	width:240px;	
	border:solid 1px #000;
}

#applicationForm .inputFile
{
	height:20px;
	width:240px;	
}

#applicationForm .group p
{
	margin-bottom:7px;
}

#applicationForm p.clear
{
	clear:both;
}

#applicationForm .validationLabel
{
	font-size:10px;
}

span.requiredField, p span.requiredField
{
    font-size: 16px;
    color: Red;
    display: inline;
}

span.requiredField2, p span.requiredField2
{
    font-size: 12px;
    color: Red;
    display: inline;
    line-height: 28px;
    margin-left: 3px;
}

#applicationForm .errorRed ul li { color: #ff0000!important; }

#applicationForm table tr
{
	padding:0;margin:0px;

}

#applicationForm table td
{
	font-size:1.2em;
	padding:0px 0px 3px 15px;
}

#applicationForm p input.button
{
	border: 1px solid #D5D5D5;
    background: #EEA332;
    color: #fff;
    padding: 3px;
    font-family: Tahoma, Lucida Sans, arial, helvetica;
    text-align: center;
}


	/* General */
	#cssdropdown, #cssdropdown ul { list-style: none; float: right; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
	/* Head links */
	#cssdropdown li.headlink { width: 80px; /*180px*/ float: left; margin-left: -1px; background: #F3F0E9; }
	#cssdropdown li.headlink a { display: block;  padding: 15px; }

	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; text-align: left; }
	#cssdropdown li.headlink:hover ul { display: block; }
	#cssdropdown li.headlink ul li a { padding: 5px; height: 17px; }
	#cssdropdown li.headlink ul li a:hover { background: #E4E0D7; }
	
	/* Pretty styling */
	#cssdropdown a 
	{
	 color: #545453;
	 width: 50px; /*70px*/
	 }
	 
	
	#cssdropdown ul li a:hover
	{
	    text-decoration: none;
	    background: #E4E0D7;
	}
	
	
	ul#cssdropdown span
	{   
	    background: transparent url(/Images/graphics/loginarrow-green.gif) no-repeat 45px 7px; 
	    cursor: default;
	    color: #dc8f11;
	    font-weight: bold;
	    padding: 9px 10px 8px 6px;
	    display: block;
	    font-size: 1.1em;
	}
	
	#cssdropdown li.headlink 
	{
	    background: #F3F0E9;
	}
	    
	#cssdropdown li.headlink ul { background: #F3F0E9; position: absolute; }

/* DynamicDropdown
*********************************************/
div#dynamicDropDown { background-color: #b3ca60; border-bottom: solid 4px #9aae51; margin-bottom: 20px; width: 100%; padding-top: 12px;}
div#dynamicDropDown img { margin: 0 auto; margin-bottom: 10px; display: block; }
div#dynamicDropDown span { color: #fff; display: block; margin: 0 10px; font-size: 1.2em; }
div#dynamicDropDown #dropDownHolder { background: #ebf1d5 url(/images/dropdownArrow.gif) no-repeat 14px 14px; padding: 12px; margin-top: 12px; }
div#dynamicDropDown select { margin-left: 30px; width: 150px; overflow: hidden; }

/* Image align fix
*********************************************/
#RightColumnTop p { padding: 0; margin: 0; }

/* SpontanAnmalan
*********************************************/
#jobOffers { margin: 0 15px; }
#jobOffers div.row { clear: both; overflow: hidden; padding: 3px; }
#jobOffers .header { font-size: 1.2em; }
#jobOffers .row .left{ float: left; width: 285px; }
#jobOffers .row .right { float: left; }
#jobOffers .row .right input { float: left; width: 130px; border: solid 1px #000000;}
#jobOffers .row.footer  { margin: 15px 0; font-size: 1.2em;}


.foretagsstod
{
    position: absolute;
    right: 0;
    top: 0;
}

/* Lediga jobb */
/* Lediga jobb */
.bold {
	font-weight: bold;
}

.marginSides15 { margin: 0 15px }

.wiseList table tr.beige
{
    background-color:#f2eee6;
}

.wiseList table tr.beige:hover
{
    background-color:#faf8f3;
}
#mainContent .wiseList a, #mainContent .wiseList a:visited
{ 
    color: #545453;
    text-decoration: none;
    border-bottom: none;
    outline:none;
}
#mainContent .wiseList a:hover, #mainContent .wiseList a:active
{ 
    color: #545453;
    text-decoration: none;
    border-bottom: none;
    outline:none;
}
.wiseList th 
{
    border-bottom:1px #CCCCCC solid;
    font-family:Arial;
    font-size:12px;
    text-transform:uppercase;
    padding-bottom:5px;      
}
.wiseList td 
{
    border-bottom:1px #CCCCCC solid;
    font-family:Arial;
    font-size:12px;
    padding-top:5px;
    padding-bottom:5px;      
}
.wiseList .arrow 
{
    background-image: url(/images/Graphics/nav-arrow.gif);
    background-position: 4px 10px;
    background-repeat: no-repeat;
    padding-left:15px;   
}
.wiseList .first 
{
    width:277px;
    margin-right:5px;
    padding-right:5px;   
}
.wiseList .middle 
{
    width:80px;
    margin-left:5px;
    margin-right:5px;    
}
.wiseList .last 
{
    width:80px;
    margin-left:5px;   
}
.services 
{
    position: absolute; 
    top: 0;
    left: 0;
    width: 230px;
    background: #f2f2f2;  
    margin-bottom: 15px;
    padding: 9px; 
    font-family: Arial;
    font-size: 12px; 
    color: #000;
}
.services2 
{
    position: absolute;
    top: 130px;
    left: 0;        
}
.servicesHead 
{
    font-family:Arial;
    color: #545453;
    font-weight: bold; 
    font-size: 13px; 
    margin-bottom: 3px;  
}
.services a:link, .services a:visited
{
    font-family: Arial;
    font-size: 12px; 
    color: #dc8f11;
    border-bottom: 1px dotted #dc8f11;
}
.services a:hover, .services a:active
{
    font-family: Arial;
    font-size: 12px; 
    color: #dc8f11;
    border-bottom: 1px solid #dc8f11;
}
.innerSubNav 
{
    width: 240px;
    background: #fff;
    position: absolute; 
    top: 0;
    left: 0;    
}
/******************************** Webshop specific elements ********************************/ 

/******************************** Webshop typo and buttons ********************************/

/* Info tooltip */

.tooltipWrapper { position: relative; margin-left: 2px; }

a.infoTooltip, a:hover.infoTooltip { border: none!important; cursor: help; }

a.infoTooltip span.tooltip 
{ 
    width: 137px; 
    height: 41px; 
    border: 2px solid #a5b054;
    border-bottom: none;
    position: absolute; 
    top: -69px;
    right: -17px;
    z-index: 1000;
    color: #545453;
    font-size: 1.1em;
    text-align: center;
    padding: 10px 0 0 0px;
    background: #fff;
    font-weight: normal;
}

.shoppingCartSummaryHolder a.infoTooltip span.tooltip, .courseAttendantsCompleter a.infoTooltip span.tooltip { font-size: 90%; }

.tooltipBottom 
{ 
    background: url(/Templates/Public/Styles/WebShop/images/tooltipBgBottom.png) right bottom no-repeat; 
    width: 137px;
    height: 12px;
    position:absolute;
    top:49px;
    left: 0;
}

h4.greenHeader 
{
    background: #b3ca60;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    height: 25px;
    line-height: 180%;
    margin: 0 0 10px 0;
    text-indent: 12px;
}

h4.greenHeader span 
{
    font-weight: normal;
}

h4.lightGreenHeader 
{
    background: #e1e9c5;
    color: #52601e;
    font-size: 1.4em;
    font-weight: bold;
    height: 35px;
    line-height: 250%;
    margin: 0 0 10px 0;
    text-indent: 12px;
}

.lightGreenBg 
{
    background: #e1e9c5;
    padding: 7px 5px 5px 5px!important;
}

.greenBox a
{
    border-bottom:1px dotted #52601e!important;
    color: #52601e!important;
}  

.greenBox a:hover
{
    border-bottom:1px solid #52601e!important;
}    

.greyBox a
{
    border-bottom:1px dotted #545453!important;
    color: #545453!important;
}  

.greyBox a:hover
{
    border-bottom:1px solid #545453!important;
}  

.borderBottom {
    border-bottom: 1px solid #dbe4bb;
}

a.greenButton 
{
    background: url(/Templates/Public/Styles/WebShop/images/button_greenbuttonleft.png) no-repeat left top;
    border: 0px!important;
    color: #fff!important;
    display: block;
    height: 21px;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
}

a.greenButton:hover
{
    background: url(/Templates/Public/Styles/WebShop/images/button_greenbuttonleft.png) no-repeat left -21px;
    border: 0!important;
}    

a.greenButton span
{
    background: url(/Templates/Public/Styles/WebShop/images/button_greenbuttonright.png) no-repeat right top;
    display: block;
    float: left;
    padding: 0 6px;
}

a.greenButton span:hover
{
    background: url(/Templates/Public/Styles/WebShop/images/button_greenbuttonright.png) no-repeat right -21px;
    cursor: pointer;
}

/********************************/
a span.greenButton 
{
    background: url(/Templates/Public/Styles/WebShop/images/button_greenbuttonleft.png) no-repeat left top;
    border: 0px!important;
    color: #fff!important;
    display: block;
    height: 21px;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 0 6px;
}

a span.greenButton:hover
{
    background: url(/Templates/Public/Styles/WebShop/images/button_greenbuttonleft.png) no-repeat left -21px;
    border: 0!important;
}    
/*******************************/
.newCourseAttendantsBox
{
    padding: 10px;  
    background-color: #f2eee6;
    margin-bottom: 20px; 
}

.newCourseAttendantsBox h3 { padding: 0!important; margin: 2px 0!important; font-size: 1.4em!important;}
.newCourseAttendantsBox p { padding: 0!important; margin:20px 0!important;}
.newCourseAttendantsBox a { padding: 0!important; margin:10px 0!important;}

.newGreenButtonWrapper
{
    height: 68px;
    padding: 0 10px;
}
.newGreenButtonWrapper .newGreenButton{
    width: 70px;
}
a.newGreenLink
{
    color:#405c0d!important;
    font-size: 12px;
    text-decoration: underline!important;
    border: none!important;
    padding-bottom: 14px;
    display: block;
}
a.newGreenLink:hover
{
    color: #2c3f09!important;
    border: none!important;
}
a.newGreenButton
{
    background: transparent url(/Templates/Public/Styles/WebShop/images/webshopbuttons.png) no-repeat left -243px;   
    border: none!important;
    border-bottom:0;
    cursor: pointer;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    height: 26px;    
    padding: 0 0 0 10px;
    overflow: visible;
    line-height: 1.2em;    
    text-align: center;
}
a.newGreenButton span
{
    display: block;
    color: #fff!important;
    background: transparent url(/Templates/Public/Styles/WebShop/images/webshopbuttons.png) no-repeat right -81px; 
    padding: 6px 10px 6px 0;
    font-size:12px;
}

a.newGreenButton:hover
{    
    background: transparent url(/Templates/Public/Styles/WebShop/images/webshopbuttons.png) no-repeat left -270px;
    border:none!important;
    color: #fff!important;
}

a.newGreenButton:hover span
{
    background: transparent url(/Templates/Public/Styles/WebShop/images/webshopbuttons.png) no-repeat right -108px;
}

a.newGreenButton:active
{    
    background: transparent url(/Templates/Public/Styles/WebShop/images/webshopbuttons.png) no-repeat left -297px;
    border:none!important;
    color: #fff!important;
}

a.newGreenButton:active span
{
    background: transparent url(/Templates/Public/Styles/WebShop/images/webshopbuttons.png) no-repeat right -135px;
}

.greenBox input, .greenBox select
{
    height: 19px;
    margin: 0 0 10px;
    width: 140px;
}

.smallprint, .smallprint a
{
    font-size: 1em; /*0.8em*/
    color: #52601E !important;
}

.formBoxWhite input 
{
    background: #faf8f3;
    border-top: 1px solid #bcb1a6;
    border-right: 1px solid #e7e4dd;
    border-bottom: 1px solid #e7e4dd;
    border-left: 1px solid #bcb1a6;
    height: 20px;
    width: 320px;
}

.formBoxWhite .radio input
{
    background: none;
    border: 0;
    float:right;
    margin:0 300px 0 0;    
    width: auto;
}

.formBoxWhite label a 
{
    border: 0!important;
}

.formBoxWhite label img
{
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.formBoxWhite .checkbox input
{
    background: none;
    border: 0;    
    float: right;
    margin: 0 300px 0 0;  
    width: auto;  
}

.formBoxWhite span.text
{
    
}

.formBoxGrey span.text 
{
    width: 300px;
}

.formBoxGrey label
{
    font-size: 0.8em;
    font-weight: bold;
}

/******************************** Webshop graphic elements ********************************/ 

/* common used shoppingbag icon */

.iconShoppingBag 
{
    background: url(/Templates/Public/Styles/WebShop/images/icon_shoppingbag.png) no-repeat 0 0;
    display: block;
    height: 35px;
    width: 35px;
}

/******************************** Webshop specific controls ********************************/ 

/* Header on webshop startpage */

.webShopStartTable 
{
    border-bottom: 1px solid #dbe4bb;
    margin: 0px 20px 0 20px;
    width: 400px;
}

.webShopStartTable td 
{
    padding: 20px 0;
}

/* common used boxes */

.greenBox 
{
    background: #ebf1d5;
    color: #52601e;
    position: relative;
}

.greenBox p 
{
    color: #52601e!important;
    font-size: 1.2em;
    margin: 0 0 10px 0;
    padding: 0;
}

.greyBox 
{
    background: #f2eee6;
    color: #545453;
    margin-bottom: 20px;
    position: relative;
}

.greyBox p 
{
    color: #545453;
    font-size: 1.2em;
}

.smallGreyBox
{
    width: 210px;
}

.smallGreyBox p 
{
    clear: both;
    font-size: 1.2em;
    line-height: 160%;
    margin: 0 0 5px 0!important;
    padding: 0 10px!important;
    overflow: hidden;
}

.smallGreyBox input 
{
    width: 90px;
}

.formBoxWhite 
{
    border-bottom: 1px dotted  #ccc;
    color: #545453;
    margin-bottom: 20px;
    padding: 0 0 10px 0;
    position: relative;
    width: 440px;
}

.formBoxWhite p 
{
    color: #545453!important;
    font-size: 1.2em;
    margin: 0 0 10px 0;
    overflow: hidden;
}

.formBoxGrey
{
    background: #f2eee6;
    color: #545453;
    margin-bottom: 20px;
    padding: 0 0 20px 0;
    position: relative;
    width: 440px;
}

.formBoxGrey p 
{
    color: #545453!important;
    font-size: 1.2em;
}    

.error 
{
    color: #dd0000!important;
}

.formBoxWhite p.error 
{
    color: Red!important;
    line-height: 20px;
    font-size: 1.1em;    
}

/* header statusbar */

#statusBar 
{
    background: url(/Templates/Public/Styles/WebShop/images/statusbar_bg.png) no-repeat right 8px;
    height: 34px;
    line-height: 360%;
    position: absolute;
    right: 0px;
    top: 25px;
}

#statusBar .statusBarIcon
{
    background: url(/Templates/Public/Styles/WebShop/images/statusbar_icon.png) no-repeat 0 0;
    height: 34px;
    padding: 0;
    width: 48px;
}

#statusBar li 
{
    background: url(/Templates/Public/Styles/WebShop/images/statusbar_splitter.png) no-repeat 0 12px;
    float: left;
    list-style-type: none;
    padding: 0 10px 0 10px;
}

#statusBar li a
{
    color: #545453;
}

/* shoppingCartSummary */

#shoppingCartSummary 
{
    border-bottom: 4px solid #9aae51;
    margin-bottom: 20px;
}

#shoppingCartSummary ul
{
    padding: 5px 10px 10px 10px;
}

#shoppingCartSummary li 
{
    font-size: 1.2em;
    list-style-type: none;
    margin: 0 0 5px 0;
    overflow: hidden;
    padding: 0 0 5px 0;
}

#shoppingCartSummary li input
{
    border-top: 1px solid #cfdaa7;
    border-right: 1px solid #f2f6e3;
    border-bottom: 1px solid #f2f6e3;
    border-left: 1px solid #cfdaa7;
    color: #555;
    font-size: 1em;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px;
    vertical-align: middle;
}

#shoppingCartSummary a 
{
    border: 0!important;
}

a.cartItem 
{
    display: block;
    margin: 2px 0 0 0;
    width: 140px;
}

.deleteItem 
{
    background: url(/Templates/Public/Styles/WebShop/images/icon_delete.png) no-repeat 0 0;
    display: block;
    height: 8px;
    margin: 6px 0 0 8px;
    width: 8px;
}

.shoppingCartSummaryHolder 
{
    margin: 0 25px;
    /*overflow: hidden;*/
}

.shoppingCartSummarySum 
{
    display: block;
    font-size: 1.2em;
    margin: 0px 0 10px 0;
}

#shoppingCartSummary .iconShoppingBag 
{
    bottom: -15px;
    left: -8px;
    position: absolute;
    z-index: 100;
}

/* Course priceboard */

.coursePriceBoard 
{
    margin: 0 15px 15px 15px;
    /*overflow: hidden;*/
    padding: 10px;
}

.coursePriceBoard td.col01 
{
    padding: 10px 0px 10px 10px;
    width: 40px;
}


.coursePriceBoard td.col03 
{
    
    width: 170px;
}

.coursePriceBoard td.col04
{
    padding: 10px 10px 10px 0;
    width: 120px;
}

.coursePriceBoard .header 
{
    font-size: 1.2em;
    font-weight: bold;
}

.coursePriceBoard .readMore 
{
    font-size: 1.0em;
}
.coursePriceBoard .priceHolder 
{
    background: url(/Templates/Public/Styles/WebShop/images/bg_priceholderleft.png) no-repeat left top;
    float: left;
    font-size: 1.5em;
    height: 21px;
}

.coursePriceBoard .priceHolder span.price
{
    background: url(/Templates/Public/Styles/WebShop/images/bg_priceholderright.png) no-repeat right top;
    float: left;
    line-height: 140%;
    padding: 0 10px;
}

.coursePriceBoard .priceHolder span.text
{
    font-size: 10px;
}

.coursePriceBoard .discount
{
    width: 100%;
}

/* Course search */

.courseSearch 
{
    background: #EBF1D5 url(/Templates/Public/Styles/WebShop/images/bg_bottomteeth.png) repeat-x left bottom;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px;
}

.courseSearch .col01 
{
    background: #EBF1D5 url(/Templates/Public/Styles/WebShop/images/bg_divider.png) repeat-y right top;
    padding: 10px;
    width: 190px;
}

.courseSearch .col02 
{
    padding: 10px;
    width: 190px;
}

/* search results */

.searchResult ul li
{
    font-size:inherit;
    list-style-type: none;
    overflow: hidden;
    padding: 10px;
}

.searchResult ul li ul 
{
    margin: 10px 0 10px 0;
}

.searchResult ul li ul li 
{
    background: transparent!important;
    font-size: 1.2em;
    list-style-type: disc;
    list-style-position:inside;
    overflow: visible;
    padding: 0 0 5px 10px;
}

.searchResult li.even 
{
    background: #f2eee5;
}

.searchResult .col02 
{
    color:#52601E;
    text-align: right;
    width: 100px;
    vertical-align: bottom;
}

.searchResult .searchResultHeader 
{
    font-size: 1.3em;
}

.searchResult p 
{
    font-size: 1.2em;
}

.searchResult .discount,.searchResult .price 
{
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    margin: 2px 0;
}

/* courseCompilation */

.courseCompilation ul 
{
    font-size: 1.2em;
    padding: 0 0 25px 45px;
}

.courseCompilation li
{
    list-style-type: none;
}

/* customerLogin */

.customerLogin 
{
    overflow: hidden;
}
.customerLogin .smallprint
{
    position: absolute!important;
}
.customerLogin .greenButton, .customerLogin .newGreenButton
{
    bottom: 0px;
    position: relative;
    right: 17px;    
    margin-bottom: 8px;
}


/* customerLoginBig */

.customerLoginBig, .customerLoginBig p
{
    overflow: hidden;
}

.customerLoginBig label
{
    margin: 0 10px 0 0;
}

.customerLoginBig input
{
    width: 105px;
}

/* Tip a friend */

.tipAFriend 
{
    min-height: 200px;
    overflow: hidden;
    padding: 0 0 30px 0;
}

.tipAFriend .greenButton, .tipAFriend .newGreenButton
{
    bottom: 10px;
    position: absolute;
    right: 10px;    
}

.customerLoginRegister
{
    height: 98px;
}

.customerLoginRegister p 
{
    text-align: center;
}

.customerLoginRegister .greenButton, .customerLoginRegister .newGreenButton
{
    bottom: 10px;
    position: absolute;
    left: 42px;    
}

/* Ask a question */

.askAQuestion 
{
    height: 200px;
    overflow: hidden;
    padding: 0 0 30px 0;
}

.askAQuestion .greenButton, .askAQuestion .newGreenButton
{
    bottom: 10px;
    position: absolute;
    right: 10px;    
}

/* Discount */

.agreementDiscount 
{ 
    margin-bottom: 20px; 
    background: url(/images/discountBg.gif) no-repeat;
    height: 57px;
    padding: 13px 13px;
    font-family: arial, helvetica;
}

.agreementDiscount .label { color: #533503; font-size: 1.4em; clear: both; display: block; }

.agreementDiscount .percent { display: block; float: left; color: #fff; font-size: 3.2em; }

.agreementDiscount .info { display: block; float: left; color: #fff; font-size: 1.2em; padding: 5px 0 0 10px; }

/* Profile summary */

.profileSummary ul 
{
    padding: 10px;
}

.profileSummary li
{
    list-style-type: none;
    overflow: hidden;
    margin: 0 0 5px 0;
}

.profileSummary li .label
{
    float: left;
    font-size: 1em;
    font-weight: bold;
    line-height: 140%;
    width: 85px;
}

.profileSummary li .text
{
    float: right;
    font-size: 1.2em;
    width: 95px;
    word-wrap: break-word;
}

/* course Attendants Completer */

#mainContent p.courseAttendantsCompleterHeader 
{
    background: #cdd8a4;
    margin: 0;
    padding: 10px 15px!important;
}

#mainContent .attendantFieldItemWrapper
{
    padding: 9px;
    margin-top: 15px;
    margin-bottom: 8px;
    background-color: #f6fae9;
    border: #cdd8a5 1px solid;
}

#mainContent .courseAttendantsCompleter p 
{
    padding: 0 15px;
}

#mainContent .courseAttendantsCompleter li 
{
    color:#52601E !important;
    font-size: 1.2em;
    list-style-type: none;
    padding: 15px 9px 1px 9px;
    background: #ebf1d5;
    border: #cdd8a4 1px solid;
}

#mainContent .courseAttendantsCompleter li.odd
{
    background: #ebf1d5;
}

#mainContent .courseAttendantsCompleter table
{
    /*margin-bottom: 20px;*/
}

.courseAttendantsCompleter .number 
{
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    margin: 0 -7px 10px 0;
    width: 18px;
}

#mainContent .courseAttendantsCompleter li td 
{
    /*padding:3px 8px;*/
}

#mainContent .courseAttendantsCompleter li td label 
{
    line-height:20px;
}

#mainContent .courseAttendantsCompleter li td input 
{
    width: 100px; 
    margin-bottom: 3px;
}

/* payment type selector */
.paymentTypeSelector 
{
    
}

.paymentTypeSelector p
{
    border-top: 1px solid #dbe4bb;
    margin: 0 10px;
    overflow: hidden;
    padding: 7px 0 5px 0;
}

.paymentTypeSelector label 
{
    float: left;
}

.paymentTypeSelector input 
{
    float: right;
    margin: 0;
    width: auto;
}

.validationSummary ul
{
    margin: 0 0 10px 10px;
}

.validationSummary li
{
    font-size: 1.1em;
    line-height: 20px;
    list-style-type: none;
}

/* order history */

.orderHistory table 
{
    width: 100%;
}

.orderHistory td,.orderHistory th
{
    font-size: 1.1em;
    padding: 5px 10px;
}

.orderHistory .odd
{
    background: #f2eee6;
}

.orderHistory .col01
{
    width: 100px;
}

.orderHistory .col02
{
    width: 60px;
}

.orderHistory .col04
{
    width: 20px;
}

/* customer Type Selector */

.customerTypeSelector 
{
    padding: 0 0 10px 0;
    overflow: hidden;
}

.customerTypeSelector input
{
    margin: 0 0 0 10px;
    width: auto;
}

.customerTypeSelector .col
{
    overflow: hidden;
    width: 50%;
}

/* profile Editor */

.ProfileCustomerTypeSelector span 
{
    display: block;
}

.ProfileCustomerTypeSelector input
{
    background: none;
    border: 0px;
    margin: 0 105px 0 0;
    width: auto;
}

/* Order confirmation */

#orderConfirmation p 
{
    margin: 0 15px 10px 15px;
}

#orderConfirmation ul 
{
    border-top: 1px solid #dbe4bb;
    margin: 0 10px 15px 15px;
}

#orderConfirmation li
{
    border-bottom: 1px solid #dbe4bb;
    font-size: 1.2em;
    list-style-type: none;
    overflow: hidden;
    padding: 5px 0 5px 0;
}

#orderConfirmation table 
{
    width: 415px;
    margin-right: 10px!important;
}

#orderConfirmation td 
{
    font-size: 1.2em;
    padding-bottom: 5px;
    text-align: right;
}

#orderConfirmation .col1 
{
    width: 310px;
}

#orderConfirmation .greenBg1 { background: #9aae51; padding: 7px 0 7px 6px; color: #fff; font-family: Arial, helvetica; }

#orderConfirmation .greenBg2 { background: #9aae51; padding: 7px 0 7px 0px; color: #fff; font-family: Arial, helvetica; }

.paddingRight5px { padding-right: 5px!important; }

tr.big { height: 29px; }

/* order controls (buttons in the bottom in the payment wizard) */

.orderControls 
{
    
    background: #EBF1D5;
    border-bottom: 4px solid #9aae51;
    /*
    background-color:#EBF1D5;
    border: #CDD8A4 1px solid;
    */
    margin: 0 15px;
	float: left;
    padding: 15px;
	width: 412px;
}

/* Webshop wizard steps */

#subNavigation .WebshopSteps li 
{
    border-bottom: 1px solid #ccc;
    color: #999;
    display: block;
    font-weight: bold;
    padding: 8px;
}

#subNavigation .WebshopSteps li.activeStep
{
    background: #B3CA60;
    border: 0;
    color: #000;
}

.noStyle a:hover
{
   text-decoration: none;
   color: #6B6652  !important;  
   border: none !important;   
}

/* Sitemap */

#Sitemap .SitemapCol    { display: inline-block; float: left; margin: 0 120px 50px 0; width: 145px; }
#Sitemap .fourth        { margin: 0; }

#Sitemap li             { list-style-type: none; margin: 0 0 25px 0; }
#Sitemap li a           { display: block; }
#Sitemap li a:hover     { color: #f99e09; text-decoration: underline; }

#Sitemap ul             {  }
#Sitemap ul li          { float: left; font-size: 14px; width: 145px; }
#Sitemap ul li a        { color: #f99e09; font-weight: bold; line-height: 14px; margin: 0 0 6px 0; }

#Sitemap ul li ul       {}
#Sitemap ul li ul li    { font-size: 12px; margin: 0; }
#Sitemap ul li ul li a  { color: #6B6652; font-weight: normal; }

#Sitemap ul li ul li ul     {}
#Sitemap ul li ul li ul li  { font-size: 10px; margin: 0 0 0 10px; }
#Sitemap ul li ul li ul li a{ color: #6B6652; }

/* header-links */

#header-links
{
    position: absolute;
    right: 0px;
    top: 0px;
}

#header-links a
{
    color: #545454;
    font-size: 1.1em;
}

#header-links img { margin: 1px 0 0 5px; vertical-align: top; }

.newCourseAttendantsListItem
{
    margin-bottom: 20px;
}
.newCourseAttendantsListItem h3
{
    color:#52601e;    
    display: inline;
    font-size: 1.4em;
    font-weight: bold;
    margin-right: 15px!important;
    padding-bottom: 10px;
}
.newCourseAttendantsListItem input
{
    border: #bdc894 1px solid;
    height: 21px;
    padding: 0 5px;
}

