body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul {font-color: white;}
body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul {font-family: verdana, arial, calibri;}

  A:link
  {color: orange; text-decoration:underline; }

  A:visited
  {color: orange; text-decoration:underline; }

  A:active
  {color: yellow; text-decoration:underline; }

  A:hover
  {color: yellow; text-decoration:underline; }

BODY { SCROLLBAR-FACE-COLOR: #c81e1e; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #c81e1e; SCROLLBAR-ARROW-COLOR: #fefefe; SCROLLBAR-TRACK-COLOR: #223269; SCROLLBAR-DARKSHADOW-COLOR: black }

body {font-size: small; font-color: white;}

table,tr,td,img {
                 border-radius: 3px;
                 -moz-border-radius: 3px; 
                 -webkit-border-radius: 3px;
                 }

input{
font-family: verdana, arial, calibri;
font-size: 10px;
color: #ffffff;
border: 2px solid orange;
background-color: #c81e1e
}

select{
font-family: verdana, arial, calibri;
font-size: 10px;
color: #ffffff;
background-color: #c81e1e;
link-color: orange
}

a {
  background: transparent;
  text-color: white;
  text-decoration: none;
}

/* Der Content-Bereich */
#content {
	width:800px;
	margin:10px 0px 10px 0px;
	padding:0px;
	position:relative;
	text-align:left;
}


/* Der Container für das Kartenbild */
#map {
	background-image: url(images/europa.gif); 
	width:358px;
	height:659px;
	position:relative;
	text-align:left;
}

/* Der Container für das MouseOver ... dingens */
#inf {
	display:none;
	position: absolute;
	background-color:orange;
	font-size: 10px;
	width: 200px;
	z-index:10;
	padding: 5px;
	border: 1px solid #ddd;
}

#inf h2 { 
	color: #666; 
	font-style: italic;
	font-weight: bold;
	font-size: 130%;
	margin: 0 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}


/* die punkte auf der karte (durch verschiedengroße bilder realisiert)*/
#map a {
	background-repeat: no-repeat;
	width: 5px;
	height: 5px;
	position: absolute;
	text-decoration: none;
	overflow:hidden;
}


#map a:hover{ 
	border: 1px solid #fff;
}

.p1 {
	background-image: url(images/p1.gif);
	background-position: 2px 2px;
}

.p2 {
	background-image: url(images/p2.gif);
	background-position: 1px 1px;
}

.p3 {
	background-image: url(images/p3.gif);
	background-position: 1px 1px;
}

.p4 {
	background-image: url(images/p4.gif);
}

#clockdiv{
    font-family: verdana, arial, calibri;
    color: #fff;
    display: inline-block;
    font-weight: 60;
    text-align: center;
    font-size: 10px;
}

#clockdiv > div{
    padding: 4px;
    border-radius: 3px;
    background: #c81e1e;
    display: inline-block;
}

#clockdiv div > span{
    padding: 4px;
    border-radius: 3px;
    background: #223269;
    display: inline-block;
}

.smalltext{
    padding-top: 3px;
    font-size: 10px;
}