@import url(/styles/live/articles.css);
@import url(/styles/live/navigation.css);
@import url(/styles/live/thickbox.css);

/* Structure */
.mceVisualAid {
    border : 1px dashed #ffbbbb;
}

p {
    margin: 0;
}

input {
    margin: 0;
    background: #e2e8f2;
    border: 0px solid #2c3343;
}

input.button {
    height: 21px;
    padding: 0 6px;
}


select{
	background: #e2e8f2;
	border: 1px solid #000;
    margin: 0;
    width: 100%;
}
textarea{
	background: #e2e8f2;
	border: 1px solid #000;
    margin: 0;
    width: 100%;
}




/* Images */
img {
    border: 0;
}

.headimage {
	margin-left: 136px;
}


/* Links */
a {
    text-decoration: none;
    color: #BD2948;

}

a:hover {
    text-decoration: none;
    color: #ECB714;
}

/* remove dashed boxes from around links in firefox */
a:focus {
    user-focus: none;
    outline: none;
    -moz-user-focus: none;
    -moz-outline: none;
}

/* Headings */
h1 {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #BD2948;
}

h2 {
    margin: 0;
    font-weight: bold;
    font-size: 11px;
    color: #BD2948;    
}

h3 {
    font-weight: normal;
    font-size: 11px;
    margin: 0;
    padding: 0;
    color: #BD2948;    
}
h4 {
    font-weight: normal;
    font-size: 11px;
    margin: 0;
    padding: 0;
    color: #BD2948;    
}


.label {
    display: block;
}

input.field {
    padding:2px;
    background: #e2e8f2;
    border: 1px solid #2c3343;
    font-size: 11px;
}


ul	{
	list-style-position:outside;
}


/* validator icons */
#xhtml {
	display:block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 5px 5px 5px 0;
	background-image: url(/images/default/xhtml_valid.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#xhtml:hover {
	background-position: -16px 0px;
}

#css {
	display:block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 5px;
	background-image: url(/images/default/css_valid.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#css:hover {
	background-position: -16px 0px;
}

#sitemap {
	display:block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 5px;
	background-image: url(/images/default/sitemap.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#sitemap:hover {
	background-position: -16px 0px;
}

a.sitemaptop {
	display: block;
	background-image: url(/images/default/sitemapline.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	width: 300px;
}

a.sitemaplow {
	display: block;
	padding-left: 20px;
	width: 280px;
}

div.userimg{
width:90px;
float:left;
}




/*wns own*/
*{
	padding:0;
	margin:0;
	border:0;
}
html, body{
 	height: 100%; /* wichtig */
	font:11px Arial, Verdana, sans-serif;
	color: #2B3443;
	background:#959da7;
	text-align:left;	
}
hr{
        border: 1px solid #e8e8e8;	
}
ul	{
	list-style-position:inside;
}
#outer_wrap{
	width:960px;
	margin:0 auto;
	border-width: 0px 0px;
	border-color: black;
	border-style: solid;	
  	position: relative;
  	min-height: 100%;
	height:auto !important;/* moderne Browser */
	height:100%; /* IE */   
    background: #fff url("/images/bicycle09/background.png") repeat-y top left; 
}
#outer_wrap_ut{
	width:960px;
	
	border-width: 0px 0px;
	border-color: black;
	border-style: solid;	
  	position: relative;
  	min-height: 100%;
	height:auto !important;/* moderne Browser */
	height:100%; /* IE */   
    background: #fff; 
}
#header{
	height:155px;	
	background: url("/images/bicycle09/bicycle-holidays.jpg") no-repeat 10px 0px; 
}
#header_nav_left{
    position: absolute;
    top: 110px;
    left: 34px;
    height: 31px;    
}
#header_nav_center{
    position: absolute;
    top: 110px;
    left: 205px;
    height: 35px;
}
#header_nav_right{
    position: absolute;
    top: 110px;
    left: 684px;
    height: 21px;
}
#header_logo{
    position: absolute;
    top: 0px;
    left: 756px;
    width: 160px;
    height: 130px;
}


#inner_wrap{
    float: none;
	width:100%;
	border:0px;
	padding-bottom:92px; /*wichtig! an "footer"-height anpassen*/
}
#navigation{
    position: relative; left: 0px; top: 0px; 
    float: left;
    width:205px;  
}
#navigation_inner{
    position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
    padding:16px 13px 10px 33px;   
    overflow: hidden;    
}
#content{
    position: relative; left: 0px; top: 0px;
    float:left;   
	width:530px;	
}
#content_inner{
    position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
    padding: 14px 15px 15px 15px;
    overflow: hidden;    
}
#box{
    position: relative; left: 0px; top: 0px;
    float:left;   
	width:225px;
	background: url("/images/bicycle09/box.jpg") no-repeat 0px 0px;
	min-height: 155px;
	height:auto !important;/* moderne Browser */
	height:155px; /* IE */   
}
#box_inner{
    position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
    padding: 0px 19px 10px 0px;
    overflow: hidden;    
}
#footer {
    width:960px;
	position: relative;
	margin: -85px auto 0 auto;
	clear: both;
	height: 85px;	
	overflow: hidden;   
}
#footer_inner_top{
    height: 26px;
    background: url("/images/bicycle09/footer_top_background.png") no-repeat 735px 0px; 
}
#footer_inner_top_inner{
    padding: 10px 29px 0px 745px;
    text-align: right;
}
#footer_inner_bottom{
    height: 59px;    
    background: #959da7;
}
#footer_inner_bottom_inner{
    background: url("/images/bicycle09/footer_bottom.png") no-repeat 10px 0px;      
    height: 59px; 
}
#footer_inner_content{  
    padding: 12px 35px 0px 35px;
    overflow: hidden;  
    color: #ecb714;
    font-size: 10px;
    font-weight: bold;  
}

a.white_link, a.white_link:hover{
    color: #bd2948;
    font-size: 10px;
}


/*wns navigation based on divs*/
div.dot_line{
	background: url("/images/bicycle09/dot.png") repeat-x bottom left;	
	height: 1px;
}

#nav_overview{
	color: #fbd04b;	
}
div.nav_main_active, div.nav_main_active_last{
	
	
}
div.nav_main_active A, div.nav_main_active_last A{
    color: #fbd04b;
    font-weight: bold;    
}
div.nav_main_inactive, div.nav_main_inactive_last{
	
	
}
a.nav_main{
    color: #ecb714;
    font-size: 11px;
    min-height: 12px;
	height:auto !important;/* moderne Browser */
	height:12px; /* IE */ 
    float: left;
    width: 155px;
    padding: 8px 2px 8px 2px;
}
a.nav_main:hover{
    color: #fff;
    font-size: 11px;
    background: #bd2948;
    min-height: 12px;
	height:auto !important;/* moderne Browser */
	height:12px; /* IE */
    float: left;
    width: 155px;
    padding: 8px 2px 8px 2px;
}

div.nav_sub_active, div.nav_sub_active_last{
		
}
div.nav_sub_active A, div.nav_sub_active_last A{
    color: #fbd04b;
    font-weight: bold;
}
div.nav_sub_inactive, div.nav_sub_inactive_last{
	
}
a.nav_sub{
    color: #ecb714;
    font-size: 11px;
    min-height: 12px;
	height:auto !important;/* moderne Browser */
	height:12px; /* IE */
    float: left;
    width: 155px;
    padding: 8px 2px 8px 2px;
}
a.nav_sub:hover{
    color: #fff;
    font-size: 11px;
    background: #bd2948;
    min-height: 12px;
	height:auto !important;/* moderne Browser */
	height:12px; /* IE */
    float: left;
    width: 155px;
    padding: 8px 2px 8px 2px;
}

/*breadcrumb module*/
a.breadcrumb, a.breadcrumb:hover{
    color: #ecb714;
    font-weight: bold;  

}
/*image navigation*/
#nav_top1{
	background: url("/images/bicycle09/buchung-mietraeder-off.jpg") no-repeat top left;
	float: left;	
}
#nav_top1:hover{
	background: url("/images/bicycle09/buchung-mietraeder-on.jpg") no-repeat top left;
	float: left;	
}
#nav_top2{
	background: url("/images/bicycle09/buchung-radsportferien-off.jpg") no-repeat top left;
	float: left;	
}
#nav_top2:hover{
	background: url("/images/bicycle09/buchung-radsportferien-on.jpg") no-repeat top left;
	float: left;	
}

#nav_top3{
	background: url("/images/bicycle09/buchung-radfernfahrten-off.jpg") no-repeat top left;
	float: left;	
}
#nav_top3:hover{
	background: url("/images/bicycle09/buchung-radfernfahrten-on.jpg") no-repeat top left;
	float: left;	
}

/*img navigation 2*/
#nav_lang_en{
	background: url("/images/bicycle09/en_off.jpg") no-repeat top left;
	float: left;	
}
#nav_lang_en:hover{
	background: url("/images/bicycle09/en_on.jpg") no-repeat top left;
	float: left;	
}
#nav_lang_de{
	background: url("/images/bicycle09/de_off.jpg") no-repeat top left;
	float: left;	
}
#nav_lang_de:hover{
	background: url("/images/bicycle09/de_on.jpg") no-repeat top left;
	float: left;	
}

/*nav dropdown*/
select.nav_dropdown{
    margin: 0;
    font-weight: bold;
    font-size: 11px;
    color: #BD2948;	
    font-family: Arial;
}

/*little links on the right*/
.little_links{
	
}
.little_links_inner{
  padding: 8px 14px 8px 14px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;	
}
a.box_links, a.box_links:hover{
  color: #ecb714;
  font-weight: bold;
  font-size: 11px;	
}

/*box active travel on the right*/
#box_active_travel{
  padding-top: 50px;	
}


/*JQUERY vtip tooltip popup*/
p#vtip { 
	margin-top: -79px;
	font-weight: bold;
	color: #fff;
	
	display: none; 
	position: absolute; 
	padding: 10px; 
	left: 5px; 
	font-size: 12px; 
	background-color: #bd2948; 
	border: 0px solid #a6c9e2; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	z-index: 9999 
}
p#vtip #vtipArrow { 
	position: absolute; 
	top: 34px; 
	left: 4px 
}

/*newsbox right*/
.newslist_box_text{
    font-size: 10px;
    font-weight: bold;
    margin-top: 0px;
    color: #fff;
}
a.newslist_box_link{
    font-size: 10px;
    font-weight: bold;
    margin-top: 0px;
    color: #ecb714;
}
img.newslist_box {
    border: 1px solid #fff;
    margin: 0px 6px 0px 0px;
    float:left;
}

div.news_element{
	min-height: 65px;
	height:auto !important;/* moderne Browser */
	height:65px; /* IE */	
}


/*overwrite articles.css*/
div.introduction {
        color: #2B3443;
        font-weight: bold;
        margin: 5px 0;
}
div.newslist {
	position: relative;
    background-color: #EEEEEE;
    padding:10px;
    margin-bottom: 10px;
    width: 480px;
    
    
}
img.newslist_archive {
	position: relative;
    border: 1px solid #6F94B2;
    margin: 0px 0px 0px 10px;
    float:right;
}
div.newslist_top {
    background-color: #EEEEEE;
    padding:3px 10px;
    margin-bottom: 1px;
}

/*module guestbook*/
div.guestbook_entry_title{
	position: relative;	
	background: #ecb714;
	overflow: hidden;
	height: 26px;
	
}
div.guestbook_entry_content{
	background: #e2e8f2;
	padding: 7px;
}
div.guestbook_entry_footer{
	background: #e2e8f2;
	padding: 7px;
	margin-bottom: 4px;
	text-align: right;
}

/*Module Galleria Gallery*/
/*gallerie list*/
.galleria_list_hiddendiv{
    padding: 5px 5px 5px 5px;
    background: #f2f2f2;
}

.galleria_list_togglebutton{
    margin: 15px 0px 1px 0px;
    padding: 5px;
    background: #d9d8d8;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;        
}





/*buttons back and forward*/
.button_back{
  background: url("/images/bicycle09/administration_icons/back_combo.png") no-repeat top left;	
  text-decoration: none;
  border:0;
  padding:0;
  display: block;
  text-indent: -9999px;
  letter-spacing: -9999px;
  font-size:0;
  width: 20px;
  height:20px; 
}
.button_back:hover{
   background-position: -20px 0;
}

.button_forward{
  background: url("/images/bicycle09/administration_icons/forward_combo.png") no-repeat top left;	
  text-decoration: none;
  border:0;
  padding:0;
  display: block;
  text-indent: -9999px;
  letter-spacing: -9999px;
  font-size:0;
  width: 20px;
  height:20px; 
}
.button_forward:hover{
   background-position: -20px 0;
}

/*ajax errors*/
div.error_green{
	padding: 5px;
	font-weight: bold;
	color: #000;
	background: #98ea96;
    border: 1px solid #038c00;		
	
}
div.error_orange{
	padding: 5px;
	font-weight: bold;
	color: #000;	
	background: #f0a52b;
	border: 1px solid #9b6000;	
	
}
div.error_red{
	padding: 5px;
	font-weight: bold;
	color: #000;	
	background: #ff7f7f;
	border: 1px solid #cd1f1f;	
	
}

/*Pedalinfo Popup*/
div.jquery_info_image{
    float: left;
    text-align: center;
    width: 200px;    
    height: 75px;
    padding: 0px 15px 5px 0px;
}

/*
BEGIN Select Fix for IE6 and IE5.x
Version 0.3
CSS instructions from http://www.hedgerwow.com/360/bugs/css-select-free.html
But keep in mind that these classes are a bit modified.
*/
.select-free {
	overflow:hidden;/*must have*/
}
.select-free .innerFixer {
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	width:100%;/* (old value 3000px) must have for any big value*/
	height:100%;/* (old value 3000px) must have for any big value*/
}
.select-free iframe.innerFixer {
	border: 0;
	filter:mask();/*must have*/
	z-index:-1;/*must have*/
}
/*
END Select Fix for IE6 and IE5.x
*/

/*Standard Forms*/
.forms_left{
  border-bottom: 1px solid #e8edf5;	
}
.forms_left_top{
  border-bottom: 1px solid #e8edf5;	
  vertical-align: top;
}
.forms_right{
  width: 10%;
}
/*Standard Forms Confirmation Page*/
.forms_left_conf{
  border-bottom: 1px solid #e8edf5;	
}
.forms_right_conf{
  
}		

/*Formular Bikereservation */
.form_res_left{
	border-bottom: 1px solid #e8edf5;
	padding: 3px 5px;
}
.form_res_right	{
	border-bottom: 1px solid #e8edf5;
	padding: 3px 5px;
	font-weight: bold;
}
.form_res_bike_left{
	background: #e1e8f2;
	border-bottom: 1px solid #e8edf5;
	padding: 5px 5px;
}
.form_res_bike_right	{
	background: #e1e8f2;	
	border-bottom: 1px solid #e8edf5;
	padding: 5px 5px;
	font-weight: bold;
	vertical-align: top;
}

table{
  font-size: 11px;	
}

.barrel{
	cursor: pointer;
    cursor: hand;       
    padding: 3px 5px;  
    background: #2b3443; 
    color: #fff; 
    font-weight: bold; 
    margin: 2px 0px;
}

.barrel_red{
	padding: 10px;  
    background: #bd2948; 
    color: #fff; 
    margin: 2px 0px;
}
.barrel_red_title{
	
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 5px;
}

.link_barrels{
	cursor: pointer;
    cursor: hand;       
    padding: 10px;  
    background: #2b3443; 
    color: #fff; 
    font-weight: bold; 
    margin: 10px 0px;
}
.dead_link_barrels{	
    padding: 10px;  
    background: #2b3443; 
    color: #fff; 
    font-weight: bold; 
    margin: 10px 0px;
}

/* global for forms */
.field_form{
	border: 1px solid #2c3343;
	width: 255px;	
}
.field_form_error{
	background: #f0a62b;
	border: 1px solid #2c3343;
	width: 255px;		
}
.main_err{
    font-size: 14px;
    font-weight: bold;
    color: #ecb714;	
}
.sub_err{
    font-size: 11px;
    font-weight: bold;
    color: #ecb714;	
}
.error_form{
    background: #ecb714;
    color: #fff;
    padding: 3px;    
}


.button_left{
  cursor: pointer;
  cursor: hand;       	
  color: #fff;
  font-size: 11px;
  height: 15px;
  background: #2c3345 url("/images/bicycle09/button_standard_left_part.png") no-repeat top left;
  padding-left: 10px;
  padding-right: 3px;
  text-align: center;	
}
.button_right{
  height: 15px;
  float: left;
  width: 7px;
  background: url("/images/bicycle09/button_standard_right_part.png") no-repeat top right;  	
}

/*templates articles travelarticels*/
div.travelarticles_chapter {
    padding: 5px;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #e7e7e7;
    background: #fbfbfb;
    z-index: 99;
}
h2.red_title {
    color: #b32418;
    margin: 0;
    font-weight: bold;
    font-size: 15px;
}
h3.blue_title {
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.tryout{
  display:none;
} 
.left_ie6 {
    position: relative;
    float: left;
    margin: 0px 15px 5px 0px;
}
.right_ie6 {
    position: relative;
    float: right;
    margin: 0px 0px 5px 15px;
}
/*Boxen Startseite*/
h2.yellow_title {
    color: #fbcc3b;
    margin: 0;
    font-weight: bold;
    font-size: 14px;
}
div.box_start_long{
	width: 490px;
	padding-left: 5px;
}
div.box_start_long_inner{
    padding: 10px;
    background: #3d4656;
}
.box_start_icon{
	position: absolute;
	top: 15px;
	left: 10px;
	width: 20px;
	height: 20px;
    background: url("/images/bicycle09/box_start_icon.png") no-repeat top left;  	
}

.icon_wrap_ie6{
	float: left;
	width: 20px;
	height: 20px;
}
.icon_wrap_ie6_inner{

}
.box_start_icon2{
	width: 20px;
	height: 20px;
    background: url("/images/bicycle09/box_start_icon.png") no-repeat top left;  	
}

.box_start_img_long{
	width: 490px;
	border-width: 1px 0px;
    border-style: solid;
    border-color: #fff;
}
.box_start_img{
	border-width: 1px 0px;
    border-style: solid;
    border-color: #fff;
}

div.box_start{
	width: 240px;
	float: left;
	padding: 10px 5px 10px 5px;
}
div.box_start_inner{
    padding: 10px;
    background: #3d4656;
}

div.box_start_long_text{
    background: #fbcc3b;
    color: #000;

    font-weight: bold;
    font-size: 12px;
}

div.box_start_text{
    color: #000;
    font-weight: bold;
    font-size: 12px;
    background: #fbcc3b url("/images/bicycle09/box_start_icon.png") no-repeat 10px 15px;  
}

checkbox{
    width: 20px;
    border: 0px solid #fff;
}

.train1{
    float: left; width: 20px;
}
.std{
  width: 200px;
}
.std_smaller{
  width: 176px;
}

.red_text{
  color: red; 
}