*{
    font-family: Arial;
}
body{
    margin:0px;
    padding: 0px;
    background: /*url("../img/bg_body2.jpg")*/ fixed repeat-x bottom;
    color:#000;
}

.f-r { float: right; }
.f-l { float: left; }
.c-b { clear: both; }

#body_table{width: 100%; height: 100%; position:  absolute}

#body_td{vertical-align: middle; text-align: center; padding: 5px}

#main{
    margin: 10px auto 3px;
    text-align: center;
    width: 90%; max-width: 1300px; min-width: 400px;
    box-shadow: 0px 0px 7px 1.5px #8B97A0;
}
#logo{
    background: #fff url('../img/Abstract.jpg') no-repeat bottom right;
	background-size: cover;
}
#logo img { width: 100%; max-width: 233px; margin: 2px 10px; }

#logo table th{
    text-align: right;
    font-size: 12px;
	line-height: 25px;
}

.archive-area select{
    height:24px;
    width: 80px;
}

.archive-area select.archiv-number { width: 40px; }

#logo table td, #logo table th{
    padding:3px;
}


fieldset{
    font-size: 12px; 
    border: 1px #2276BB solid;
    border-radius:3px; 
    padding: 0px 5px 3px 5px;
    height:80px;
}

fieldset legend{
    font-weight: bold;
    color: #1B4068;
    font-size: 12px;
}

#logo a,#logo a:hover {
    color:#000; text-decoration: none;
}


.whitespace{
    background: url("../img/space.png") top repeat-x; height: 5px;
}
#menue{
    background: #83BCEA url('../img/space.png') top repeat-x;
    width: 200px;
    border-right: 2px solid #2276BB;
    padding-top: 10px;
}

#menue a{
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    height:28px;
    display: block;
    /*white-space:nowrap;*/
    color:#16252D;
    text-decoration: none;
    letter-spacing: 1px;
}
#menue a:hover{
    text-decoration: none;
    text-shadow: 0px 0px 5px #FFFFE8;
    background: url("../img/menue_02.png") repeat-y;
}

#menue #aktuell{
    text-decoration: none;
    background: url("../img/menue_01.png") repeat-y;
    font-weight: bold;
    letter-spacing: 1.5px;
}
#menue .break{
    height: 1px;
    background: url("../img/menue_03.png") repeat-y;
}

#menue td{
    width: 200px;
    text-align: center;
    vertical-align: bottom;
    overflow: hidden;
}

#menue_sub a{
    height: 17px;
    line-height: 17px;
    text-align: left;
    font-size: 15px;
    padding-left: 10px;
    overflow: hidden;
}

.menue_sub_sub a{
    height: 17px;
    line-height: 17px;
    text-align: left;
    font-size: 12px;
    padding-left: 15px;
    overflow: hidden;
}

#content{
    height:450px;
    padding:10px 15px 10px 15px;
    font-size:13px;
    background: #FDFFF4 url('../img/space.png') top repeat-x;
}

#content p{
	line-height: 20px;
}

#content a{
    color:#353535;
}
#content a:hover{
    color: #000;
}

table, td, th{
    border-spacing: 0px;
    padding: 0px;
    vertical-align: top;
    text-align: left;
}
h1{
    text-align: left;
    margin:8px 0px 2px 0px;
    font-size:25px;
    width: 100%; 
    padding:0px;
    border-bottom: 1px #2276BB solid;
}
h1,h2,h3,h4, h5{
    color: #1B4068;
    margin-bottom: 2px;
}

img{
    text-decoration: none;
    border: 0;
}

#bottom, #bottom a{
    	color: #999; font-size: 11px; font-style: italic; text-decoration: none;
}

table, tbody, tr, th, th{
    padding: 0px; border-spacing: 0px;
}

hr{
    margin: 2px 0px 2px 0px;
    color:#2B4B5B;
}

#impressum{
    margin-left: auto; margin-right: auto; text-align: center; border-spacing: 3px;
    background:url('../img/logo_3.png') no-repeat top right;
}
#impressum th{
    text-align: right;
    width: 160px;
}
#impressum td, th{
    padding:1px;
}

#impressum a{
    text-decoration: none;
}

#contact li{
    margin: 3px 0px 2px 0px;
}

#prolog{
    margin:0px;
    padding: 15px;
    text-align: center;
    border-top: 2px #2276BB solid;
    font-size: 18px;
    letter-spacing: 1px;
    color:#1B4068;
    font-weight: bold
}
#highlights li{
    line-height: 21px;
    font-size: 18px;
    font-weight: bold;
}

#highlights a{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

#highlights ul{
    margin-left: 20px;
    padding: 0px;
    line-height: 24px;
}

#highlights ul li ul li{
    margin:0px;
}

#highlights{
    padding: 5px;
    width: 60%;
    min-width: 350px;
}


#highlights h2{
    margin: 3px 10px 7px 0px;
    padding: 0px;
    font-size: 30px;
    font-weight: bold;
    text-align: center
}

h2.archivehead {
	text-align: center;
    font-size: 18px;
    background-color: lightgrey;
	line-height: 25px;
}

.yearlink{
    margin-left:auto;
    margin-right: auto;
}

.yearlink td{
    width: 105px;
    text-align: center;
    padding: 3px;
}

.yearlink > a {
    width: 125px;
    height: 177px;
    display: inline-block;
    margin: 2px;
    background-size: cover;
    background-position: center;
    position: relative;
    border: 1px solid #2276BB;
    color: #000;
    font-size: 0;
    border-radius: 1px;
    box-shadow: 0px 0px 1px 0 #2276BB;
    transition: all 0.2s;
}

.yearlink > a:after {
    content: attr(data-number);
    font-size: 11px;
    color: #fff;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 0;
    padding: 5px 3px;
    background-color: rgba(0,0,0,0.4);
    left: 0;
    right: 0;
	transition: all 0.5s;
}
.yearlink > a:hover:after {
    content: attr(title);
}
.yearlink > a:hover {
	color: #555;
	box-shadow: 0px 0px 2px 1px #2276BB;
	opacity: 0.9
}

.yearlink > a:hover:after {
	background-color: rgba(0,0,0,0.8);
}

.yearlink > a + .admin-buttons {
	display: inline-table;
    width: 125px;
    position: absolute;
    margin-left: -128px;
    margin-top: 6px;
}

.yearlink > a + .admin-buttons > a {

}

#directory{
    width: 100%;
    font-weight: bold;
    font-size: 17px;
    margin-top: 10px;
}

#directory ul{
    padding: 0px 0px 0px 25px;
    margin: 0px 0px 0px 0px;
}

#directory .cover{
    width: 200px; float: right; margin: 0px 20px 5px 5px
}

#directory div{
    font-weight: normal;
    font-style: italic;
    font-size: 13px;
    line-height: 14px;
}

#directory a{
    font-size: 14px;
}

.shadow, #article img{
    border:solid 1px #2276BB;
    box-shadow: 1px 1px 3px 0px #8B97A0;
}

#article img{
    padding:0px;
    margin: 3px 10px 5px 0px;
}

#headline{
    background: #bbb;
    font-size: 20px;
    font-weight: bold;
    margin: 3px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    text-align: center;
}
#headline a{
    color:#000;
    text-decoration: underline;
    float: left;
    font-size: 17px;
}
#headline div{
    float: right;
    font-style: italic;
    font-size: 18px
}
#headline span{
    padding-left: 20px
}

.button {
    color: #000;
    border: 1px solid #3C7FB1;
    background: #A9DBF6; font-weight: bold; font-family: arial; font-size: 14.5px;
    background: linear-gradient(to bottom,  #EAF6FD,  #A9DBF6);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAF6FD', endColorstr='#A9DBF6');

}
.button:hover {
    background: #EAF6FD;
    text-decoration: none;
}
.button:active {
    background: #EAF6FD;
    background: linear-gradient(to bottom,  #A9DBF6,  #EAF6FD);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9DBF6', endColorstr='#EAF6FD');
}

.txtbox{
	padding: 0 2px;
    font-size: 12px;
    border:solid 1px #2276BB;
    border-radius: 2px;
    margin: 1px;
    height:15px;
    color: #1B4068;
    background: #fff;
    background: linear-gradient(to bottom,  #fff,  #EFEFEF);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#EFEFEF');
    font-weight: bold; font-family: arial;
}
.txtbox:hover {
    text-decoration: none;
    background: #EFEFEF;
    background: linear-gradient(to bottom,  #fff,  #EAF6FD);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#EAF6FD');
}
.txtbox:focus
{
    background: #fff;
}
.green, .green:hover{
    background: #4fff4f;
    background: linear-gradient(to bottom,  #fff,  #4fff4f);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#4fff4f');
}
.green:focus{
    background: #4fff4f;
}
.red, .red:hover{
    background: #ff5656;
    background: linear-gradient(to bottom,  #fff,  #ff5656);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ff5656');
}
.red:focus{
    background: #ff5656;
}

#feedback{
    padding: 0px 295px 0px 0px;
    background: url("../img/feedback.png") no-repeat right top;
}

#feedback table{
    width: 100%
}

#feedback th{
    text-align: right;
    vertical-align: top;
    width: 60px;
    font-size: 14px
}

#feedback td, th{
    padding: 2px;
}
#feedback td{
    text-align: center
}

#feedback input, #feedback textarea{
    width: 300px;
    margin: 0px;
    padding: 1px;
    font-size: 12px;
    color: #000;
    font-weight: normal;
}

textarea{
    resize:vertical
}
#info{
    font-size:11px; margin-top:20px
}
#info a, #info a:hover{
    display: inline;
    font-size: inherit;
    line-height: inherit;
    height:inherit;
    color:inherit;
    text-decoration: inherit;
    letter-spacing: inherit;
    background: none;
}

#articlepic { padding: 10px; text-align: center; }
#articlepic > img {  width: 100%; max-width: 225px }
#articlepic a { font-size: 18px; display: block; font-weight: bold; text-align: center; text-decoration: none }
#articlepic a > img { height: 30px; margin-bottom: -5px }

.search-area,.archive-area {border-left:2px #000; text-align: left; width: 250px}
.archive-area { width: 150px }
.top-articles tbody tr th { width:20%; overflow: hidden;  }

@media only screen and (max-width:1000px){
    #main{
		width: auto;
		margin-left: 2%;
		margin-right: 2%;
	}
	#impressum { background-size: 30%; }
}

@media only screen and (max-width:850px){
    #main{
		margin: 0 0 5px;
	}
	
	#body_td {
		vertical-align: top;
		padding: 0;
	}
	#impressum { background: none; }
	
	#highlights{
		width: 70%;
		min-width: 300px;
	}
	.archive-area { width: 135px; }
	.archive-area select { width: 66px; }
}

@media only screen and (max-width:600px){
		#logo img { margin: 20px 5px; }
}

@media print {
	#body_td {
		vertical-align: top;
		padding: 0;
		border: none;
		background: none;
	}
	#main{
		margin: 0 0 5px;
		border: none;
		border-radius: 0;
		width: auto;
		box-shadow: none;
		background: none;
	}
	#content { border: none; background: none; }
	#logo, #menue, .noprint { display: none; border-radius: 0; }
	.shadow, #article img { border-color: #000; box-shadow: none; border-radius: 0; }
}