@media screen,projection {
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Times, 'Times New Roman', Georgia, serif; 
	font-size: 80%;
	background: #e5eaf0;
	text-align: center;
	color: #262154;
	line-height: 160%;
     }

.art {
	font-family: Arial;
	font-size: 70%;
	border: 1px #336699 solid;
	width: 160px;
	margin-bottom: 1em;
	}

span.h3 {
	display: block;
	}

h1, h2, h3, h4 {
	margin-top: 1em;
 }

.art h3, span.h3 {
	background-color: #336699;
	margin: 0;
	padding: 2px;
	color: #fff;
	font-size: 90%;
	font-weight: normal;
	text-decoration: underline;
	}

.art h3 a, span.h3 a {
	color: #fff;
	}


.art h4, span.h4 {
	padding: 0 2px;
	margin: 0;
	font-size: 95%;
	}

.art h4 a, span.h4 a {text-decoration: none; font-weight: bold;}

.art h4 a:hover {text-decoration: underline;}

.art h4 a:visited, .art h4 a:active {color: #336699;}

.art p {
	padding: 0 2px;
	margin: 0 0 0.5em 0;
	}

.left {float: left;}
.right {float: right;}

div.cb {clear: both;}

.cart a img {border: none;}
.cart {border: 1px #336699 solid; margin-bottom: 1em;}

a {color: #003399;}


#left, #right {width: 160px;}
#main {
	width: 625px;

	padding: 3px;
	}
#left {
	left: 10px;
	position: absolute;
	}
#right {
	left: 815px;
	position: absolute;
	}
/*
#main {
	width: 625px;
	float: left;
	padding: 3px;
	left: 180px;
	position: relative;
	}
#left {
	left: -795px;
	position: relative;
	}
#right {
	left: 180px;
	position: relative;
	}
*/

/* #page {padding: 10px 15px; width: 990px;} */
#page {
	padding: 10px 15px; 
	width: 990px;
	margin: 0 auto;
	}

#page-in {padding: 0 10px 10px 10px;}
#page-in h2 {margin-top: 1em;}
#page-in p {margin-top: 1em; text-align: justify;}

#page-ins {padding: 10px;}
#page-ins h2 {margin-top: 1em;}
#page-ins p {margin-bottom: 1em; text-align: justify;}

#page-ins h1, #page-ins h2, #page-ins h3, #page-ins h4, #page-ins h5 {font-family: Arial;}

#page-ins h1 {font-size: 130%;}
#page-ins h2 {font-size: 100%;}
#page-ins h3 {font-size: 100%;}
#page-ins h4 {font-size: 90%;}
#page-ins h5 {font-size: 80%;}

#page-ins div.record p.link {
	float: right;
	margin: 0px;
	padding: 0;
	}

#page-ins div.record p.abstrakt {
	margin: 0px;
	padding: 0;
	}

div.record {
	margin: 0px;
	padding: 0;
	}
/*
.horo img {
	margin-top: 2em;
	}

.horo img.left {
	padding: 0em 1em 0 0;
	}

.horo img.right {
	padding: 0em 0 0 1em;
	}
*/

div.uo {
	clear: both;
	font-size: 1px;
	margin: 0;
	padding: 0;
	}

li {
   list-style-position: outside;
   padding-left: 0;
   margin-left: 0;
   text-indent: 0;
   }

h4 {
   font-size: 120%;
   }

ul.rec {
    margin: 0 0 10px 0;
    padding-left: 0px;
    width: 85%;
}
ul.rec li {
    padding-right: 5px; float: left; width: 24%; text-align: left;
    font-size: 85%;
    line-height: 130%;
    list-style-type: none;
    margin-left: 0px;
    list-style-position: inside;
}
ul.rec a {text-decoration: none;}
ul.rec a:hover {text-decoration: underline;}

#cat td {
	padding: 2px 0;
	}

span.b {font-weight: bold;}

hr {
	margin: 20px auto;
	height: 1px;
	}

#areafilters, #genderfilters {
	list-style-type: none;
	font-size: 120%;
	background-color: #F5FAFF;
	padding: 5px;
}

#areafilters li a.active, #genderfilters li a.active {
	font-weight: bold;
}

#glob {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 60%;
	padding: 0 0 0 10px;
}

#gplus {height: 125px; width: 106px;}

}