*
  { margin: 0; }

html
  { height: 100%; }

a { text-decoration: none; }

p:first-letter
  { display:block;
    margin:5px 3px 0 0px;
    float:left;
    color:#666666;
    font-size:3.2em;
    font-family:Georgia;
  }

h2, h3, h4
  { font-weight: normal;
  }

.logolink {
  background-repeat: no-repeat;
  border-bottom: 1px dotted #e3e3e3;
  padding:5px 0px 5px 0px;
  display: block;
  margin: 10px 0px 8px 0px;
  width: 230px;
  background-position: -230px 0;
}

.logolink:hover {
 background-position: 0px 0px;
}

a#hrologo {
  background-image: url(img/logo_rostock.png);
  height: 47px;
}

a#rtulogo {
  background-image: url(img/logo_rtu.png);
  height: 47px;
}

a#lutlogo {
  background-image: url(img/logo_lut.png);
  height: 47px;
}

a#aallogo {
  background-image: url(img/logo_aalborg.png);
  height: 47px;
}

a#aarhuslogo {
  background-image: url(img/aarhus_logo.png);
  height: 47px;
}

body
  { background-color: #e9e9e9;
    height: 100%;
    font-family: 'Source Sans Pro', sans-serif;
    color: #444444;
    line-height:1.4em;
    font-size: 100%;
    text-align:center;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

@media print {
  body {
    padding: 60px 60px 10px 60px !important;

  }
  table {
    padding: 50px 0px 30px 0px !important;
  }

  table.program tr td {
    padding-top:4px !important;
    padding-bottom:7px !important;
    line-height: 1.0 !important;
    font-size: 80% !important;
  }
  table.program tr td.datecaption {
    padding-top: 4px !important;
  }
  .authorprint {
    padding: 0px; !important;
    margin: 0px !important;
    font-style: italic;
    font-size: 70% !important;
  }
  table.program tr.odd {
   background-color: #f0faf6;
   padding-top: 8px;
   border-top:2pt solid #000000 !important;
   border-bottom:2pt solid #000000 !important;
  }
  small {
    font-size:60% !important;
  }
}


#wrapper
  { width: 900px;
    margin: 0px auto 0px auto;
    text-align:left;
    padding: 24px;
    background-color: #ffffff;
  }

#header
  { border: 1px solid #e9e9e9;   
    
  }

@keyframes animatedBackground {
                        0% { transform: translateX(0px);}
                        100% { transform: translateX(-1498px) rotate(0.1deg);}
                }
@-webkit-keyframes animatedBackground {
                        0% { transform: translateX(0px)}
                        100% { transform: translateX(-1498px) rotate(0.1deg);}
                }
@-ms-keyframes animatedBackground {
                        0% { transform: translateX(0px)}
                        100% { transform: translateX(-1498px) rotate(0.1deg);}
                }
@-moz-keyframes animatedBackground {
                        0% { transform: translateX(0px)}
                        100% { transform: translateX(-1498px) rotate(0.1deg);}
                }

#headerbg
  { width: auto;
    height: auto;
	position: relative;	
  }
  

  
#upperHeader {
  z-index: 0;
  width:auto;
  height:auto;
  position:relative;
  overflow:hidden;
  
  margin-top:0px;
  padding-top:10px;	
  background-image:url('img/skyline_copenhagen_trans.png');
}
  #upperHeaderCont {
	  z-index:2;
	  position:relative;
	  width:auto;
	  height:auto;
	  overflow:hidden;
  }
  
 #upperHeaderCont:before {
	z-index: 0;
	content: "";
	position: absolute;
	width: 2996px;
	height: 100%;
	top: -1px;
	left: 0%;
	
	
    background-image: url('img/bg-clouds.png');
    background-position: 0px 0px;
    background-repeat: repeat-x;
	
	animation-timing-function: linear;
    animation: animatedBackground 340s linear infinite;
    -ms-animation: animatedBackground 340s linear infinite;
    -moz-animation: animatedBackground 340s linear infinite;
    -webkit-animation: animatedBackground 340s linear infinite;	
 }

#titlebox
  {
    background-repeat:no-repeat;
    background-position: 0px 10px;
    background-image:url(img/mancomplogo.png);
    float: left;
    margin: 24px 0px 0px 24px;
    padding:10px 23px 0px 55px;
	color:black;
    text-decoration: none;
  }

#titlebox h2
  { font-size: larger;
    font-weight: bold;
  }


#rightbox
  { float: right;
    text-align: right;
    width: auto;
    left: 35px;
    height: auto;
    min-height: 60px;
    top: 35px;
    line-height:1.25em;
    padding: 45px 24px 0px 0px;
    font-size: 90%;
  }

.clearer
  { clear: both;
    height: 0px;
  }

#spacy
 { height: 30px;
   margin-top:0px;
   padding-top:0px;
 }

#feed
 { left:0px;
   position: absolute;
   bottom:0px;
   width:16px;
 }

#feed a {
    display: block;
    height:16px;
    width:16px;
 }

#feed a img {
    border:0px;
    }


#main
  { position: relative;
    margin-top: 20px;
    border: 1px solid #e9e9e9;
  }

#content
  { float: left;
    left: 0px;
    padding: 30px 20px 30px 20px;
    margin-right: 271px;
    width: 587px;
    border-right: 1px solid #e9e9e9;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

#sidebar
  { position:absolute;
    right: 0;
    top: 0;
    width: 230px;
    padding: 20px 20px 30px 20px;
    margin: 0px;
/*    border: 1px solid #e9e9e9;*/
  }

#sidebar h3
  { background-color: #f2f2f2;
    padding: 2px 5px;
    margin-bottom: 10px;
    font-size: 110%;
  }

#sidebar div.sidenote
  { padding: 0px 0px 25px 5px;
  }

#nav
  { width: 100%;
    margin-top: 0px;
    padding: 0px;
    border-bottom: 5px solid #d46300;
    background-color: #f3f3f3;
  }

#nav ul
  { list-style-type:none;
    list-style-image: none;
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;	
  }

#nav ul li
  { display:inline;
    position: relative;
    float: left;
  }


#nav ul li a
  { float:left;
    text-decoration:none;
    color: #444444;
    padding:10px 15px;
    margin-right: 1px;
    line-height: 1.69231em;
    font-size: 90%;
    text-transform:uppercase;
    display: block;
  }

#nav ul li.selected a,
#nav ul li.subselected a
  { background-color: #d46300;
    color: white;
  }

#nav ul li.selected a
  { font-weight: bold;
  }

#nav ul li:hover
  { position:relative;
    background:#ff811b;
  }

#nav ul li a:hover
  { color: #000000;
    background-color: #ff811b;
  }

#nav ul li.selected:hover a
  { color: white;
    background-color: #ff811b;
  }

#nav ul li a:active
  { color: #000000;
  }

#nav ul li ul
  { position:absolute;
    left:-9999px;
    top:-9999px;
    list-style-type:none;
    z-index:20;
  }
  
#nam ul li ul li 
  { z-index:30;
  }  

#nav li ul li a
  { padding:10px 15px;
    line-height: 1.69231em
  }


#nav li:hover ul
  { left:0px;
    top:40px;
    background:#ff811b;
    padding:0px;
  }

#nav li:hover ul li a
  { display:block;
    width:150px;
    background-color:#ff811b;
    font-weight: normal;
  }

#nav li:hover ul li.selected a
  { font-weight: bold;
  }

#nav li:hover ul li:hover
  { background-color:#f3f3f3;
    color: #000000;
  }

#nav li:hover ul li a:hover
  { background-color:#f3f3f3;
    color: #000000;
  }

#logos {
    position: absolute;
    top: -235px;
    height: 235px;
    left: 35px;
    width: 168px;
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
 }

#content_old
  { margin-left: 227px;
    margin-right: 57px;
    background-position:top;
    background-repeat: no-repeat;
    color: #002a42;
    line-height: 1.0em;
    padding-bottom:20px;
  }

#content table
 {
   margin-left: 35px;
 }

#content h2
 { font-size: 140%;
 }

#content h3
  { padding: 30px 0px 2px 0px;
    margin: 0px;
    font-size: 100%;
    font-weight: bold;
  }

#content h4
  { padding: 0 0px;
    margin: 10px 0px 10px 0px;
    font-size: 100%;
    font-weight: bold;
    border-bottom: 1px solid gray;
  }

#content h4.progchap
  { background: #F3F3F3;
    padding: 5px 15px;
  }

.artHeader { border-bottom-style: solid;
             border-bottom-width: 1px;
             border-bottom-color: #777777;
             padding:5px 0px;
             margin: 20px 15px 10px 15px;
             font-size: 14px;
             font-weight: bold;
           }

.artTitle { display: block;
            float: left;
          }

.artDate { text-align:right;
           vertical-align:bottom;
           font-size:10px;
           color:#666;
           margin-bottom:0px;
         }

.author { padding: 0px 0px 0px 0px;
          margin: 0px 30px;
          font-style: italic;
        }

.title { padding: 0px 0px;
         margin: 0px 30px;

       }
#content p
  { padding: 0 0px;
    text-indent: 0em;
  }

#content p.noindent
  { text-indent: 0em;
  }

#content a
  { color:#ac4800;
  }

#content ul
  { padding: 5px 20px 5px 40px;
  }

#content form
  { margin: 10px 15px;
  }

#content div.line
  { background: #000;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
  }

#push /* den wrapper lang genug machen */
  { height: 50px;
    clear: both;
  }


#footer
  { height: 50px; /* groessen identisch zu oben */
    width: 897px;
    margin: 0 auto;
    text-align:left;
  }

#footerline
  { margin: 25px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
    font-size:80%;
    border-top: 1px solid #e9e9e9;
    color: #666;
  }


/* Contents */

table.dates
 { margin:10px 10px 10px 10px;
   width:590px;
 }

table.dates tr td
 { padding:3px 8px 3px 8px;
   vertical-align:top;
 }

.emp
  { font-weight:bold;
  }

.high
  { background-color:#f6f6f6;
    border-spacing:10px;
  }

.catheader
  { border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #82838e;
    padding-top:4px !important;
    padding-bottom:4px;
    padding-right:15px;
  }

.entryrow
  { padding-bottom: 4px;
    padding-top:4px;
    vertical-align:top;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #efefdf;
    padding-right:15px;
  }
.newrow
  { background-color:#FFFCF1;
  }

.oldrow
  { color:#C0C0C0;
    background-color:#E0E0E0;
  }

.cattitle
  { font-weight:bold;
  }

.catmail
  { text-align:right;
  }

table
 { border-collapse:collapse;
   font-size:1em;
 }

/* galerie-kram */

.previewpic
 { padding:2px;
   margin:1px;
   border-width:1px;
   border-style:solid;
   border-color:#e2e3de;
   cursor: pointer;
   background-color:#eee;
 }

.previewpic:hover
 { background-color:#fff;
   border-color:#fe9a4a;
 }

#previewline
  { text-align:center;
    margin:4px 6px 0px 5px;
    border-width:1px;
    border-style:solid;
    border-color:#e2e3de;
    background-color:#FCFCFC;
    padding:5px;
  }

.picview { text-align:center;
           padding:5px 1px 0px 1px;
         }
.picview img { border-width:1px;
               border-style:solid;
               border-top-color:#e2e3de;
               border-left-color:#e2e3de;
               border-right-color:#c4c5bb;
               border-bottom-color:#a4a797;
             }

#thecomment { text-align:center;
              font-size:0.9em;
              padding-top:4px;
            }

.arrow {margin:8px; border:0px;}
#leftarrow {display:inline;}
#leftarrowen { cursor: pointer;}
#previewpics {display:inline;}
#rightarrow { display:inline;}
#rightarrowen { cursor: pointer; }
.pageselector { margin-top:5px; margin-bottom:5px; }
.pageren { display:inline;
           cursor:pointer;
           padding-left:5px;
           padding-right:5px;
           border-width:1px;
           border-style:solid;
           border-color:#e2e3de;
           margin:2px;
           background-color:#E1D698;
         }
.pageren:hover, .pageren:active {background-color: #EDDC4E;}
.pagerdis { display:inline;
            padding-left:5px;
            padding-right:5px;
            border-width:1px;
            border-style:solid;
            border-color:#E5E6E1;
            margin:2px;
            background-color:#FAFAFA;
          }

#piccontainer { position:relative;
                text-align:center;
                width:570px;
                padding-left:3px;
              }

#loadlayer { position:absolute;
             top:178px;
             height:124px;
             width:575px;
             left:0px;
             visibility:hidden;
           }
#loadlayer img { border-width:0px; }

table.program {
 margin: 10px 0px 10px 0px !important;
 text-align: left;
 width: 100%;
 font-size: 90%;
 -moz-hyphens: auto;
 -o-hyphens: auto;
 -webkit-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
}

table.program tr td i {
 -moz-hyphens: none;
 -o-hyphens: none;
 -webkit-hyphens: none;
 -ms-hyphens: none;
 hyphens: none;
}

/*
table.program tr td i:before {
 content:'\A';
 white-space: pre;
}
*/

table.program tr {
 background-color: #caeedd;
/* background-color: #a0b5dc; */
}

table.program tr.odd {
 background-color: #f0faf6;
 padding-top: 8px;
 border-top:1pt solid #cee0ea;
 border-bottom:1pt solid #cee0ea;
}

table.program tr.entry {
 padding-top: 4px;
 border-top: 1pt solid #dfebf1;
 border-bottom: 0pt solid #cee0ea;
}

table.program tr.entry td {
 padding-left: 30px;
}

table.program tr.empty {
 background-color: transparent;
}

table.program tr td.datecaption {
 margin-top:15px;
 font-weight: bold;
 font-size: 14px;
 padding-top: 8px;
 padding-right: 4px;
 padding-bottom: 8px;
 padding-left: 10px;
 background-color: #1e5c3d;
 color: #FFFFFF;
}

table.program tr td {
 padding:3px 8px 3px 10px;
 vertical-align:top;
}

.rechts2 td + td {
 text-align:right;
}

.rechts2 td + td + td {
 text-align:left;
}

.dosenfleisch {
         display:none;
}

.boxlink {
 text-align: center;
 display: block;
 border: 1px solid #EEE;
 padding: 5px;
 background: #FEFEFE;
 margin: 5px 50px 15px 50px;
 line-height: 40px;
}

.boxlink:hover {
 background: #FFFFFF;
 border-color:   #d46300;
}
.boxlink img {
 margin-right: 10px;
 margin-top: -5px;
 vertical-align: middle;
}

.nobr {
  white-space:nowrap;
}

tbody {
/*  page-break-inside:avoid; */
}

div.thumbnails img {
  width: 120px;
  height: 70px;
}