/* CSS Document */

body {
margin:0px;
padding:0px;
background-color:#a9c2d5;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background-image:url(img/body-bg.jpg);
background-repeat:no-repeat;
background-position:top center;
}

h4 {
margin-bottom:0px;
padding-bottom:0px;
}

#text p {
margin-top:0em;
}

#logo-bar-bg {
background: transparent url(img/20white-bg.png) repeat; 
width:100%;
height:60px;
}

#logo-bar {
width:780px;
margin-left: auto ;
margin-right: auto ;
}

#logo-bar a.home {
border:none;
width:650px;
display:block;
float:left;
clear:none;
height:49px;
vertical-align:middle;
padding-top:11px;
}

#logo-bar a img {
border:none;
}

#wrapper {
width:780px;
margin-left: auto ;
margin-right: auto ;
}

a {
text-decoration:none;
}

a:hover {
color:#7e93a2;
}

h1.title {
font-size:38px;
color:#000000;
padding-top:8px;
padding-bottom:28px;
background-image:url(img/color-bar.png);
background-position:bottom;
background-repeat:no-repeat;
margin-bottom:1em;
}

#color-top-wrapper {
background-image:url(img/10white-bg.png)!important;
background-repeat:repeat;
width:100%;
height:200px;
margin-bottom:10px;
}

#color-top {
background-image:url(img/color-top.png)!important;
background-repeat:no-repeat;
background-position:bottom right;
width:100%;
height:200px;
}

#color-top p {
color:#000;
}

#color-top h3 {
color:#000000;
margin:0px;
line-height:1em;
margin-left:25px;
margin-top:10px;
}

#color-top p {
margin:0px;
line-height:1em;
height:25px;
text-align:right;
}

#color-top p.niveau1 {
margin-right:50px;
}

#color-top p.niveau2 {
margin-right:100px;
}

#color-top p.niveau3 {
margin-right:150px;
}

#color-top p.niveau4 {
margin-right:200px;
}

#color-top p.niveau5 {
margin-right:250px;
}

p.teaser {
font-size:1.2em;
font-style:italic;
}

.small {
font-size:0.7em;
}

#content {
width:530px;
color:#000000;
float:left;
margin:0px;
padding:0px;
border-top:1px solid transparent;
}

#content h1 {
padding:0px;
margin:0px;
/*line-height:0.15em;*/
line-height:0.75;
margin-bottom:1.25em;
}

#content h2 {
margin-bottom:0.25em;
}

#content a {
color:#000000;
font-weight:bold;
text-decoration:none;
}

#content a:hover {
color:#7e93a2;
}

#content ul.sdu-link
{
list-style-type: none;
padding: 0px;
margin: 0px;
padding-left: 10px;
}

#content ul.sdu-link li
{
background-image: url(img/bullet.png);
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 19px; 
}

#content div.diagram {
float:right;
height:250px;
width:250px;
position:absolute;
top:0px;
margin-left:5px;
}

#text {
height:625px;
margin:0px;
padding:0px;
border-top:1px solid transparent;
}

#text img {
margin:5px 0px 5px 10px;
}

#alle-uddannelser th {
text-align:left;
}

#alle-uddannelser td {
cursor: pointer;
cursor: hand;
}

#alle-uddannelser td a {
display:block;
text-decoration:none;
font-weight:normal;
}

#alle-uddannelser td:hover {
background-image:url(img/20white-bg.png);
background-repeat:repeat;
color:white;
}


#nav {
width:220px;
height:160px;
float:right;
background-image:url(img/20white-bg.png);
background-repeat:repeat;
padding-bottom:15px;
margin-bottom:25px;
}

#nav a {
display:block;
padding:2px 10px;
color:#ffffff;
font-size:0.9em;
font-weight:bold;
}

#nav h3 {
padding:15px 10px 0px 10px;
margin:0px;
}

#nav a:hover {
background-color:#b2c8da;
}

#nav a.selected {
background-color:#b2c8da;
}

#menu {
width:220px;
height:520px;
float:right;
background-image:url(img/20white-bg.png);
background-repeat:repeat;
padding-bottom:15px;
}

#menuitems {
height:239px;
}

#menu img.diagram {
margin-right:-40px;
margin-bottom:-50px;
}

#menu a {
display:block;
padding:2px 10px;
color:#ffffff;
font-size:0.9em;
font-weight:bold;
}

#menu p {
padding:2px 10px;
color:#ffffff;
font-size:0.9em;
font-weight:bold;
}

#menu p strong {
color:#7e93a2;
}

#menu p a {
display:inline!important;
background-image:none!important;
background-color:none!important;
padding:none!important;
margin:0!important;
font-weight:normal;
}

#menu p a:hover {
background-color:none!important;
background-image:none!important;
color:#7e93a2!important;
}

#menu a.selected {
color:#7e93a2;
}

#menu h3 {
padding:15px 10px 0px 10px;
margin:0px;
}

#menu a:hover {
background-color:#b2c8da;
}

#edu-wrapper {
margin:10px;
margin-top:25px;
}

#edu-title {
font-weight:bold;
color:#7e93a2;
margin-top:auto;
}

#legend {
float:left bottom;
margin-top:20px;
width:500px;
height:58px;
background-image:url(img/20white-bg.png);
background-repeat:repeat;
padding:15px;
color:#fff;
}

#legend.td {
color:#fff;
}

#frontpage-content {
float:right;
width:738px;
}

#frontpage-content a {
display:block;
margin-bottom:10px;
padding-left:10px;
vertical-align:middle;
/* background-image:url(img/20white-bg.png)!important;*/
background-color:#bacede;
color:#ffffff;
text-decoration:none;
font-weight:bold;
line-height:1em;
padding-top:8px;
padding-bottom:8px;
}

#frontpage-content a:hover {
/*background-image:url(img/10white-bg.png)!important;*/
background-color:#b2c8da;
}

#frontpage-content a img {
float:right;
border:none;
}

#frontpage-content a.oecon-samf {
background-image:url(img/colorbars/oecon-samf.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.scient-oecon {
background-image:url(img/colorbars/scient-oecon.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.oecon-eo {
background-image:url(img/colorbars/oecon-eo.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ha-it {
background-image:url(img/colorbars/ha-it.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ha-ge {
background-image:url(img/colorbars/ha-ge.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ha-ib {
background-image:url(img/colorbars/ha-ib.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ha-sk {
background-image:url(img/colorbars/ha-sk.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ha-jur {
background-image:url(img/colorbars/ha-jur.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.negot-arabisk {
background-image:url(img/colorbars/negot-arabisk.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.negot {
background-image:url(img/colorbars/negot.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.bsc-eba-sonderborg {
background-image:url(img/colorbars/bsc-eba-sonderborg.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ba-int-sonderborg {
background-image:url(img/colorbars/ba-int-sonderborg.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ba-eco-it-slagelse {
background-image:url(img/colorbars/ba-eco-it-slagelse.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ha-se-slagelse {
background-image:url(img/colorbars/ha-se-slagelse.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ha-ge-slagelse {
background-image:url(img/colorbars/ha-ge-slagelse.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.iv-sprog-slagelse {
background-image:url(img/colorbars/iv-sprog-slagelse.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.iv-kommunikation-slagelse {
background-image:url(img/colorbars/iv-kommunikation-slagelse.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.iv-international-marketing-slagelse {
background-image:url(img/colorbars/iv-international-marketing-slagelse.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ha-vup-esbjerg {
background-image:url(img/colorbars/ha-vup-esbjerg.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ha-se-esbjerg {
background-image:url(img/colorbars/ha-se-esbjerg.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ha-ge-esbjerg {
background-image:url(img/colorbars/ha-ge-esbjerg.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ha-ei-kolding {
background-image:url(img/colorbars/ha-ei-kolding.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ha-ge-kolding {
background-image:url(img/colorbars/ha-ge-kolding.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.ha-ib-kolding {
background-image:url(img/colorbars/ha-ib-kolding.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.negot-kinesisk {
background-image:url(img/colorbars/negot-kinesisk.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.negot-hotelmanagement {
background-image:url(img/colorbars/negot-hotelmanagement.png);
background-position:right;
background-repeat:repeat-y;
}

#frontpage-content a.negot-international-turisme {
background-image:url(img/colorbars/negot-international-turisme.png);
background-position:right;
background-repeat:repeat-y;
}

#map {
background-image:url(img/map/syddanmark.png);
background-repeat:no-repeat;
width:780px;
height:500px;
}

#edu-title2 {
float:right;
font-weight:bold;
color:#7e93a2;
margin-top:auto;
margin-left:15px;
margin-right:15px;
margin-bottom:auto;
width:250px;
}

#edu-title2:hover {
cursor: pointer;
cursor: hand;
}

#diagram2 {
margin-left:15px;
margin-top:-62px;
float:left;
}

a.videospot {
display:block;
padding:5px;
background-image:url(img/20white-bg.png);
background-repeat:repeat;
}

#spot {
width:146px;
float:right;
margin-left:10px;
margin-bottom:5px;
padding:5px;
background-image:url(img/20white-bg.png);
background-repeat:repeat;
}

#spot p {
font-size:80%;
padding:0px;
margin:5px 0px 0px 0px;
}

#spot img {
margin:0px;
padding:0px;
}

#reklame-kolding {
width:550px;
float:right;
margin-top:25px;
padding:5px;
background-image:url(img/20white-bg.png);
background-repeat:repeat;
}

#reklame-kolding h3 {
margin:0px;
}

#reklame-kolding a {
color:#000000;
}


#reklame-kolding ul.sdu-link
{
list-style-type: none;
padding: 0px;
margin: 0px;
padding-left: 10px;
}

#reklame-kolding ul.sdu-link li
{
background-image: url(img/bullet.png);
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 19px; 
}

#reklame-kolding a:hover {
color:#7e93a2;
}