/*



Copyright (c) 2008, Yahoo! Inc. All rights reserved.



Code licensed under the BSD License:



http://developer.yahoo.net/yui/license.txt



version: 2.5.2



*/



html {

	color:#000;

}



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {

	margin:0;

	padding:0;

}



pre {

  font-family: verdana regular, sans-serif;

  font-size: 13px;

}



table {

	border-collapse:collapse;

	border-spacing:0;

}



fieldset, img {

	border:0;

}



address, caption, cite, code, dfn, em, th, var {

	font-style:normal;

	font-weight:normal;

}


em {

	font-style:italic;

}



li {

	list-style:none;

}



caption, th {

	text-align:left;

}



h1, h2, h3, h4, h5, h6 {

	font-size:100%;

	font-weight:normal;

}



h1 {

	font-size: 16px;

}

h2 {
	font-size: 15px !important;
}



q:before, q:after {

	content:'';

}



abbr, acronym {

	border:0;

	font-variant:normal;

}



/* to preserve line-height and selector appearance */



sup {

	vertical-align:text-top;

}



sub {

	vertical-align:text-bottom;

}



input, textarea, select {

	font-family:inherit;

	font-size:inherit;

	font-weight:inherit;

}



/*to enable resizing for IE*/



input, textarea, select {

	font-size:100%;

}



/*because legend doesn't inherit in IE */



legend {

	color:#000;

}







body {

	font-family: verdana, sans-serif;

	font-size: 13px;

	background-color: #515151;
	
	color: #3F3F3F;

}



#container {

	width: 982px;

	height: 670px;
	top: 10px;
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0;
	margin-left: auto;
	overflow: hidden;

	position:relative;

}



#drag_area {

	width: 982px;

	height: 690px;

	margin: 10px auto;

	overflow: hidden;

	position:absolute;

	z-index: 500;

	top:0px;

}







.tier01



{

	position:absolute;

	width: 67px;

	height: 60px;

	background-image: url(../../../images/stories/common_elements/tier01.png);

	left: 810px; 

	top: 60px;

	position: absolute;

}







.tier02



{

	position:absolute;

	width: 67px;

	height: 60px;

	background-image: url(../../../images/stories/common_elements/tier02.png);

	left: 100px;

	top: 60px;

}







.tier03



{

	position:absolute;

	width: 45px;

	height: 45px;

	background-image: url(../../../images/stories/common_elements/tier03_turning.png);
	
	background-position: 0px;

	left: 1px;

	top: 625px; 
	
	z-index:5;

}







.tier04
{

	position:absolute;

	width: 60px;

	height: 53px;

	background-image: url(../../../images/stories/common_elements/tier04.png);

	left:214px;

	top: 115px; 

}








.tier05

{

	position:absolute;

	width: 68px;

	height: 61px;

/*	background-image: url(../../../images/stories/common_elements/tier05_special.png);  */
	background-image: url(../../../images/stories/common_elements/infovogel_sprachoptionen_new.png); 

/*	left: 774px;

	top: 4px;  */
	left: 165px;
	top:592px; 
	z-index:1;
}




.tier05_schild

{

	position: relative;

	top: 19px; 

	right: 9px;
	
	z-index:1;

}

.tier06_de {
	position:absolute;

	width: 120px;

	height: 97px;

/*	background-image: url(../../../images/stories/common_elements/tier05_special.png);  */
	background-image: url(../../../images/stories/common_elements/infovogel_kollektion.png); 

	left: 725px;

	top: 125px; 
}

.tier06_en {
	position:absolute;

	width: 120px;

	height: 97px;

/*	background-image: url(../../../images/stories/common_elements/tier05_special.png);  */
	background-image: url(../../../images/stories/common_elements/engl.infovogel_kollektion.png); 

	left: 725px;

	top: 125px; 
}



.draggable {

	background-repeat: no-repeat;

	background-position: center;

	position: absolute;   

	text-align: center;

	z-index:1000; 

	top:0px;

	visibility:hidden;

}



.static {

	background-repeat: no-repeat;

	background-position: center;

	position: absolute; 

	text-align: center;

	z-index:1000; 

	top:0px;

	visibility:visible;

}







/* ###########################################    COLUMNS   #######################################################*/



#left_column {

	height: 100%;

	width: 100%;

	float:left;

	background-color: white;

	border-right: 1px solid #999999;

}



#center_column {

	float: left;

	width: 100%;
	
	height: 100%;

	background-color: white;

}



#right_column {

	float:left;

	width: 100%;
	
	height: 100%;

	background-color: white;

	border-left: 1px solid #999999;

}







/* ################################### HEADER ########################################*/



#kl_header_left_image {

	height: 120px;

	width: 100%;

	background-repeat: no-repeat;

	background-position: center;

	background-color: white;

	margin-left: auto;

	margin-right: auto;

	float: left;

}



#kl_header_center_box {

	height: 120px;

	width: 100%;

	background-color: white;

	margin-right: auto;

/*	float: left;*/

}







#kl_header_center_image {

	width: 400px;

	height: 84px;

	background-color: white;

	float: left;

	margin-top: 36px;

/*	background-image: url(../../../images/stories/layout_elements/kl_header.gif);*/

	background-repeat: no-repeat;

	background-position: bottom;

	margin-left:auto;

}







#kl_header_right_image {

	height: 120px;

	width: 100%;

	background-repeat: no-repeat;

	background-position: left;

	background-color: white;

	margin-left: auto;

	margin-right: auto;

	float: right;

}



/* ########################  MENU TOP  ################################*/



#kl_menu_left_link {

	width: 100%;

	height: 55px;

	margin-left: 0px;

	text-align: center;

	float: left;

	background-color: white;

}



#menu_main {

	width: 100%;

	height: 55px;

	float:left;

   	overflow:hidden;

   	position:relative;

}



#kl_menu_right_link {

	width: 100%;

	height: 55px;

	text-align: center;

	float:right;

	margin-top: 0px;

	background-color: white;

}



/* ##############################################   CONTENT    #################################################*/



#left {

	width: 100%;

	height: 440px;

	margin-left: 0px;

	float: left;

	background-color: white;

	border-top: 1px solid #999999;

	border-bottom: 1px solid #999999;
	
	overflow:hidden; 

}



#content_box {

	width: 100%;

	height: 440px;

	margin-left: auto;

	margin-right: auto;

	float: left;

	background-color: white;

	border-top: 1px solid #999999;

	border-bottom: 1px solid #999999;
	
	overflow:hidden;
}



#content_box_slideshow {

	width: 100%;

	height: 443px;

	margin-left: auto;

	margin-right: auto;

	float: left;

	background-color: white;

}



#content_main, #content_main_slideshow {

	width: 92%;

	height: 440px;

	margin-left: 8%;
	

	float: left;
}



#content_main {

	overflow: auto;

}

#inner_content{
	
	padding-right:20px;
}

#inner_content .contentpaneopen {
/* background-color:#339900; */
}

#content_about_us{
	width: 98%;

	height: 440px;

	margin-left: 1%;
	
	margin-right: 1%;
	float: left;
}







#content_main_slideshow {

	width: 79.5%;

	margin-left: 10.25%;

	border: 1px solid #999999;

	overflow: hidden;

}



#content_main_archive{

	width: 90%;

	height: 440px;

	margin-left: 5%;

	margin-right: 5%;

	float: left;

	background-color:#efeeef;

	border: 1px solid #999999;

	overflow: auto;

}



#content_box_archive {

	width: 100%;

	height: 442px;

	margin-left: auto;

	margin-right: auto;

	float: left;

	background-color: white;
	
	

}



#right {

	width: 100%;

	height: 440px;

	float: right;

	background-color: white;

	border-top: 1px solid #999999;

	border-bottom: 1px solid #999999;

}



/* ###########################################    FOOTER  #######################################################*/



#kl_menu_bottom_left_link {

	width: 100%;

	height: 54px;

	margin-left: 0px;

	text-align: center;

	float: left;

}



#menu_bottom {

	width: 100%;

	height: 53px;

	float:left;

	background-color: white;

	overflow:hidden;

 /*  	position:relative;  */

}



#kl_menu_bottom_right_link {

	width: 100%;

	height: 54px;

	text-align: center;

	float: right;

}



#kl_menu_bottom_left_link p, #kl_menu_bottom_right_link p {
	margin-top: 18px;
}



#kl_menu_left_link p, #kl_menu_right_link p {
	margin-top:20px;
}



/* #####################################  LAYOUT SINGLE MENU LINKS  #########################################  */



#kl_menu_left_link p a, #kl_menu_right_link p a, #kl_menu_bottom_left_link p a, #kl_menu_bottom_right_link p a {

	text-decoration: none;

	color: #3F3F3F; 

}



#kl_menu_left_link p a:link, #kl_menu_right_link p a:link, #kl_menu_bottom_left_link p a:link, #kl_menu_bottom_right_link p a:link {



}



#kl_menu_left_link p a:visited, #kl_menu_right_link p a:visited, #kl_menu_bottom_left_link p a:visited, #kl_menu_bottom_right_link p a:visited {



}



#kl_menu_left_link p a:hover, #kl_menu_right_link p a:hover, #kl_menu_bottom_left_link p a:hover, #kl_menu_bottom_right_link p a:hover {

	text-decoration:none;

	color: #3F3F3F; 

}



#kl_menu_left_link p a:active, #kl_menu_right_link p a:active, #kl_menu_bottom_left_link p a:active, #kl_menu_bottom_right_link p a:active {

	background-color: #999999;

}



#kl_menu_left_link p a:focus, #kl_menu_right_link p a:focus, #kl_menu_bottom_left_link p a:focus, #kl_menu_bottom_right_link p a:focus {



}







ul.menu {
   clear:left;
   float:left;
   
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
   padding-top: 0;
   width: auto;
}



ul.menu li {
   display:block;
   
   float:left;
   list-style:none;
   margin-top: 18px;
   margin-left: 15px;
   margin-right: 15px;
   position:relative;
   right:50%;
   width: auto;
    z-index:1000;
}

#menu_main ul.menu li {
   margin-top:20px;
    z-index:1000;
}

ul.menu li a {
   display:block; 
/*   padding: 0 20px; */
   text-decoration:none;
   color: #3F3F3F; 
   z-index:1000;
}

ul.menu li a span{
	z-index:50;
}

ul.menu li#current.active a {
  	
   height: 17px !important;
   background-color: #C6D6E8; 
   z-index:1000;
}








ul.menu li a:hover {



}



ul.menu li a.active {



} 

ul.menu li a:focus{



}





.readon {

   visibility:hidden;

}







#archive_menu {

   background-color:#efeeef;

   margin-left:40px;

	
}



.archive_icon {

   padding:9px;

}



.archive_icon img {

   background-color:#FFFFFF;

   border: 1px solid #999999;

}



.archive_icon img:hover {

   background-color:#9cbcd9;

}



#archive_list {

   background-color:#efeeef;

   margin-left: 25px;
   width:637px;
   margin-bottom: 25px;
}



.archive_postcard {

   height: 400px;

}



.archive_postcard img{

   margin-top: 40px;

   border: 1px solid #999999;

}
#content {
	background-color: #AAAAAA;
	padding: 3em;
	margin:0.2em 2em;
}

/*Page related styles for you to view*/
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 300px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #E7EADE;
margin: 0.3em auto;
padding: 15px;
}

.contact_email {
margin-top: -19px;
font-size:11px;
}

.contact_email textarea {
font-size:11px;
}