/* ----------------- begin:basics ----------------- */

html { min-width: 972px; }

div, img, form, ul, li, h1, h2, h3, h4, p { border: 0; margin: 0; padding: 0; } 

html {
	background: #fff url(../gfx/bg_spacer.gif) 0px 0px repeat-x; 
	height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
  text-align: center;  
}

body {
	background: url(../gfx/bg_heaven.jpg) 50% top no-repeat; 
	height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
  text-align: center;  
}

.antifloat {
	clear: both;
	visibility: hidden;
}

div#placeholder_main {
	background: url(../gfx/moewe_main.jpg) 0 20% no-repeat;  
	width: 800px;
	height: 480px;
	margin: auto;  
}  

div#placeholder {  
	width: 972px;
	height: auto;
	margin: auto;  
}


/* ----------------- end:basics ----------------- */

/* ----------------- begin: index ----------------- */
   
div#row_middle_main	{	 
  width: 618px;
  height: auto;
  float: left;
  font: normal 12px arial, verdana, tahmoma, sans-serif;
  color: #000;
  padding: 0px 0 0 150px;
  text-align: left;
}
           
div#row_middle_main h2	{
	font: bold 24px arial-black, verdana, tahmoma, sans-serif;
  color: #E31821;
}

div#row_middle_main	a	{
  font: normal 12px arial, verdana, tahoma, sans-serif;
  color: #000;
  text-decoration: underline;
}

div#row_middle_main	a:hover	{
  font: normal 12px arial, verdana, tahoma, sans-serif;
  color: #E31821;
  text-decoration: underline;
}

div#row_middle_main	a.over	{
  font: normal 12px arial, verdana, tahoma, sans-serif;
  color: #E31821;
  text-decoration: underline;
}

div#row_middle_main	a.start	{
	display: block;
  width: 618px;
  height: 340px;
}

div#row_middle_main	ul {
	list-style-type: square;
  padding: 0 0 0 15px;
}

* html div#row_middle_main	ul {
	padding: 0 0 0 17px;
}

div#row_middle_main	li {
	padding: 0 0 5px 0;
  font: normal 13px arial, verdana, tahoma, sans-serif;
  color: #000;
}

/* ----------------- end: index ----------------- */

/* ----------------- begin: head ----------------- */

div#head	{	 
  width: 642px;
  height: 47px;
  background: url(../gfx/bg_profiluftbild.gif) 5px 62px no-repeat;
  text-align: left;
  padding: 60px 0 0 330px;
}

div#head	a {
	display: block;
  text-decoration: none;
  font: bold 11px arial, verdana, tahoma, sans-serif;
  float: left;
  color: #878889;
  margin: 0 36px 0 0;
}

div#head	a:hover {
	color: #000;
}

/* ----------------- end: head ----------------- */

/* ----------------- begin: row left ----------------- */

div#row_left	{
	background: url(../gfx/bg_row_left.jpg) 0px 0px no-repeat;   
  width: 151px;
  min-height: 625px;
  float: left;
  margin: 0 8px 0 0;
  padding: 12px 0 0 11px;
}

* html div#row_left	{
	height: 625px;
}

div#row_left .navi_main	{   
  float: left; 
  width: 140px;
  min-height: 411px;
  text-align: left;
}

* html div#row_left .navi_main	{
	height: 411px;
}

div#row_left .navi_main	a	{
	display: block;
  text-decoration: none;
  font: bold 12px arial, verdanan, tahoma, sans-serif;
  color: #fff;
  width: 130px;
  line-height: 31px;
  border-bottom: 1px solid #fff;
  padding: 0 0 0 10px;
}

div#row_left .navi_main	a:hover	{
	display: block;
  text-decoration: none;
  font: bold 12px arial, verdanan, tahoma, sans-serif;
  color: #000;
  width: 130px;
  line-height: 31px;
  border-bottom: 1px solid #fff;
  padding: 0 0 0 10px;
}

div#row_left .navi_main	a.over	{
	display: block;
  text-decoration: none;
  font: bold 12px arial, verdanan, tahoma, sans-serif;
  color: #000;
  width: 130px;
  line-height: 31px;
  border-bottom: 1px solid #fff;
  padding: 0 0 0 10px;
}

/* ----------------- begin: navi sub ----------------- */

div#row_left .navi_main	a.sub	{
	display: block;
  text-decoration: none;
  font: bold 12px arial, verdanan, tahoma, sans-serif;
  color: #fff;
  width: 118px;
  line-height: 20px;
  padding: 0 0 0 22px;
  border: none;
}

div#row_left .navi_main	a.sub:hover	{
	background: url(../gfx/bg_navi_sub_over.gif) 9px 6px no-repeat;
  display: block;
  text-decoration: none;
  font: bold 12px arial, verdanan, tahoma, sans-serif;
  color: #fff;
  width: 118px;
  line-height: 20px;
  padding: 0 0 0 22px;
  border: none;
}

div#row_left .navi_main	a.sub_over	{
	background: url(../gfx/bg_navi_sub_over.gif) 9px 6px no-repeat;
  display: block;
  text-decoration: none;
  font: bold 12px arial, verdanan, tahoma, sans-serif;
  color: #fff;
  width: 118px;
  line-height: 20px;
  padding: 0 0 0 22px;
  border: none;
}

div#row_left .navi_main	a.sub_over:hover	{
	background: url(../gfx/bg_navi_sub_over.gif) 9px 6px no-repeat;
  display: block;
  text-decoration: none;
  font: bold 12px arial, verdanan, tahoma, sans-serif;
  color: #fff;
  width: 118px;
  line-height: 20px;
  padding: 0 0 0 22px;
  border: none;
}

/* ----------------- end: navi sub ----------------- */

/* ----------------- begin: login form ----------------- */

div#row_left .login	{  
  float: left; 
  width: 140px;
  height: auto;
  text-align: left;
  font: bold 11px arial, verdana, tahoma, sans-serif;
  color: #000;
}

div#row_left .login	form {
	width: auto;
  height: auto;
}

div#row_left .login input {
  border: solid 1px #B4BABF;
  background: #fff;
  font: normal 11px arial, tahoma, verdana, sans-serif;
  color: #B4BABF;
  width: 135px;
  margin: 3px 0 0 0;
  line-height: 17px;
  padding: 0 0 0 3px;
}

html * div#row_left .login input {
	height: 17px;
}

div#row_left .login #submit {
	width: 77px;
  float: right;
  border: none;
  background: url(../gfx/bg_submit_login.gif) 0 0 no-repeat;
  height: 18px;
}

/* ----------------- end: login form ----------------- */

/* ----------------- begin: logout form ----------------- */

div#row_left .logout	{  
  float: left; 
  width: 140px;
  height: auto;
  text-align: left;
  font: bold 11px arial, verdana, tahoma, sans-serif;
  color: #000;
}

div#row_left .logout p	{
  font: normal 11px arial, verdana, tahoma, sans-serif;
  color: #000;
}

div#row_left .logout	form {
	width: auto;
  height: auto;
}

div#row_left .logout #submit {
	width: 77px;
  float: right;
  border: none;
  background: url(../gfx/bg_submit_logout.gif) 0 0 no-repeat;
  height: 18px;
  margin: 10px 0 0 0;
}

/* ----------------- end: logout form ----------------- */

/* ----------------- end: row left ----------------- */

/* ----------------- begin: row middle ----------------- */

div#row_middle	{
	background: #fff;   
  width: 718px;
  min-height: 558px;
  float: left;
  border-left: 2px solid #E31821;
  border-right: 2px solid #E31821;
  padding: 25px 30px 10px 50px; 
}

* html div#row_middle	{
	height: 558px;
}

div#row_middle .content_box	{
	width: auto;
  height: auto;
  font: normal 12px arial, verdana, tahmoma, sans-serif;
  color: #000;
  text-align: left;
}

div#row_middle .content_box	 h1	{
  font: bold 14px arial, verdana, tahmoma, sans-serif;
  color: #E31821;
}

div#row_middle .content_box	 h2	{
  font: bold 14px arial, verdana, tahmoma, sans-serif;
  color: #E31821;
}

div#row_middle .content_box	 h3	{
  font: bold 13px arial, verdana, tahmoma, sans-serif;
  color: #E31821;
}

div#row_middle .content_box	 a	{
  font: normal 12px arial, verdana, tahmoma, sans-serif;
  color: #000;
  text-decoration: underline;
}

div#row_middle .content_box	 a:hover	{
  font: normal 12px arial, verdana, tahmoma, sans-serif;
  color: #E31821;
  text-decoration: underline;
}

div#row_middle .content_box	 a.over	{
	font: normal 12px arial, verdana, tahmoma, sans-serif;
  color: #E31821;
  text-decoration: underline;
}

div#row_middle .content_box	 a.pdf	{
  background: url(../gfx/icon_adobe.gif) 0 0 no-repeat;
  padding: 0 0 0 20px;
}

div#row_middle .content_box	 a.view	{
  background: url(../gfx/icon_view.png) 0 0 no-repeat;
  padding: 0 0 0 20px;
  display: inline;
}

div#row_middle .content_box	 a.edit	{
  background: url(../gfx/icon_edit.png) 0 0 no-repeat;
  padding: 0 0 0 20px;
  display: inline;
}

div#row_middle .content_box	 a.download	{
  background: url(../gfx/icon_download.png) 0 0 no-repeat;
  padding: 0 0 0 20px;
  display: inline;
}

div#row_middle .content_box	 a.order_img	{
  background: url(../gfx/icon_buy.png) 0 0 no-repeat;
  padding: 0 0 0 20px;
  margin: 0 0 3px 0;
  display: block;
}

div#row_middle .content_box	 a.google_maps	{
  background: url(../gfx/icon_google.png) 0 0 no-repeat;
  padding: 0 0 0 20px;
  margin: 0 0 3px 0;
  display: inline;
  font-weight: bold;
  color: #000;
  color: #E31821;
}

div#row_middle .content_box	 a.google_maps:hover	{
	font: bold 12px arial, verdana, tahmoma, sans-serif;
  color: #E31821;
  text-decoration: underline;
}

div#row_middle .content_box	 a.top	{
	background: url(../gfx/icon_top.gif) 0px 4px no-repeat;
	padding: 2px 0 2px 13px;
  display: block;
  width: 72px;
}

div#row_middle .content_box	 a.top:hover	{
	background: url(../gfx/icon_top_over.gif) 0px 4px no-repeat;
}

div#row_middle .content_box	 a.down	{
	background: url(../gfx/icon_down.gif) 0px 4px no-repeat;
	padding: 2px 0 2px 13px;
  display: block;
  width: 300px;
}

div#row_middle .content_box	 a.down:hover	{
	background: url(../gfx/icon_down_over.gif) 0px 4px no-repeat;	
}

div#row_middle .content_box	ul	{
	list-style-type: square;
  padding: 0 0 0 15px;
}

div#row_middle .content_box	li	{
	width: auto;
  height: auto;
  padding: 0px;
}

div#row_middle .content_box	ul.dezimal	{
	list-style-type: decimal;
  padding: 0;
}

div#row_middle .content_box	ul.dezimal li	{
	padding: 2px 0 2px 0;
}

div#row_middle .content_box	table	 {
	border-collapse: collapse;
}

div#row_middle .content_box	table	td {
	border: 1px solid #000;
  padding: 5px;
}

div#row_middle .content_box	table	td.head {
	background: #eee;
}

/* ----------------- begin: form bild bestellen ------------------------------- */


div#row_middle .content_box	form {
	width: auto;
  height: auto;
  padding: 5px;
  border: 1px solid #E31821;
  float: left;
}

div#row_middle .content_box	form input {
  border: solid 1px #E31821;
  background: #fff;
  font: normal 11px arial, tahoma, verdana, sans-serif;
  color: #000;
  width: 180px;
  margin: 3px 0 0 0; 
  height: 16px;
  padding: 0 0 0 3px;
  float: left;
}

div#row_middle .content_box	form label {
  padding: 2px;
  width: 130px;
  text-align: left;
  float: left; 
}

div#row_middle .content_box	form br {
	clear: left;
}

div#row_middle .content_box	form #button {
	cursor: pointer;
  width: auto;
  border: solid 1px #E31821;  
  height: auto;
  font: bold 11px arial, tahoma, verdana, sans-serif;
  padding: 2px;
}

div#row_middle .content_box	form textarea {
  border: solid 1px #E31821;
  background: #fff;
  font: normal 11px arial, tahoma, verdana, sans-serif;
  color: #000;  
  padding: 0 0 0 3px;
  margin: 3px 0 0 0;
  float: left;
  width: 180px;
}

div#row_middle .content_box	form select {
	width: 185px;
  height: 19px;
}


/* ----------------- end: form bild bestellen ------------------------------- */

/* ----------------- begin: online archiv ------------------------------- */
	
div#row_middle .content_box	.gallery form	{
  border: none;
  float: left;
  padding: 0;
}

div#row_middle .content_box	.gallery form	#search_field	{
	height: 18px;
  margin: 3px 5px 0 0;
  padding: 2px 0 0 2px;
}

div#row_middle .content_box	.gallery form	#search_label	{
	margin: 3px 0 0 0;	
}

div#row_middle .content_box	.gallery form br {
	clear: left;
}

div#row_middle .content_box	.result_count_msg	{
/*  border-bottom: 1px solid #E31821;*/
  padding: 20px 0 20px 0;
  text-align: left;
  width: 718px;
}	

div#row_middle .content_box	.featured_img	{
  text-align: left;
  padding: 20px 10px 0 10px;
  width: 540px; 
  float: left;
  margin: 0 0 15px 0;
}

div#row_middle .content_box	.featured_img	img	{
	margin: 0 0 10px 0;
}

div#row_middle .content_box	.quicknavi	{
  float: right;
  padding: 20px 50px 0 0;
  overflow: hidden;
  width: 105px;
  text-align: left;
}

div#row_middle .content_box	.quicknavi p	{
	margin: 0 0 5px 0;
}

div#row_middle .content_box .pic_navi	{
  border-top: 1px solid #E31821;
  height: 20px;
  width: 718px;
  padding: 15px 0 0 0;
  text-align: center;
/*  margin: 0 0 10px 0; */
/*  border-bottom: 1px solid #E31821;*/
  float: left;
}

div#row_middle .content_box .thumb	{
  width: 718px;
  height: auto;
  margin: 0 0 10px 0;
  float: left;
}

/* ----------------- end: online archiv ------------------------------- */

/* ----------------- begin: erweiterte Suche ------------------------------- */

div#row_middle .content_box	select	{
	width: 256px;
  margin: 3px 4px 0 0;
  height: 20px;
  float: left;
  padding: 0; 
}

div#row_middle .content_box #starttime, #endtime	{
  margin: 3px 5px 0 0 !important;
}

div#row_middle .content_box #pick_starttime, #pick_endtime	{
	height: 18px !important;
}

div#row_middle .content_box hr	{
	clear:both; 
  background: #E31821;
  border: none;
  height: 1px;
  color: #E31821;
}

div#row_middle .content_box	#input_lat_deg, #input_lat_min, #input_lat_sec, #input_lng_deg, #input_lng_min, #input_lng_sec {
	width: 35px !important;
}

div#row_middle .content_box	#distance	{
	width: 143px;
}

/* ----------------- end: erweiterte Suche ------------------------------- */

div#row_middle_top	{
	background: #fff url(../gfx/bg_row_middle_top.gif) 0px 0px no-repeat;   
  width: 802px;
  height: 20px;
  float: left;
}

div#row_middle_bottom	{
	background: #fff url(../gfx/bg_row_middle_bottom.gif) 0px 0px no-repeat;	 
  width: 802px;
  height: 24px;
  float: right;
}

/* ----------------- end: row middle ----------------- */

/* ----------------- begin: footer ----------------- */

div#footer	{	 
  width: 972px;
  height: 20px;
  background: #fff;
  float: left;
}

/* ----------------- end: footer ----------------- */


/* --------------------- begin: import more styles --------------------------*/


.center {
	text-align: center;
}

div.clear_left {
	clear: left;
}

.warning {
	color: red;
}

div.img_result {
	float: left;
	width: 175px;
	margin-bottom: 15px;
}

#img_results {
	text-align: center;
	padding-top: 15px;
}

#featured_img {
	text-align: center;
	margin-bottom: 25px;
}
/*
img.img_result_current {
	border: red 2px solid;
}*/

div.paginate {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* -----------------  A U T O   C O M P L E T I O N  ----------------- */
div.search_field_auto_complete {
	background: #EFEFEF;
}

* html div.search_field_auto_complete {
  margin: 0 0 0 2px;
}

div.search_field_auto_complete ul {
	list-style: none;
	cursor: pointer;
  margin: 0 0 0 2px;
}

div.search_field_auto_complete li {
	padding: 2px;
}

div.search_field_auto_complete li:hover {
	background: #C5C5C5;
}

div#row_left .navi_main	a.open_sub_nav	{
	border: none;
}

div#row_left .navi_main	a.open_sub_nav:hover	{
	border: none;
}

div#row_middle .content_box	form .button {
	cursor: pointer;
	width: auto;
	border: solid 1px #E31821;  
	font: bold 11px arial, tahoma, verdana, sans-serif;
	padding: 2px;
  height: 22px;
}

p.warning {
	color: red;
}

p.result_img_data {
	width: 154px;
}

p.paragraf {
	padding-top: 7px;
	padding-bottom: 7px;
}

div.advanced_search_link {
	text-align: left;
  float: left;
  padding: 6px 0 0 15px;
}

div.advanced_search_link a {
  background: url(../gfx/icon_search.png) 0 0 no-repeat;
  padding: 0 0 0 20px;
  margin: 0 0 3px 0;
  display: block;
}


div#row_middle .content_box	form.form2 {
	border: 0;
	float: none;
}


div#row_middle .content_box	form input.geocoord {
	width: 35px;
	float: none;
}


div#row_middle .content_box	 .back	{
	background: url(../gfx/icon_back.gif) 0px 4px no-repeat;
	padding: 0 0 0 13px;
}

div#row_middle .content_box	 a.back:hover	{
	background: url(../gfx/icon_back_over.gif) 0px 4px no-repeat;
}

div#row_middle .content_box	 .forward	{
	background: url(../gfx/icon_forward.gif) right 4px no-repeat;
	padding: 0 12px 0 0;
}

div#row_middle .content_box	 a.forward:hover	{
	background: url(../gfx/icon_forward_over.gif) right 4px no-repeat;
	padding: 0 12px 0 0;
}


div#row_middle .content_box .no_pic_navi	{
	border-top: 1px solid #E31821;
	height: 1px;
	width: 718px;
	padding: 0;
	margin: 0 0 10px 0; 
	float: left;
}



div#row_middle .content_box .img_result	a {
	border: 1px solid #000;
	padding: 5px;
	width: auto;
	float: left;
	margin: 3px;
	width: 120px;
	text-align: center;
	height: 133px;
	overflow: hidden;
	display: block;
	text-decoration: none;
}

div#row_middle .content_box .img_result	a:hover {
	border: 1px solid #E31821;
	color: #000;  
}

div#row_middle .content_box .img_result	a.selected {
	border: 1px solid #E31821;
	color: #000;
}

div#row_middle .content_box .img_result img	{
	margin: 0 0 5px 0;
}

div#row_middle .content_box .img_result a p	{
	margin: 0;
	padding: 0;
	font: 11px normal arial, verdana, sans-serif;
	text-align: left;
}

#flash_error_message {
	background: yellow;
	border: 1px solid red;
	padding: 5px 20px 5px 20px;
	margin-bottom: 12px;
}

#flash_info_message {
	border: 2px solid green;
	padding: 5px 20px 5px 20px;
	margin-bottom: 12px;
}

div.flash_msg {
	margin-top: 12px;
}

span.user_img_info {
	font-size: 10px;
	color: green;
	padding-left: 8px;
	cursor: pointer;
}

table.order_image tr td {
	border-width: 0;
}

table.order_image {
	border-width: 10px;
	padding: 20px;
}

.ruler00 {
	clear: left;
	border-bottom: 1px solid #E31821;
	padding-top: 20px;
	margin-bottom: 20px;
}


/* --------------------- end: import more styles -------------------------- */

/* --------------------- begin: tooltipp ----------------------------------- */

div.tooltipp {background: url(../pics/highres_bg.jpg) 0px 0px no-repeat; height: 519px;}


a.tooltipp {
	display: block;
  width: 60px;
  height: 60px;
	text-decoration:none;
  top:105px;
  left:60px;
	}
a.tooltipp span { display: none; }
a.tooltipp:hover span { /* diese Anweisung für Geckos u. Opera */
	display:block;
  position:absolute; 
	top:-160px;
  left:0px; 
	width: 408px;
  height: 329px;
	padding:0; 
	text-align: left;
	font-size:81%;
  font: normal 11px tahoma, arial, verdana, sans-serif;
  
	}
a.tooltipp:hover { /* für die Anzeige im Internet Explorer */
	z-index:25; 
	background: none;
  cursor: hand;
	}
a.tooltipp { /* relativ zum Elternelement positionieren */
	position: relative;
	z-index:24;
	}

  
/* ------------------ end: tooltipp ------------------------- */