/******************************************
/* origen                
/*******************************************/
/*
Theme Name: reiserobby
Theme URI: reiserobby.de
Description: Diese Theme wurde in Zusammenarbeit von Andreas Koller, Dennis Mitterneder und Robert Niedermeier entwickelt
Author: Andreas Koller, Dennis Mitterneder und Robert Niedermeier
Version: 1.0
License: Private vereinbarung
License URI: license.txt
Tags: 
*/
 

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


#footer_impressum{
    background: url("http://www.reiserobby.de/img/icon_impressum.png") no-repeat scroll 0 2px transparent;
    padding-left: 15px;

}
#footer_sitemap{
    background: url("http://www.reiserobby.de/img/icon_sitemap.png") no-repeat scroll 0 2px transparent;
    padding-left: 15px;

}
#footer_kontakt{
    background: url("http://www.reiserobby.de/img/icon_kontakt.png") no-repeat scroll 0 2px transparent;
    padding-left: 15px;

}

#footer_menue{
  bottom: 16px;
  left: -230px;
  position: relative;
  display: inline;
  font-family: Verdana,Palatino Linotype,Book Antiqua,Palatino,serif;
  font-size: 11px;

}
#footer_rss{
    background: url("http://www.reiserobby.de/img/icon_rss.png") no-repeat scroll 0 2px transparent;
    padding-left: 15px;

}

#footer_menue a{
  text-decoration: none;
}

#dein_block{
padding-top:25px;
padding-bottom:20px;  
margin-left:0px;
max-width: 670px;

}

#dachzeile{
font-family:Verdana, Arial Black, Gadget, sans-serif;
font-size:14px;
line-height:20px !important;
margin: 0 0 5px;

}

#ueberschrift{
    display: inline-block;
    font-family: Verdana, Palatino Linotype,Book Antiqua,Palatino,serif;
font-size: 35px;
    line-height: 30px !important;

  font-weight:bold;
  margin-bottom:26px !important;
  color:#333333 !important;
}

#einleitung{
font-family: Palatino Linotype,Book Antiqua,Palatino,serif;
font-size: 14px;
font-weight: bold;
margin-left: 0px;
margin-bottom: 2px !important;
line-height: 20px !important;
}

#text_und_fotos{
    font-family: arial;
    font-size: 12px;
    font-weight: normal;  
}


#fb_button_termin{
margin-bottom:7px !important;
}

#infobox{
position: relative;
top: -35px;
padding-left: 20px;
padding-top: 25px;
min-height: 290px;
font-family: arial;
background-image: url(http://www.reiserobby.de/img/rundrahmen.png);
background-repeat: no-repeat;
}

#infobox h2,#infobox  h3{
font-weight:bold;
}
#infobox  h3{
font-weight:bold;
margin-top: 10px;
}
#infobox p{
   margin-bottom: 10px;
}
#infobox h2{
   margin-bottom: 5px;
}
#infobox a{
   text-decoration: none;
}



#wetter{
  position: relative;
  top: -15px;
  width: 180px;
  margin: 0 auto;
  padding: 0;

}

/******************************************
/* SETUP      new home   
Theme Name: reiserobby2
Theme URI: reiserobby.de       
by Yoan Gabriele   
/*******************************************/
/* Box Model Hack */
* {
  -moz-box-sizing: border-box;
  /* Firexfox */
  -webkit-box-sizing: border-box;
  /* Safari/Chrome/iOS/Android */
  box-sizing: border-box;
  /* IE */ }



@media only screen and (max-width: 540px) {


#go-left{background-position: left top!important;}
#go-right{background-position: right top !important; }


 }


@media only screen and (max-width: 640px) {

.main-home-article h3 { font-size: 150% !important;} 
 }


 /*coment*/
 @media only screen and (max-width: 638px) {
.wp-caption {width: 100% !important;}
.wp-caption img {width: 100% !important;}
.top-menu, .socialmedia {display:none!important;}
#menu-buttom { display: block!important;}
#search-normal{ display: none!important;}
.logo-box{width: 60%!important;}
#search-mobile{ display: block!important;}
#top-border
{  
  -webkit-border-top-right-radius: 0px !important;
  -moz-border-radius-topright: 0px !important;
  border-top-right-radius: 0px !important;
}

#content-wrapper-page {max-width: 100% !important;}
#content-wrapper-page { width: 100% !important;}
#infobox{margin-top:35px !important; left: -5px}
 }

 /*coment*/
 @media only screen and (max-width: 770px) {
#content-column1, #content-column2 { width: 100% !important;}
.header-box2 {width: 30% !important; padding-top:5px!important;}
.header-box1  {width: 70%!important;}
.socialmedia ul li a
{
 height: 32px!important;
 padding: 5px!important;

}

 }

 @media only screen and (max-width: 970px) {

  .sub-menu-section{ width: 100% !important;}
  #ads-column-wrapper { width: 100% !important; margin-left: 0 !important;}
 }






@media only screen and (max-width: 400px) {

 .home-circle
{  
  width: 100px !important;
  height: 100px !important;
  -webkit-border-radius: 100px !important;
  -moz-border-radius: 100px !important;
  border-radius: 100px !important;
  border:10px solid #FC7603 !important;

 
}
.logo-box{ padding-top: 10px;}
.new-tap
{
  width: 40% !important;
  margin-top: 30px !important;
}

}

/*----------------------------------------------------------------------------- 
Home searh form

-----------------------------------------------------------------------------*/


#search-2{display:none;}

.searchform 
{
width: 100%;
height: auto;
float: right;
}

.searchform #s
{
        width: 80%;
        height: 40px;
        margin: 0;
        padding: 5px;
        float: left;
        font: bold 14px 'lucida sans', 'trebuchet MS', 'Tahoma';
        border: 1px solid #ccc;
        -moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
        -webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
        box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;  
}

.searchform #s:focus 
{
        outline: 0; 
        border-color: #aaa;
        -moz-box-shadow: 0 1px 1px #bbb inset;
        -webkit-box-shadow: 0 1px 1px #bbb inset;
        box-shadow: 0 1px 1px #bbb inset;  
}

.searchform #s::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
    }

.searchform #s:-moz-placeholder {
        color: #999;
        font-weight: normal;
}

.searchform #s:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
} 

.searchform #searchsubmit {
        float: right;    
        border: 1px solid #00748f;
        height: 40px;
        width: 20%;
        padding: 0;
        cursor: pointer;
        font: bold 14px Arial, Helvetica;
        color: #fafafa;
        text-transform: uppercase;    
        background-color: #0483a0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#31b2c3), to(#0483a0));
        background-image: -webkit-linear-gradient(top, #31b2c3, #0483a0);
        background-image: -moz-linear-gradient(top, #31b2c3, #0483a0);
        background-image: -ms-linear-gradient(top, #31b2c3, #0483a0);
        background-image: -o-linear-gradient(top, #31b2c3, #0483a0);
        background-image: linear-gradient(top, #31b2c3, #0483a0);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;      
        text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
}

.searchform #searchsubmit:hover,
.searchform #searchsubmit:focus 
{
        background-color: #31b2c3;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#0483a0), to(#31b2c3));
        background-image: -webkit-linear-gradient(top, #0483a0, #31b2c3);
        background-image: -moz-linear-gradient(top, #0483a0, #31b2c3);
        background-image: -ms-linear-gradient(top, #0483a0, #31b2c3);
        background-image: -o-linear-gradient(top, #0483a0, #31b2c3);
        background-image: linear-gradient(top, #0483a0, #31b2c3);
}       

.searchform #searchsubmit:active 
{
        outline: 0;    
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;  
}

.searchform #searchsubmit::-moz-focus-inner {
        border: 0;
    }




/*----------------------------------------------------------------------------- 

-----------------------------------------------------------------------------*/


body
{
   background: url("http://www.reiserobby.de/img/strandmatte_orange.jpg") repeat scroll center 0 #F28200 !important;

}

header
{

  width: 100%;
  min-width: 120px !important;
  padding: 0 5%;
  height: auto;
  margin: 0 auto;
  background: transparent;
 

}

section
{ 
  position: relative;
  float: left;
  background: white;
  width: 100%;
  height: auto;
  padding-bottom: 0px;
  float: left;
}


.all-corner-round
{
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  border-top-right-radius: 15px;

  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  border-top-left-radius: 15px;

  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  border-bottom-right-radius: 15px;

  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-left-radius: 15px;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



.shadow-wrapper
{
  width: 100%;
  min-width: 120px !important;
  padding: 0 5%;
  height: auto;
  margin: 0 auto;
  margin-top: 0px;
  padding-bottom: 35px;
  /*border: 5px solid black;*/
  
}

#background-carrusel
{
  width:100%;
  background: #FFF3C2;
  height: auto;
  padding-top: 25px;
  padding-bottom: 25px; 
}
#background-to-stop-player
{
  width:100%;
  height:100%; 
  background: transparent; 
}

#wrapper2
{
  max-width: 1100px;
  height: auto;
  margin: 0 auto;
  margin-top: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  border: 5px solid black;

}

.logo2,.logo-part1,.logo-part2,.logo-part3,.logo-part4
{
  float: left;
}
.logo-part1
{   
    font-family: arial;
    font-size: 24px;
    color: yellow;
    font-weight: bold;
    text-shadow: -1px 0 #FC7603, 0 1px #FC7603, 1px 0 #FC7603, 0 -1px #FC7603;
}
.logo-part2
{   
    font-family: arial;
    font-size: 24px;
    color: brown;
    font-weight: 10;
}


.logo-box
{
  width: 37%;
  min-width: 100px;
  height:auto;
  float: left;
  margin-left:10px;
  margin-top:10px;
 }

.logo h1
{
line-height: 0;
margin: 0;
padding: 0;
font-size: 0px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

#top-border
{  
  width: 100%;
  height: auto;
  background: white;
  float: left;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  border-top-right-radius: 15px;
  padding: 0;
  margin: 0;
}

.top-menu
{
  width: 100%;
  height:auto;
  padding-top: 15px;
  padding-right: 10px;
  float: left;
  /*border: 2px solid green;*/
}
.top-menu ul>li
{
  display: inline-block;
  float: right;
  margin-left: 0px;
  margin-bottom: 0;
  padding-bottom: 5px;
  height: auto;

}

.top-menu ul>li:last-child
{
  margin-left: 0;
}


.top-menu ul>li a
{
    
    font-family: Verdana,Palatino Linotype,Book Antiqua,Palatino,serif;
    font-size: 120%;
    font-weight: bold;
    height: auto;
    line-height: 120% !important;
    text-decoration: none;
    width: 100%;
    height: 100%;
    text-align: center;
    padding:10px;
    padding-top: 5px;
}


.top-menu ul>li a:hover
{
  color:rgb(33, 68, 120);
}

a
{
  text-decoration: none;
}
a:link {
  color: rgb(33, 68, 120);
}
a:visited {
  color: rgb(33, 68, 120);
}
a:active
{
  color:#FC7603;
}
a:hover 
{
  color: #FC7603;
}
.current-menu-item a {color:#FC7603;}

.top-menu-mobile
{
  display: none;
  margin: 0;
  padding:0px;
  width: 100%;
  height:auto;
  padding-top: 5px;
  float: left;
  
}

.top-menu-mobile ul
{
  width: 100%;
  margin: 0;
  padding:0;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.top-menu-mobile ul>li
{
  /*display: inline-block;*/
  /*float: right;*/
  list-style: none;
  margin: 0;
  padding:0;
  height: auto;
  border-bottom:1px dotted grey;
  width: 100%;
}


.top-menu-mobile ul>li a
{
    margin:0;
    padding: 0;
    color: rgb(33, 68, 120);
    font-family: Verdana,Palatino Linotype,Book Antiqua,Palatino,serif;
    font-size: 150%;
    font-weight: bold;
    height: auto;
    line-height: 200% !important;
    text-decoration: none;
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    text-align: left;
}


.top-menu-mobile ul>li a:hover
{
    color: #FC7603;
    background: #FFF3C2;

}

/*.top-menu ul li:hover > a 
{
  color: rgb(242, 130, 0);
  background: #FFF3C2;
}
*/


.box1_and_box2_wrapper
{
  overflow: hidden;  /*****this is importam*******/
  position: relative;
  width: 100%;
  float: left;
  /*border:1px solid black;*/
}

.header-box1
{
  width: 73%;
  height: 100%;
  background: white;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  float: left;
}


.header-box2 /*contain the round corner*/
{
  width: 27%;
  background: transparent;
  float: right;
  height: 100%;
  position: absolute;
  right: 0;
}

.round-corner-and-social-media-wrapper
{
  height: 100%;
  width: 100%;
  box-shadow: 0px 20px 0 white;
  margin-left: -1px;

  float: left;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-left-radius: 15px;
}

#menu-buttom
{ 
  display: none;
  height: 40px;
  width: 20%;
  padding-top: 10px;
  float: right;
  margin: 10px;
  background:brown;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  cursor: pointer;
  text-align: center;
  color:white;
  font: bold 14px Arial, Helvetica;
  color: #fafafa;
  text-transform: uppercase;
  background-color: #0483a0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#31b2c3), to(#0483a0));
  background-image: -webkit-linear-gradient(top, #31b2c3, #0483a0);
  background-image: -moz-linear-gradient(top, #31b2c3, #0483a0);
  background-image: -ms-linear-gradient(top, #31b2c3, #0483a0);
  background-image: -o-linear-gradient(top, #31b2c3, #0483a0);
  background-image: linear-gradient(top, #31b2c3, #0483a0);
  text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
 /*  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;*/
  border: 1px solid #00748f;
}


#menu-buttom:hover,
#menu-buttom:focus 
{
        background-color: #31b2c3;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#0483a0), to(#31b2c3));
        background-image: -webkit-linear-gradient(top, #0483a0, #31b2c3);
        background-image: -moz-linear-gradient(top, #0483a0, #31b2c3);
        background-image: -ms-linear-gradient(top, #0483a0, #31b2c3);
        background-image: -o-linear-gradient(top, #0483a0, #31b2c3);
        background-image: linear-gradient(top, #0483a0, #31b2c3);
} 


.top-sub-menu-in-page
{ 
  display: none;
  float: left;
  width: 100%;
  height: auto;
  background: #FFF3C2;
}


.top-sub-menu
{ 
  display: none;
  float: left;
  width: 100%;
  height: auto;
  background: #FFF3C2;
}


.top-sub-menu ul
{
  list-style:none; 
  text-align: center;
  width: 100%;
}


.top-sub-menu ul>li
{
  
  height: auto;
  width: 280px;
  display: inline-block;
  margin-left:25px;
  padding:15px;
  height: auto;vertical-align: middle;
}


.top-sub-menu ul>li a
{ 
  
  width: auto;
  text-decoration:none;
  margin-left: 10px;
  background:transparent;
  font-size: 100%;
  color:rgb(33, 68, 120);
  text-align:center;
  height: 100px;
  line-height:100px;
  float: left;

 /* white-space:nowrap;*/
}
 

.top-sub-menu a:hover{color: rgb(242, 130, 0);}

/*#content{overflow:hidden} hide horizontal scrollbar*/


.sub-menu-circle
{
  float: left;
  width: 150px;
  height: 150px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}


#top-sub-reportagen
{
display: none;
}


#traumziele-circle
{
  background-image:url('images/traumziele.jpg');
  background-repeat:no-repeat;
  background-size:150px 150px;
  background-position:center;
}
#wintersport-circle
{
  background-image:url('images/wintersport.jpg');
  background-repeat:no-repeat;
  background-size:150px 150px;
  background-position:center;
}

#stadtansichten-circle
{
  background-image:url('images/stadtansichten.jpg');
  background-repeat:no-repeat;
  background-size:150px 150px;
  background-position:center;
}

#top-sub-reisethema
{
display: none;
}

#hotellerie-circle
{
  background-image:url('images/hotellerie.png');
  background-repeat:no-repeat;
  background-size:150px 150px;
  background-position:center;
}
#hintergrund-circle
{
  background-image:url('images/hintergrund.jpg');
  background-repeat:no-repeat;
  background-size:150px 150px;
  background-position:center
}
#hohepunkte-circle
{
  background-image:url('images/hohepunkte.jpg');
  background-repeat:no-repeat;
  background-size:150px 150px;
  background-position:center
}


#search-normal
{
width: 60%;
background: transparent;
float: right;
padding: 10px;
padding-top: 11px;
}


#search-mobile
{
  display: none;
  padding: 10px;
  width: 100%;
  background: white;
  float: left;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  border-top-right-radius: 15px;
}


#marquee-place
{
  
width: 100%;
height: 25px;
background: white;
float: left;
overflow: hidden;
padding-top: 5px;

}

#breadcrumbs-place
{
  
width: 100%;
height: auto;
float: left;
padding: 10px;
padding-top: 1px;
background: white;
padding-bottom: 0;

}




/*----------------------------------------------------------------------------- 
content scroller
-----------------------------------------------------------------------------*/
/* if you want this app to have a specific width, just make a specific width for wrapper div */  


#content-scroller-widget 
{
    /*overflow: hidden;  /*****this is importam   box-shadow: -0.2px 0px 3px #888888; *****/
    position: relative;
    width: 100%;
    margin: 0 auto;   
    float: left;
}
  


#go-left, #go-right 
{  
   width: 5%;
   height: 100%;
   text-align: center;     
   position: absolute;
   border:0;
}


#go-left:focus {outline:none;}
#go-right:focus {outline:none;}



  #go-left 
  {
    
    top: 0;
    left: 0;
    float: left;
   /* margin-left: 1%;*/    
  background: url("images/pfeil_links_transer.png") no-repeat;
  background-position:center;
  }

  #go-right  
  {
 
    top: 0;
    right: 0;
    float: right;
   /*  margin-right: 1%;*/  
  
  background: url("images/pfeil_rechts_transer.png") no-repeat;
  background-position:center;

  }

#go-left:hover
{
  background: url("images/pfeil_links_opaker.png") no-repeat;
  background-position:center;
} 

#go-right:hover
{
  background: url("images/pfeil_rechts_opaker.png") no-repeat;
  background-position:center;
} 


#all_news_container 
{  
  max-width: 90%;
  margin: 0 auto;
  padding:0px;  
  height:auto; 
  background: white; 

}  


.main-home-article 
{   width: 100%;
    float: left; 
    display:none; /* IMPORTANT: hide all the news containers */
    font-size: 120%;  
    font-family: Georgia, "Bitstream Charter", serif;
}  
    
/* style the h3 (title) in the news container */  
.main-home-article h3 
{ 
  padding:0px; 
  margin:10px;
 font-family: Verdana, Palatino Linotype,Book Antiqua,Palatino,serif;
font-size: 30px;
line-height: 30px !important;
font-weight: bold;
} 

.main-home-article h3 >a
{ 
color: #333333;
} 

.main-home-article h1 , .main-home-article h2 
{
  display: none;
}


.main-home-article a
{
  text-decoration: none;

} 

.main-home-article a:hover
{
  color: #FC7603;
} 
.main-home-article p
{
 padding-right:  10px !important;
 padding-left: 10px !important;
 color: #333 !important;
font-size: 16px !important;
line-height: 24px !important;

} 


  
 .main-home-article-media
{
  float:left;
  width: 70%;
  min-width: 260px !important;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 6px;
} 




.box-side-shadow
{
    position: relative;
    float: left;
    width: 100%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px; 
    z-index: 2;  
}

.box-side-shadow:before, .box-side-shadow:after
{
    content: "";
    position: absolute;
    z-index: -2;
}
.side-shadow1:before
{
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 50%;
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
    border-radius: 5px / 100px;
}
.side-shadow2:before
{
    right: 0
}



/* style the navigation div */  
#news_navigation
{ 
  margin: 0 auto;
  width: 60%;
  min-width: 250px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 15px;   
}  
  
.navigation_position
{ 
  float: left;
  height: 20px;
  font-size:12px;
  text-align:center; 
  color:#FC7603;
  background-color: #FFF3C2;
  border:1px solid white;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;  
}  

.navigation_position:hover
{ cursor: pointer;}


/*----------------------------------------------------------------------------- 
carousel slider
-----------------------------------------------------------------------------*/
#carousel-widget 
{ 

    position: relative;
    max-width: 1050px;
    margin: 0 auto; 


}

#carousel_inner {  

  max-width: 90%;
  margin: 0 auto;
  padding:0px; 
  color:black; 
  height:auto; 
  background: #f9f9f9; 


overflow: hidden;  /* important (hide the items outside the div) */  

}  
  
#carousel_ul {  
position:relative;  
left:-308px; /* important (this should be negative number of list items width(including margin) */  
list-style-type: none; /* removing the default styling for unordered list items */  
margin: 0px;  
padding: 0px;  
width:9999px; /* important */  
/* non-important styling bellow */  
padding-bottom:10px;  
}  
  
#carousel_ul li{  
float: left; /* important for inline positioning of the list items */  
width:302px;  /* fixed width, important */  
/* just styling bellow*/  
padding:1px;  
height:230px;  

margin:5px;  
}  
  
#carousel_ul li img {  
margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */  
/* styling */  
cursor:pointer;  
cursor: hand;  
border:0px;  
padding-bottom: 10px;
}  



#left_scroll, #right_scroll{  
   width: 5%;
   height: 100%;
   text-align: center;     
   position: absolute;
   border:0;
  
}  



#left_scroll 
{
    top: 0;
    left: 0;
    float: left;
  background: url("images/pfeil_links_transer.png") no-repeat;
  background-position:center;
}

#right_scroll 
{
      top: 0;
    right: 0;
    float: right;
  background: url("images/pfeil_rechts_transer.png") no-repeat;
  background-position:center;
}


#left_scroll:hover 
{
  background: url("images/pfeil_links_opaker.png") no-repeat;
  background-position:center;
}

#right_scroll:hover 
{
  background: url("images/pfeil_rechts_opaker.png") no-repeat;
  background-position:center;
}

#left_scroll:focus {outline:none;}
#right_scroll:focus {outline:none;}

/******************************************
/*  home articles for each section in the home               
/*******************************************/


.home-article 
{
   width: 100%;
   height:auto;
   float: left;
}
.home-article h2
{
  padding-top: 10px;
  padding-bottom: 10px
}
.home-article-media
{
  float:left;
  width: 55%;
  margin-right: 10px;
  padding-top: 6px;

 }

.home-article-text-wrapper
{
  float: left;
  width: 50%;

}


.page-article-media
{
  float:left;
  margin-right: 10px;
  max-width: 300px;
  padding-top: 6px;

 }

.page-article 
{
   width: 85%;
   height:auto;
   font-size:100%;
   margin: 0 auto;
   float: left;
}
.page-article h2
{
  padding-top: 10px;
  padding-bottom: 10px;
  font-size:140%;
}
/*----------------------------------------------------------------------------- 
 SOCIAL MEDIA  
-----------------------------------------------------------------------------*/

.socialmedia 
{
float: left;
width:100%;
margin-top: 10px;
margin-bottom: 10px;


}
.socialmedia ul 
{
margin: 0;
padding: 0;
margin-left: 10px;
width:100%;
}

.socialmedia ul li 
{
  display:inline-block;
  width:16%;
  height:auto;       
  margin: 0;
  padding: 0;
  margin-right: 3px;
}


.socialmedia ul li a.twitter
{ 
  background: url('images/twitter.png');
  background-size: 100% 100%; 
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-repeat: no-repeat;
}

.socialmedia ul li a.facebook
{ 
 
  background:url('images/facebook.png') ;
  background-size: 100% 100%; 
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-repeat: no-repeat;
  
}

.socialmedia ul li a.google
{  
  background:url('images/google.png') ;
  background-size: 100% 100%; 
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-repeat: no-repeat;  
}

.socialmedia ul li a.youtube
{  
  background:url('images/youtube.png') ;
  background-size: 100% 100%; 
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-repeat: no-repeat;  
}

.socialmedia ul li a.rss
{  
  background:url('images/rss.png') ;
  background-size: 100% 100%; 
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-repeat: no-repeat; 
}


.socialmedia ul li a
{
  display: block;
  text-indent:-9999em;
  overflow: hidden;
 height: 40px;
}


.socialmedia ul li.twitter:hover  {
     cursor: pointer;
}

.socialmedia ul li.facebook:hover  {
     cursor: pointer;
}

.socialmedia ul li.google:hover {
     cursor: pointer;
}

.socialmedia ul li.youtube:hover {
     cursor: pointer;
}

.socialmedia ul li.rss:hover {
     cursor: pointer;
}


#home-horizontal-banner
{
 float: left;
 width:100%;
 max-width: 728px;
}

#content-and-right-column-wrapper
{
  max-width:940px;
  margin:0 auto;
  background:white;
}

#content-wrapper-home
{
  float: left;
 /* background: red;*/
  max-width: 720px !important;
 /*padding:10px;*/
  margin-right: 0px;
}
#content-wrapper-page
{
  float: left;
 /* background: red;*/
  max-width: 75%;
 /*padding:10px;*/
  margin-right: 0px;
}
#content-column1
{
  float: left;
  width: 50%;
  min-width: 120px;
  height: auto;
  padding: 0px;
  /*background-color: yellow;*/
 

}
#content-column2
{
  float: left;
  width: 50%;
  min-width: 120px;
  height: auto;
  padding: 0px;
  /*background-color: #FC7603;*/
  
}


#ads-column-wrapper
{
  float: left;
  height: auto;
  margin:0px;
  margin-top:0px;
}

img {
  width: 100%;
  display:block;
  border:0;
  height: auto;
}

.home-section
{
  width: 95%;
  margin-top: 15px;
  height: auto;
  background: white;
  float: left;
}

.home-section ul, .home-section li {width: 100%; padding:0; margin:0;}

.tap-circle-wrap
{
  height: 150px;
  min-width: 300px;
  position: relative;
  display:block;
  clear: left;
  margin-bottom: 20px;
}
.home-circle
{  
  width: 150px;
  height: 150px;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  border-radius: 150px;
  border:15px solid #FC7603;
  margin: 0 auto;
}

.float-left
{
float:left;
}

.sub-menu-section
{
  float:left; 
  width:32%;  
  background:transparent; 
  padding:20px;
  min-width:200px;
}

#reportagen-circle
{
  background-image:url('images/reportagen.jpg');
  background-repeat:no-repeat;
  background-size:150px 150px;
  background-position:center;
}
#reisethema-circle
{
  background-image:url('images/reisethema.jpg');
  background-repeat:no-repeat;
  background-size:150px 150px;
  background-position:center;

}
#blogbuch-circle 
{
  background-image:url('images/blogbuch.jpg');
  background-repeat:no-repeat;
  background-size:150px 150px;
  background-position:center;
}


#twitter-circle 
{
  background-image:url('images/twitter2.png');
  background-repeat:no-repeat;
  background-size:150px 150px;
  background-position:center;
}


.sub-section-tap
{
  width: 100%;
  text-align: center;
  padding-top: 15px;
  color:rgb(33, 68, 120);  
}

.section-link 
{  
  font-family: Verdana,Palatino Linotype,Book Antiqua,Palatino,serif;
  font-size: 120%;
  font-weight: bold;
  text-decoration: none;
}

.section-link:hover .sub-section-tap
{  
  color: #FC7603;
}



.section-link2 
{  
  font-family: Verdana,Palatino Linotype,Book Antiqua,Palatino,serif;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
}

.section-link2:hover .new-tap
{  
  color: yellow;
}

.new-tap
{
  font-family:  Verdana,Palatino Linotype,Book Antiqua,Palatino,serif;
  font-weight: bold;
  box-shadow: -10px 0 0 #FC7603; 
  line-height:45px; 
  height:45px; 
  margin-top:53px;
  background:#FC7603; 
  position:relative; 
  text-align:center; 
  color:white; 
  float:left; 
  width:50%;
  font-size: 110%;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}



.section-description
{

    color: rgb(33, 68, 120);
    font-family: Verdana,Palatino Linotype,Book Antiqua,Palatino,serif;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    line-height: 20px !important;
    padding: 10px;
    text-decoration: none;
    width: 100%;
    float:left;
    position: relative;
}

.home-articles-list
{
  float:left;
}

/******************************************
/* shadow                  
/*******************************************/
.shadow-container {
    width: 100%;
    height: 50px;
    position: relative;
    margin: 0 auto;
    float: left; 
}



.shadow,.shadow-content, .shadow-content2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.shadow-content,.shadow-content2 {
    z-index: 1;
    background: white;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.shadow{
    z-index: 0;
}



.shadow:before, .shadow:after{
    content: "";
    position: absolute;
   
}
.shadow:before{
    bottom: 20px;
    left: 10px;
    width: 60%;
    height: 20%;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.shadow:after{
    bottom: 20px;
    width: 60%;
    height: 20%;
    right: 10px;
    left: auto;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);

 }   

/******************************************
/* wordpress theme overwrite           
/*******************************************/


#content {
  max-width: 745px;
  float:left;
}

#wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1050px;
  margin-top: 20px;
  padding: 0 ;
  /*border: 2px solid black;*/
  

}

#main {

  clear: both;
  overflow: hidden;
  padding: 0 5%;
  margin: 0 auto;
  width: 100%;
  max-width:100%;
  /*border:2px solid red;*/

  
}


#container {
  float: left;
  margin: 0 auto;
  width: 100%;
  background: white;
  padding:10px;
  padding-top: 0;
  /*border: 2px solid blue;*/
 

}

.wp-caption {
  background: url("images/caption_bg.png") no-repeat scroll 1px bottom transparent;
  line-height: 18px;
  margin-bottom: 20px; 
  padding: 0px;
  text-align: center;
  max-width: 670px;
}
.wp-caption img {
margin:  0;
max-width: 670px;
}
.wp-caption p .wp-caption-text {
color: #666;
font-size: 11px;
margin: 5px;
text-align: left !important;
width: 100%; 
}
.wp-caption-text {
padding: 10px 0px;
line-height: 14px !important;
}


.entry-content h3 {
font-family: Verdana, Arial Black, Gadget, sans-serif;
line-height: 20px !important;
margin:0;
margin-bottom: 30px;
margin-top: 30px;
font-size: 16px;
font-weight: bold;
color: #333333 !important;
}

.entry-content p {
font-family: Palatino Linotype,Book Antiqua,Palatino,serif;
font-size: 16px;
line-height: 22px;
}



.attachment-post-thumbnail, .wp-post-image
{
  width: 100%;
  height: auto;
}





 #top-border img{ width: auto; height: auto;}

.comment-author  img, .comment-body img
{ width: auto; height: auto;}


.wp-smiley {
  margin: 0;
  width: auto; 
  height: auto;
}

/******************************************
/* breadcrumbs          
/*******************************************/


.breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size:12px;
    margin-bottom: 0;
    font-family: Verdana,Palatino Linotype,Book Antiqua,Palatino,serif;
    font-weight: bold;
    background: #f9f9f9;
    float: left;
    width: 100%;
    height: auto;
    line-height:100%; 
    padding:8px;
}

.breadcrumbs a
{
    /*color: rgb(33, 68, 120);*/
    color:grey;
}
.breadcrumbs  li 
{
    float: left;
    margin: 0;
    padding: 0;
   
    
}

.breadcrumbs  li:last-child a
{
  color:#FC7603;
  text-decoration: none;
  cursor: text;
 
}

/******************************************
/* footer          
/*******************************************/

#footer {

  width: 100%;
  max-width:100%;
 padding: 0 5%;
  margin: 0 auto;
  /*border:2px solid green;*/
}


.myfooter
{
 
  margin:0 auto;
  height: auto;
  border:2px solid blue;
  background: #ED7202; 
  color: white;
  }

#menu-footer-menu 
{
  
  display: block;

}


#menu-footer-menu li
{
  
  display: inline;

}


#menu-footer-menu li >ul >li
{
  
  display:block;

}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content {
  margin: 0 auto;
  width: 100%;
}

.sub-menu-section span {display: none;}


ul {
list-style: square;
margin: 0 0 10px 10px;
}


.entry-content, .entry-summary {
clear: both;
padding: 0px 0 0 0;
}

.cat-meta{display: none}

#content .entry-title {
  font-family: Verdana, Palatino Linotype,Book Antiqua,Palatino,serif;
  color: #333333 !important;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 0;
  width: 100%;
}

#content .entry-title a
{
  color: #333333;
}

#content .entry-title a:hover
{
  color:#FC7603;
}

.entry-title {
  font-family: Verdana, Palatino Linotype,Book Antiqua,Palatino,serif;
  color: #333333 !important;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 0;
  width: 100%;
}

.entry-title a
{
  color: #333333 !important;
}

 .entry-title a:hover
{
  color:#FC7603 !important;
}

div 
{
  display: block;
  
}