/* ----------------------------------Prospero KG CSS written by Henrik Kraus, Soulbaseconcept-------------------------------*/

body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	font-size:100.01%;
	color:#000;
	text-align:center;

}

img {
	margin:0;
	padding:0;
	border:0;
  }
  
.justify {
	text-align:justify;
}

.bold {
	font-weight:bold;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

.clear {
	clear:both;
	padding:0;
	margin:0;
}

a {
	outline:none;
	text-decoration:none;
}

.float {
	position:relative;
	float:left;
	width:612px;
}

p {
	color:#5c66a6;
	font-size:.8em;
	margin:0;
	padding:10px 0 10px 0;
}

address {
	color:#747578;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	margin:0;
	padding:0 0 15px 0;
	text-align:justify;
	font-style:normal;
}

address a:link, address a:visited, address a:hover {
	color:#5c66a6;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:.9em;
	text-decoration:none;
}

address a:hover {
	text-decoration:underline;
}

acronym  {
   border-bottom: 1px dotted red;
   cursor: help;
 }
 
/* ----------------------------------START Container-------------------------------*/
#container {
	position:relative;
	margin:0 auto;
	width:1000px;
}

#wrapper {
	position:relative;
	float:left;
	margin:0;
	width:980px;
	padding:0 10px 0 10px;
    text-align:left;	
	background:url("../images/body-bg.jpg") repeat-y top left;
}
/* ----------------------------------END Container-------------------------------*/

#top-one, #top-two, #top-three, #top-four, #top-five, #top-six, #top-seven {
	position:relative;
	float:left;
	margin:0;
	padding:27px 35px 0 0;
	width:945px;
	height:294px;
	border-bottom: 1px solid #3276be;
	background:url("../images/prospero_header_one.jpg") top left no-repeat #fff;
}

#top-two {
	background:url("../images/prospero_header_two.jpg") top left no-repeat #fff;
}

#top-three {
	background:url("../images/prospero_header_three.jpg") top left no-repeat #fff;
}

#top-four {
	background:url("../images/prospero_header_four.jpg") top left no-repeat #fff;
}

#top-five {
	background:url("../images/prospero_header_five.jpg") top left no-repeat #fff;
}

#top-six{
	background:url("../images/prospero_header_six.jpg") top left no-repeat #fff;
}

#top-seven{
	background:url("../images/prospero_header_seven.jpg") top left no-repeat #fff;
}

#time-wrapper {
	position:relative;
	float:right;
	margin:0;
	padding:0 0 39px 0;
	width:100%;
}

#date {
	position:relative;
	float:right;
	margin:0;
	padding:12px 5px 0 18px;
	font-size:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#3074be;
	font-weight:normal;
}
#time {
	position:relative;
	float:right;
	margin:0;
	padding:12px 0 0 6px;
	font-size:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#3074be;
	font-weight:bold;
}

#topnavi {
	position:relative;
	float:right;
	margin:0;
	padding:0;
	background-color:transparent;
}

#topnavi ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#topnavi li {
	margin:0;
	padding:0;
    display:inline;
}

#topnavi li a {
	margin:0;
	padding:0;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#747578;
	font-weight:normal;
}

#topnavi li a:hover {
	color:#3c638d;
	background:url("../images/line-ani.gif") bottom center no-repeat;
}

.topnavi-spacer {
	margin:0;
	padding:0;
	background:url("../images/spacer.jpg") 3px 5px no-repeat;

}

#navi{
	position:relative;
	float:left;
	width:953px;
	height:46px;
	margin:0;
	padding:0 0 0 27px;
	border-bottom: 1px solid #3276be;
	background:url("../images/navi-bg.jpg") top left repeat-x;
}

#search-bread{
	position:relative;
	float:left;
	width:980px;
	height:34px;
	margin:13px 0 0 0;
	display:inline;
	padding:0;
	background:url("../images/search_bread-bg.jpg") top left no-repeat;
}

#search{
	position:relative;
	float:left;
	width:309px;
	height:33px;
	margin:0;
	padding:1px 0 0 0;
}

#search form, #search form fieldset{
	 margin:0;
	 padding:0;
	 border:none;
 }

#search form fieldset legend{
	 display:none;
	 visibility:hidden;
 }

.search { 
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 12px;
	 color: #fff;
	 font-weight:normal;
	 width: 161px;
	 height:21px;
	 margin:0 0 6px 0;
	 padding:2px 0 1px 43px;
	 display:inline;
	 text-align:left;
	 background:url("../images/trans.gif") top left no-repeat transparent;
     border:none;
	 outline:none;
	 }
.searchgo { 
	 width: 22px;
	 height:22px;
	 margin:0 0 9px 0;
	 padding:0 0 2px 0;
	 text-align:center;
	 background:url("../images/trans.gif") top left no-repeat transparent;
	 border:0;
	 outline:none;
	 cursor:pointer;
	 }

#breadcrumb{
	position:relative;
	float:left;
	width:671px;
	height:28px;
	margin:0;
	padding:6px 0 0 0;
}

#breadcrumb ul{
	list-style-type:none;
	margin:0;  
	padding:0;
	}
	
#breadcrumb li{
	display:inline;
	margin-left:2px;
	margin-right:2px;
	font-weight:normal;
	}
	
#breadcrumb, #breadcrumb li, #breadcrumb li a:link, #breadcrumb li a:visited, #breadcrumb li a:hover{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4d4848;
	font-weight:normal;
	}

#breadcrumb li a:hover{
	background:url("../images/line-ani.gif") bottom center no-repeat;
	}
	
#breadcrumb #arrow{
	margin:0;
	padding:0 35px 9px 0;
	color:#4d4848;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
    background:url("../images/arrow.jpg") 157px 4px no-repeat;
	}

#contentwrapper{
	position:relative;
	float:left;
	width:909px;
	margin:0;
	padding:0 36px 0 35px;
	background-color:transparent;
}

#leftblock{
	position:relative;
	float:left;
	width:201px;
	margin:0;
	padding:27px 35px 0 0;
	background-color:transparent;
}

#leftblock .box{
	position:relative;
	float:left;
	width:181px;
	margin:0 0 14px 0;
	display:inline;
	padding:10px;
	background-color:#f0f5fa;
}

#leftblock .box h1 {
	position:relative;
	float:left;
	margin:0;
	display:inline;
	padding:0 0 10px 0;
	color:#747578;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background:none;
}

#leftblock .box .image{
	position:relative;
	float:left;
	padding:1px;
	border:1px solid #858585;
}

#leftblock .box p{
	position:relative;
	float:left;
	margin:0;
	padding:10px 0 0 0;
	color:#858585;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background:none;
}

#leftblock .box p a{
	color:#ea8e0b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	background:none;
}

#leftblock .box p a:hover{
	background:url("../images/line-ani.gif") bottom center no-repeat;
}

#line{
	position:relative;
	float:left;
	width:2px;
	overflow:hidden;
	min-height:741px;
	margin:0;
	padding:0;
    background:url("../images/line.jpg") top left no-repeat;
}

#line-impressum{
	position:relative;
	float:left;
	width:2px;
	overflow:hidden;
	min-height:1026px;
	margin:0;
	padding:0;
    background:url("../images/line-imp.jpg") top left no-repeat;
}

#line-big{
	position:relative;
	float:left;
	width:2px;
	overflow:hidden;
	min-height:1510px;
	margin:0;
	padding:0;
    background:url("../images/line-big.jpg") top left no-repeat;
}

#content, #content-sitemap, #content-search{
	position:relative;
	float:left;
	width:636px;
	margin:0;
	padding:27px 0 0 35px;
	background-color:transparent;
}

#leftblock h1, #content h1, #content-sitemap h1, #content-search h1{
	position:relative;
	color:#3276be;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
        margin:0;
	padding:0 0 30px 22px;
        background:url("../images/logo-mini.jpg") 1px 4px no-repeat;
}

#content h1, #content-sitemap h1, #content-search h1{
	width:100%;
}

 #content h3{
        position:relative;
   	color:#656872;
         width:99%;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
        margin:0 0 15px 0;
        display:block;
        padding:0 0 5px 0;
        border-bottom: 2px solid #c6c6c6;
       }

#leftblock p, #content p, #content-search p, #content-sitemap p{
        position:relative;
	color:#747578;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:justify;
        margin:0;
	padding:0 0 20px 0;
       display:block;
       line-height:16px;
}


 #content p a{
	color:#3276be;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
        margin:0;
        padding:0;
       text-decoration:none;
 }

 #content p a:hover{
	text-decoration:underline;
 }


#content ul, #content-search ul, #content-sitemap ul{
        list-style-type:none;
	margin:10px 0 9px 0;
	padding:5px 18px 5px 0;
	}

#content li, #content-search li, #content-sitemap li{
         margin:0;
	padding:0;
	}

#content-search li a:link, #content-search li a:visited, #content-search li a:hover, #content-sitemap li a:link, #content-sitemap li a:visited, #content-sitemap li a:hover {
        color:#3276be;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
        margin:0;
        padding:0 0 10px 30px;
       text-decoration:none;
        background:url("../images/li.gif") 15px 4px no-repeat transparent;
       	}

#content-search li a:hover, #content-sitemap li a:hover {
	text-decoration:underline;
      	}


#footer{
	position:relative;
	float:left;
	width:909px;
	margin:0 36px 0 35px;
	padding:14px 0 14px 0;
	display:inline;
    background:url("../images/dotted.jpg") top left repeat-x;
}

#footer h1{
	position:relative;
	float:left;
	color:#3276be;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	width:100%;
        margin:0;
	padding:0;
}

#footer p{
	position:relative;
	float:left;
	color:#3276be;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	width:100%;
        margin:0;
	padding:10px 0 0 0;
}


#footer p a{
        color:#3276be;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
        margin:0;
        padding:0;
       text-decoration:none;
}

#footer p a:hover{
        color:#747578;
	background:url("../images/line-ani.gif") bottom center no-repeat;
}

.image-in-right{   
        position:relative;
	float:right;
	margin:0 0 0 17px;
        padding:0;
	}

#form.eform { 
width:35em; 
margin:0;
}
 
form#eform legend{ 
font-weight:bold;
border:2px solid #c0d4e9;
background-color:#548dc9;
color: #fff;
font-size:13px;
padding:3px;

}
 
form#eform label{ 
clear:left;
 display:block; float:left; width:190px; text-align:left; padding:0 10px 0 0; color:#548dc9; margin-bottom:0.5em; font-size:11px; line-height:1.5em; font-style:normal; 
}

form#eform fieldset{ 
border:2px solid #c0d4e9;
margin: 0;
padding:0 0 0 15px;
}
 
#p.explain{ 
margin-left:10em; 
color:#339; 
}
 
#input.field,textarea.field
{
width:30em;
}

form#eform textarea{ 
margin: 0 0 15px 0;
width:274px;
height:100px;
overflow:auto;
}

form#eform input{ 
margin: 0 0 15px 0;
width:274px;
}


#content .angebotsbox{
	position:relative;
	float:left;
	width:100%;
       height:540px;
        margin:0;
	padding:0 0 20px 0;
}

#content .gallery{
	padding:0;
	width:410px;
	margin:15px 0 15px -5px;
	}

#content .gallery ul{
	margin:0;
	padding:0;
	list-style-type:none;
	position:absolute;
	width:420px;
	}

#content .gallery li{
	float:left;
	margin:0 3px;
	display:inline;
	}

#content .gallery li.holder{
	margin:0 0 6px 6px;
	display:inline;
	}
	
#content .gallery .holder img{
	padding:2px;
	border:1px solid #c6c6c6;
	}


#content .gallery a.swap:link, #content .gallery a.swap:visited, #content .gallery a.swap:hover{ 
	display:block;
	height:50px; 
	width:73px; 
	cursor:default;
	padding:1px;
	border:1px solid #c6c6c6;
	}

#content .gallery a.swap:link span, #content .gallery a.swap:visited span{
	visibility:hidden;
	position:absolute; 
	top:3px; 
	left:9px;
	}
	
#content .gallery a.swap:hover span, #content .gallery a.swap:focus span{
	visibility:visible; 
	}
	
#content .gallery a.swap:focus img{
	position:relative;
	}
	
#content .gallery a.swap:hover{
	white-space:normal;
	}

#logo-small {
        position:relative;
	float:right;
	width:262px;
	height:58px;
	margin:10px 0 0 0;
	padding:0;
        display:inline;
	background:url("../images/logo-small.jpg") top left no-repeat;
}

#wp{display:none;
text-indent:-5000px;
}