@import url("reset.css");
@font-face { font-family: 'Prototype';
src: url('../font/Prototype.eot'); } 


@font-face {
	font-family: 'Prototype';
	src: local('Prototype.ttf'),
      url('../font/Prototype.ttf') format('truetype');
}
html	{
            background: #fff url(../img/contentbg.gif);
            }
body       {
            font: normal 110%/120% "Helvetica Neue",Helvetica, Verdana, sans-serif;
            color: #0f44a4;
background: transparent url(../img/halleneustadtbg.jpg) top left repeat-x;
            }
a{color: #4669C4;}
a:visited {color: #000}
a img{border:none}
h2, h4, legend, .flickr a{font-family: Prototype,"Bauhaus 93", Blippo, "Blippo Black","EF Blippo Black",Expressa,Pump,Moderna, sans-serif;
}
p{
margin:0.5em 0;
}
#service{
position:absolute;
width:100%;
background: transparent url(../img/service.png) 0 0 repeat-x;
}
#service form{
float:right;
margin:0;
padding: 0.5em 1em 0.5em 0;
}

#service form input{
opacity:.75
}

#service form input#search{width:8em; border-radius:.3em}
#service form input:focus{
opacity:100
}

#mainnavi{
position:absolute;
z-index:100;
top: 263px;
font:bold italic 150% Arial, Verdana, sans-serif;
width:100%;
background: transparent url(../img/mainnavi.png) 0 0 repeat-x;
}


#mainnavi ul,#service ul{
float:left;
display:inline;
list-style-type:none;
margin:0 0 0 5%;
width:93%;
}

#service ul{
display:none;
margin-left:0;
width:60%
}
@media (max-width:800px) {#service{display:none}}

#mainnavi li, #service li{
float:left;
padding-left:.8em;
background:transparent;
height:2em;
width:5em;
margin:.4em .6em 0 2em;
}
#service li{
width:8em;
margin:0.2em 0.3em 0.1em 0
}
#service li a{
line-height:130%;
padding-left:1.5em;
}
#service li a.increaseFont{
background: transparent url(../img/font_plus.gif) 0 0 no-repeat;
}
#service li a.decreaseFont{
background: transparent url(../img/font_minus.gif) 0 0 no-repeat;
}
#service li a.resetFont{
background: transparent url(../img/font_reset.gif) 0 0 no-repeat;
}
#mainnavi li.home{
background: transparent url(../img/home.png) 0 0 no-repeat;
margin-left:-50px;
}
#mainnavi li.fb{
background: transparent url(../img/mail.png) 0 0 no-repeat;
}
#mainnavi li.info{
background: transparent url(../img/info.png) 0 0 no-repeat;
}
#mainnavi li.faq{
background: transparent url(../img/questionMark.png) 0 0 no-repeat;
}

#mainnavi a, #service a{
background:transparent;
text-decoration:none;
color:#fff;
display:block;
width:100%;
height:100%;
font-weight:500;
line-height:160%;
margin-left:1em
}

#service a{
line-height:130%;
font-size:100%
}
#mainnavi a:hover{
color:#4267cf;
}
#sitemast {margin:0 ; height:300px;background: transparent url(../img/halleneustadthead.jpg) 0 120% no-repeat;}
#sitemast h1 {display:none} 
#sitemast h1 span {display:none}
#sitemast object {width:13em;height: 15em; margin:20px 77% 0 2em;opacity:0.5}
#sitemast object:hover {opacity:1}
#content {float:left; width: 70%; padding: 2em 0 3em 5%;
       }

#content a, #navpres a{
color:#062e77;
font-weight: 500
}
.flickr{
position:relative;
margin: 5% auto;
width: 500px;
height: 333px;
border: 5px solid #ccc;
font: 1.5em/1.2 normal;
overflow:hidden
}

.flickr a {
display: block;
position: absolute;
bottom: 0;
right: 0;
left: 0;
font-weight: bold;
background-image: url(../img/singlepixel.gif); /* Increase klickable area in IEs*/
background-color: rgb(255,255,255);
background-color: rgba(255,255,255,.3);
background-color: transparent\9; /* Hide solid background for IE8 */
filter:progid:DXImageTransform.Microsoft.gradient( 
		  startColorstr=#4CFFFFFF,endColorstr=#4CFFFFFF); /* IEs */
zoom:1;
padding: 10px;
text-decoration: none;
text-align: right;
}
html:not(:nth-child(1)) .flickr a {background-color: rgba(255,255,255,.3)}		
.flickr a:hover {background-color: rgba(255,255,255,.8); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF)}
html:not(:nth-child(1)) .flickr a:hover {background-color: rgba(255,255,255,.8)}

.flickr .subline {
display: block;
font-weight: normal;
font: 0.9em Arial, Verdana, sans-serif;;
}

.postedby{
margin-bottom:0.5em
}
.skipper{display:none}
#navpres{
background-color: #eaf3f0;
}

.panel {float:right; width: 20%;
margin: -0.2em 0 0;
padding-top:2em
  }
div>h4{
font-size: 1.8em; 
}
.panel h4 {
margin:1em 0;
       padding: 0.33em 0.5em 0.1em 0.33em;
       background: #2f62b5 url(../img/navbar.png) 0 0 repeat-x;
       font-style: italic;font-size: 1.2em; 
       line-height: 0.7em;
       letter-spacing: 1px;
       color: #fff;
border-top:1px solid #fff;
border-left:1px solid #fff;
text-decoration:none;
       }
.panel ul {
       margin: 0 0 1.5em; 
       padding: 0.25em 0 0.5em 1em;
       list-style: none;}
.panel ul ul {margin: 0; padding: 0 0 0 0.5em;}


#footer {clear: both; border-top: 3px double; padding: 0.75em 1em 1em;
  color: #fff; font-size:130%;font-weight:400; background: #2f62b5 url(../img/navbar.png) 0 0 repeat-x;
 }
#footer p {
width:33%;
margin:0 0 0 32%;
}

img.topicimage  {
        float: left;
        margin: 0.5em;
}


.cms_block iframe{
margin-left:0.5em
}

.opentable{
border:1px dotted #2f62b5;
margin: 0.5em 0;
padding: 0.5em
}
.artikelbox_vorschau h2, .artikelbox h2,.messagebox h2, legend{
color:#4267cf;
font-size:1.9em;
margin: 1em 0 0.5em;
}

#content .artikelbox_vorschau h2 a{
color:#ccc;
text-decoration:none
}

.bildcontentlinks, .bildcontentrechts{
float: right;
margin:0.5em;
background-color:#fff;
padding:0.3em;
border: 1px solid #ccc
}

.morelink{
clear:both;
border-bottom: 1px dotted #2f62b5;
border-top: 1px dotted #2f62b5;
 text-align: right;
}

.ac_results {


	padding: 0px;
	border: 1px solid #0f44a4;
	background: transparent url(../img/service.png) 0 0;
	overflow: hidden;
z-index:500
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0;
	padding: 0.2em 0.5em;
	cursor: pointer;
	display: block;
	width: 100%;
	overflow: hidden;
color:#fff
}
.ac_loading {
	background : url('../img/indicator.gif') right center no-repeat;
}
.ac_over {
	background: #2f62b5 url(../img/navbar.png) 0 0;
	color: #fff;
}

p.flickrthumb img{
margin-right:0.2em;
background-color:#fff;
padding:0.2em;
border: 1px solid #ccc
}