/* CSS Document................................................................................................................ */
html, body {
width: 100%;
height: 100%;
background-image:url(../billeder/gradient.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
}

/* udseende på listerne ....................................................................................................... */
ul {
list-style: circle;
}

/* placering og udseende på sprogvalgsteksten DK/ENG ............................................................................ */
#sprog { /* Placering af "Dansk" */
text-align:right;
padding-right:50px;
margin-bottom:1px;
margin-top:0px;
}

#language { /* Placering af "Engelsk" */
text-align:right;
padding-right:41px;
margin-bottom:1px;
margin-top:0px;
}

/* placering af det skriftlige indhold på siden ................................................................................*/
#content {
margin-bottom:0px; 
margin-left:52px;
margin-right:89px;
margin-top:0px;
}

/* placering af det skriftlige indhold på forsiden ............................................................................*/
#content1 {
margin-bottom:0px; 
margin-left:44px;
margin-right:39px;
margin-top:0px;
}

/*placering af siden midt i browservinduet ....................................................................................... */
#wrapper { 
width:760px; 
margin:0 auto; 
position:relative;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#000000;
}

/*placering af menuen .................................................................................................*/
#myslidemenu {
position: relative; 
top: 0px;
height:32px;
background-color:#0A4366;
}

/*skrift og baggrund på menu ...................................................................................................*/
.jqueryslidemenu{
font:13px Verdana; 
background: #990000;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list elementer i menuen ..............................................................................................*/
.jqueryslidemenu ul li{ 
position: relative;
display: inline;
float: left;
width: auto;
}

/*Top level menu link element style ............................................................................................*/
.jqueryslidemenu ul li a{ 
display: block;
background: #0A4366; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 2px solid #ffffff;
color: #2d2b2b;
text-decoration: none;
}

/*IE6 hack ska få sub menuen til at virke rigtigt ..............................................................................*/
* html .jqueryslidemenu ul li a{ 
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

/*tab link baggrund ved hover stadiet ..........................................................................................*/
.jqueryslidemenu ul li a:hover{
background: #808284; 
color: white;
}

/*Sub level menu placering og udseende .........................................................................................*/
.jqueryslidemenu ul li ul{ 
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list element udseende fra Top level List element ...............................................................*/
.jqueryslidemenu ul li ul li{ 
float: none;
width: auto;
}

/* Sub level menu links udseende .............................................................................................. */
.jqueryslidemenu ul li ul li a{ 
font: normal 13px Verdana;
width: 200px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid white;
}

/*Skrifttypens udseende for overskrifterne ......................................................................................*/
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 20px;
color: #000000;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
margin:0;
font-size:18px;
}

h3 {
color: #000000;
font-size:16px;
}

/*Placering af museernes kontaktinfo på museums/museer siden og Placering af links på links-siden ...............................*/
.left {
width:270px;
padding-top:2px;
text-align:left;
}

.right {
width:270px;
float:right;
top:0px;
padding-top:2px;
text-align:left;
}

.right1 {
width:200px;
float:right;
top:0px;
padding-top:2px;
text-align:left;
font-size: 80%;
}

/* links udseende .............................................................................................................. */
a{
text-decoration:none;
}

a:link {
color:#0A4366;
}

a:hover {
color: #cc6600;
text-decoration:underline;
}

a:visited {
color:#660066;
}

/* pdf ikon ud for pressemeddelsen, som kan downloades i pdf format ............................................................. */
.pdf {
list-style-image:url(../billeder/pdficon_small.gif);
}

/* fed skrift på pdf dokument linket ............................................................................................. */
a.pdflink {
font-weight:bold;
}

/* farven på den horisontale linie .......................................................................................*/
.linie {
color:#0A4366;
}

.left1 {
width:320px;
padding-top:2px;
text-align: justify;
}

/* placering af linket "til toppen" ........................................................................................*/
.toplink {
text-align: right;
}

/* kort css ...................................................................................................................... */
#kort {
background-image:url(../billeder/fyn.gif);
height:359px;
width:294px;
margin-left:164px; /* sikre at kortet er placeret på midten af siden */
}

/* kort css fortsat: størrelse på linket.........................................................................................*/
#menu a {
position: absolute;
height: 40px;
width: 35px;
text-decoration: none;
}

/* kort css fortsat: muligt at referere til linket i anden css sammenhæng .......................................................*/
#menu a i { 
visibility: 
hidden; 
}

/* kort css fortsat: placering af de enkelte links over byen .....................................................................*/
a#assens { 
left: 270px; 
top: 445px;
}
 
a#faaborg { 
left: 320px; 
top: 490px;
}

a#kerteminde { 
left: 405px;
top:360px; 
}

a#odense { 
left: 360px; 
top: 390px;
}

a#ringe { 
left: 375px; 
top: 462px;
}

a#svendborg { 
left: 403px; 
top: 500px;
}

/* Placering af billede MP1 på artist eller kunstner siden */
.right1 {
width:260px;
float:right;
top:0px;
text-align:justify;
}

/*Placering af nyheder på forsiden ...........................................................................................*/
.forside1 { /* højrestillingen af forside nyhederne */
width: 125px;
float: right;
text-align: left;
padding:0px;
}

.forside { /* placering af forside billedet */
width: 552px;
padding: 0px; 
}

.forsidelink { /* størrelsen på skriften på nyhedslinkene på index-siderne */
font-size:88%;}

.billedtekst { /* billedteksten på forsiden */
color:#666666;
font-size:75%;
}

/* fjerner border omkring billeder, som bliver brugt som links fx logoet ........................................................ */
img {
border: none;
}

/*Placering af billeder på Meeting Place siden ..................................................................................*/
.mp { /* højrestillingen af billederne */
width: 225px;
float: right;
padding-left: 75px;
}

.mpforside { /* højrestillingen af billederne */
width: 225px;
float: right;
padding-left: 75px;
padding-bottom:55px;
}

.right3 {
width:360px;
float:right;
top:0px;
text-align:justify;
}

.right2 {
width:450px;
float:right;
top:0px;
text-align:justify;
}

/* Footer udseende .............................................................................................................. */
#footer { 
background-color:#0A4366;
font-size:80%;
color:#FFFFFF;
text-align:center;
}

/* Footer link: hvid i stedet for blå ...........................................................................................*/
a.footerlink {
color:#FFFFFF;
}

.nonumber {
list-style:none;
}

/* Placering af visse reviewers billeder ........................................................................................ */
.right4 {
width:300px;
float:right;
top:0px;
}

.left3 {
width:300px;
padding-top:0px;
text-align: justify;
}

/* Placering og tekst størrelse på tekst om copyright ...........................................................................*/
.copyright {
font-size:80%;
color:#666666;
margin-top:0px;
}

.johan {
padding-left:50px;
}

/* Placering af Soeren Dahlgaards video på udstillings eller exhibition siderne ....................................................*/
.right5 {
width:270px;
float:right;
top:0px;
padding-top:0px;
text-align: justify;
}