/*** Alles auf Null setzen ***/

*       {
        margin:0;
        padding:0;
        border:0;
        }



/***ALLGEMEINES***/

P 		{
		font-size:11px;
		line-height:150%;	
		margin:0 0 10px 0;
		}


H1      {
        font-size:1.5em;
        color:#F1880C;
        font-weight:bold;
        margin:0 0 10px 0;
        }

H2      {
        font-size:1.4em;
        color:#F1880C;
        font-weight:bold;
        margin:0 0 10px 0;
        }
        
H3      {
        font-size:1.3em;
        color:#F1880C;
        font-weight:bold;
        margin:0 0 10px 0;
        }

H4      {
        font-size:1.2em;
        color:#F1880C;
        font-weight:bold;
        margin:0 0 5px 0;
        }

H5		{
		font-size:11px;
		font-weight:bold;
		margin:0 0 5px 0;
		}

A       {
        text-decoration:none;
        color:#E33B21;
        }
        
TH      {
        color:#F1880C;
        }

HR.orange{
		background-color:#F1880C;
		height:1px;
		width:100%;
		line-height:3px;
		margin:10px 0 0 0;
		color:#F1880C;
		}        

HR.green{
		background-color:#448D21;
		height:1px;
		width:100%;
		line-height:1px;
		margin:10px 0 10px 0;
		color:#448D21;
		}

DIV.small {
		font-size:10px;
		margin:15px 0 0 0;
		}
        
/*** BODY ***/

BODY    {
        font-size:62.5%;
        font-family:Verdana; 
        text-align:center;
        }


/*** TEXT ***/

#text   {
        width:410px;
        margin:10px 0 0 0;
        float:left;
        line-height:150%;
		font-size:1.1em;
        }

/*** CONTAINER ***/

#container {
        width:790px; 
        text-align:left;
        background-color:#FFF;
        margin:0 auto;
        background:url(../images/bg_right.gif) no-repeat;
        }


/*** HEADER ***/

#header {
        width:785px;
        height:auto;
        }

#header DIV.left{
        width:166px;
        float:left;
		height:auto;
        }

#header DIV.left DIV.map{
        height:112px;
        background:#E2FAC0;
        }
        
#header DIV.left DIV.slLogo{
        height:74px;
        background:#fff;
        }

#header DIV.left DIV.red{
        height:74px;
        background:#E33B21;
        }
        
#header DIV.right{
        float:right;
		white-space:nowrap;
		height:260px;
		overflow:hidden;
        }        

/*** BREADCRUMB ***/

DIV#breadcrumb {
		height:21px;
		background-image:url(../images/logo_puzzle.jpg);
		background-repeat:no-repeat;
		background-position:447px 0;
		}

DIV#breadcrumb DIV.inner{
		padding:0 140px 0 0;
		}

DIV#breadcrumb A{
		color:#F1880C;
		}


/*** LEFT NAVI ***/

#leftNavi {
        float:left;
        width:166px;
        background:#FFD73B;
        font-size:12px;
        font-weight:bold;
        }

DIV.e1_active {
        padding:5px 0 5px 10px;
        margin:0 0 0 0;
        border-bottom:1px dotted #FFF;
        vertical-align:top;
        color:#F1880C;
		background:#FFD73B;
        }
        
DIV.e1{
        padding:5px 0 5px 10px;
        margin:0 0 0 0;
        border-bottom:1px dotted #FFF;
        vertical-align:top;
        color:#F1880C;
        }
        
#leftNavi A:link, #leftNavi A:visited {
        color:#F1880C;
        text-decoration:none;
        }
         
#leftNavi A:hover {
        color:#F1880C;
        text-decoration:underline;
        }

#leftNavi A:active {
        color:#F1880C;
        text-decoration:none;
        }

DIV.e1Box {
        float:left;
        width:15px;
        height:18px;
        color:F1880C;
		font-weight:bold;
		font-size:10px;
        }  

/***ZWEITE NAVIEBENE**/
        
DIV.e2_active {
        padding:5px 0 5px 30px;
        vertical-align:top;
		border-bottom:1px dotted #FFF;
        color:#F1880C;
		background:#FFE890;
        }
        
DIV.e2{
        padding:5px 0 5px 30px;
        border-bottom:1px dotted #FFF;
        vertical-align:top;
        color:#F1880C;
		background:#FFE890;
        }
        
DIV.e2Box {
        float:left;
        width:15px;
        height:15px;
        color:#F1880C;
        padding: 0 0 3px 0;
        }            


/*** CONTENT ***/

#content {
        float:right;
        width:600px;
        margin:0 9px 0 0;
        -margin:0 5px 0 0;
        /*background-image:url(../images/logo_bottom.jpg);
        background-repeat:no-repeat;
        background-position:right top;*/
        }





/*** TEASER ***/

#teaser {
        width:180px;
        float:right;
        margin:10px 0 0 0;
        }

        
/***HAUPTSPONSOR Liegt mit in der bike_news_teaser.tpl***/        
DIV#teaser DIV.mainSponsor{
        background-image:url(../images/bg_teaser_top.gif);
        background-repeat:no-repeat;
        background-position:right top;
        background-color:#FFE890;
        text-align:center;
        padding:10px 0 10px 0;
        }

/*** FOOTER ***/

#footer {
        margin:0 auto;
        padding:5px 0 0 0;
        width:790px;
        text-align:left;
        }
        
#footer A{
        text-decoration:none;
        color:#000;
        }        

#footer DIV.left {
        width:300px;
        float:left;
        }

#footer DIV.right {
        width:190px;
        text-align:right;
        float:right;
        }


DIV#bgBottom {
        width:790px;
        background:url(../images/bg_bottom.gif) no-repeat right top #fff;
        height:15px;
        }
        
        
/*** Folder ***/
DIV#subheader {
        background:url(../images/bg_subheader.gif) no-repeat #FFE890;
        width:410px;
        clear:both;
        }
        
DIV#subheader IMG{
        float:left;
        }        
        
DIV#subheader DIV.content {
        float:right;
        width:240px;
        }
        
DIV#subheader H1{
        /*font-size:1.7em;*/
        color: #F1880C;
        padding:10px 30px 0 0;
        margin:0 0 10px 10px;
        }  
        
DIV#subheader DIV.text{              
        line-height:150%;
        margin: 0 10px 0 10px;
        }
        

/***LINE ARTICLE/FOLDER/TOUR***/

DIV.lineArticle, DIV.lineFolder, DIV.lineCompany, DIV.lineSlOrt {
        clear:both;
        border-bottom:1px solid #448D21;
        }

DIV.lineArticle IMG, DIV.lineFolder IMG, DIV.lineCompany IMG, DIV.lineSlOrt IMG{
        float:left;
        }
        
DIV.lineArticle DIV.content, DIV.lineFolder DIV.content, DIV.lineCompany DIV.content, DIV.lineSlOrt DIV.content{
        float:right;
        width:290px;
        }    	
        
DIV.lineArticle H1, DIV.lineFolder H1, DIV.lineCompany H1, DIV.lineSlOrt H1{
        font-size:12px;
        color:#F1880C;
        font-weight:bold;
		margin:0 0 0 0;
        }           

DIV.lineArticle A, DIV.lineFolder A, DIV.lineCompany A, DIV.lineSlOrt A{
        padding:0 17px 0 0;
        background:url(../images/weiter.gif) no-repeat right bottom;
        display:block;
        text-decoration:none; 
        color:#000;
        line-height:150%;
        }

DIV.lineArticle H1 A{
        padding:0 0 0 0;
		margin:0 0 0 0;
        background:none;
        text-decoration:none; 
        color:#F1880C;
        font-size:12px;
		font-weight:bold;
		display:inline;
        }
        
DIV.lineArticle DIV.content A, DIV.lineFolder DIV.content A, DIV.lineCompany DIV.content A, DIV.lineSlOrt DIV.content A{
        width:273px;
        }  

DIV.blocking {
		color:#E33B21;
		font-weight:bold;
		font-size:11px;
		}      

DIV#galleryFull, DIV.galleryLine {
		background:#EEE;
		padding:5px;
		}

DIV#galleryFull H4, DIV.galleryLine H4{
		color:#448D21;
		}

DIV.gallerySubline {
		font-size:11px;
		color:#448D21;
		}

SPAN.levelEasy {
		color:#254AB1;
		}

/*
			filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	*/

SPAN.levelMedium {
		color:#E74D31;
		}

SPAN.levelStrange {
		color:#000;
		}

/*** LINE TOUR GESPERRT
DIV.test {
		background-color:#000;
		-moz-opacity: 0.3;
		opacity: 0.3;
		filter:alpha(opacity=30);
		}
***/
DIV.lineArticleBlocked {
		position:relative;
		filter:alpha(opacity=30);
		-moz-opacity: 0.3;
		opacity: 0.3;
        clear:both;
        border-bottom:1px solid #448D21;
		width:410px;
        }

DIV.lineArticleBlocked IMG{
        float:left;
        }
        
DIV.lineArticleBlocked DIV.content{
        float:right;
        width:290px;
		
        }    
        
DIV.lineArticleBlocked H1{
        font-size:1.2em;
        color:#F1880C;
        font-weight:bold;
		margin:0 0 0 0;
        } 

DIV.lineArticleBlocked DIV.content{
        float:right;
        width:290px;
        }

DIV.lineArticleBlocked H1 A{
        padding:0 0 0 0;
		margin:0 0 0 0;
        background:none;
        text-decoration:none; 
        color:#F1880C;
        font-size:1.2em;
		font-weight:bold;
		display:inline;
        }

DIV.lineArticleBlocked A{
        padding:0 17px 0 0;
        background:url(../images/weiter.gif) no-repeat right bottom;
        display:block;
        text-decoration:none; 
        color:#000;
        font-size:1.1em;
        line-height:150%;
        }


/***LINE NEWS***/

 DIV.lineNews {
        clear:both;
        border-bottom:1px solid #F1880C;
        }
        
 DIV.lineNews DIV.date{
        margin:0 0 5px 0;
        }        

DIV.lineNews IMG {
        float:left;
        }
        
DIV.lineNews DIV.content{
        float:right;
        width:290px;
        }    
        
DIV.lineNews DIV.content H1{
        font-size:1.2em;
        color:#F1880C;
        font-weight:bold;
        }           

DIV.lineNews DIV.content A{
        padding:0 17px 0 0;
        background:url(../images/weiter.gif) no-repeat right bottom;
        display:block;
        text-decoration:none; 
        color:#000;
        width:273px;
        font-size:11px;
        line-height:150%;
        }  
        
        
/***LISTITEM NEWS***/
DIV#teaser DIV.news{
        background-image:url(../images/bg_teaser_top.gif);
        background-repeat:no-repeat;
        background-position:right top;
        background-color:#FFE890;
		width:180px;
        }
        
DIV#teaser DIV.news H3{
        padding:3px 0 3px 3px;
        border-bottom:2px solid #FFF;
        font-size:12px;
        color:#F1880C;
        margin:0 0 5px 0;
        }        

DIV.listitemNews {
        clear:both;
        border-bottom:1px solid #448D21;
        margin:0 3px 0 3px;
        font-size:10px;
        }
        
DIV.listitemNews DIV.date{
        margin:0 0 5px 0;
        color:#F1880C;     
        font-weight:bold;   
        }        

/*DIV.listitemNews IMG {
        float:left;
        }*/
        
DIV.listitemNews DIV.content{
        width:170px;
        }    
        
DIV.listitemNews DIV.content H1{
        font-size:1.2em;
        color:#F1880C;
        font-weight:bold;
        }           

DIV.listitemNews DIV.content A{
        padding:0 5px 0 0;
        background:url(../images/weiter.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
        display:block;
        text-decoration:none; 
        color:#000;
        font-size:1.1em;
        line-height:150%;
       /*width:153px;*/
        }                  
        

/***FULL NEWS***/
DIV.news{
        font-size:11px;
		line-height:150%;
		width:410px;
        }

DIV.news h1{
		margin:7px 0 4px 0;
		}

DIV.news DIV.intro{
        font-weight:bold;
        margin:0 0 20px 0;
        }
        
DIV.news IMG{   
        float:right;
        margin:0 10px 0 10px;
        }        
        
DIV.news DIV.back A{
        text-decoration:none;
        }        
        
/*******FULL KONTAKT/SHOP/TIPAFRIEND********/

DIV#fullOrder H1{
		font-size:18px;
		margin:0 0 10px 0;
		}


DIV#fullKontakt, DIV#fullOrder {
        clear:both;
        width:501px;
        padding:0 0 0 15px;
        }  
        
DIV#fullKontakt FORM, DIV#fullOrder FORM{
        width:501px;
        }  
             
DIV#fullKontakt FORM DIV.left, DIV#fullTipafriend FORM DIV.left, DIV#fullOrder FORM DIV.left{
        display:block;
        width:500px;
        padding:20px;
        }
        
LABEL.big   {
        width:80px;
        float:left;
        }  

FIELDSET {
        border:1px solid #F1880C;
        width:560px;
        -background-image:url(../images/fieldset_bg.gif);
        -background-repeat:repeat-x;
		background-color:#FFE890;
        }

DIV#fullGbentry FIELDSET {
        border:1px solid #F1880C;
        width:500px;
        -background-image:url(../images/fieldset_bg.gif);
        -background-repeat:repeat-x;
		background-color:#FFE890;
        }
        
LEGEND  {
        margin:0 0 0 16px;
        padding:0 2px 0 2px;
        font-weight:bold;
        }        
        
DIV#fullKontakt FORM INPUT.box, DIV#fullOrder FORM INPUT.box, DIV#fullGbentry FORM INPUT.box{
        border:1px solid #F1880C;
        width:200px;
        }        
                
DIV#fullKontakt FORM DIV.left DIV.plz, DIV#fullOrder FORM DIV.left DIV.plz{
        width:140px;
        float:left;
        }  
        
DIV#fullKontakt FORM DIV.left DIV.plz INPUT.box, DIV#fullOrder FORM DIV.left DIV.plz INPUT.box{                          
        width:40px;
        }
        
DIV#fullKontakt FORM DIV.left DIV.ort, DIV#fullOrder FORM DIV.left DIV.ort{
        width:350px;
        }        
        
DIV#fullKontakt FORM DIV.left DIV.ort LABEL.big, DIV#fullOrder FORM DIV.left DIV.ort LABEL.big{
        width:30px;
        float:left
        }        
        
DIV#fullKontakt FORM DIV.left DIV.ort INPUT.box, DIV#fullOrder FORM DIV.left DIV.ort INPUT.box{                          
        width:110px;
        }        
        
DIV#fullKontakt FORM DIV.right, DIV#fullOrder FORM DIV.right{
        display:block;
        padding:20px;
        }                 
        
DIV#fullKontakt FORM TEXTAREA, DIV#fullOrder FORM TEXTAREA{
        display:block;
        width: 400px;
        border:1px solid #F1880C;
        height:120px;
        }

DIV#fullGbentry FORM TEXTAREA{
        display:block;
        width: 400px;
        border:1px solid #F1880C;
        height:120px;
        }
    
        
DIV#fullKontakt FORM INPUT.defaultbutton, DIV#fullTipafriend FORM INPUT.defaultbutton, DIV#fullOrder FORM INPUT.defaultbutton, DIV#fullGbentry FORM INPUT.defaultbutton, FORM INPUT.defaultbutton {            
        background-color:#FFE890;
        border:1px solid #F1880C;
        cursor:pointer;
        font-size:11px;
        }


/******Kontakt Antwortseite*******/

DIV#mailAnswer {
        width:500px;
        padding:0 0 0 15px;
        }       
        
DIV#mailAnswer FIELDSET P{
        padding:20px;
        }        
        
        
/******Kontakt Validierung*******/

DIV#warning FIELDSET{
        border:1px solid #F1880C;
        -background-image:url(/design/gallery/images/fieldset_warning_bg.gif);
        -background-repeat:repeat-x;
        background-color:#FBE2E2;
        }
        
DIV#warning FIELDSET UL{
        padding:10px 30px 30px 30px;
        list-style-type:square;
        }          
        

/******Tipafriend*******/     

DIV#fullTipafriend {
        clear:both;
        width:500px;
        padding:0 0 0 15px;
        }  
        
     
DIV#fullTipafriend LABEL.big   {
        width:200px;
        float:left;
        }       
        
DIV#fullTipafriend INPUT{
        border:1px solid #F1880C;
        }                   
            
DIV#fullTipafriend TEXTAREA {
        width:300px; 
        height:150px;
        border:1px solid #F1880C;
        }               
        
/*** SHOP ***/

DIV#fullOrder IMG{
		float:left;
		margin:0 20px 0 0;
		}

DIV#fullOrder DIV.order {
		background-image:url(../images/shop.gif);
		background-repeat:no-repeat;
		background-position:left;
		padding:0 0 0 40px;
		line-height:40px;
		}


/*** Clear Class ***/

.c {clear: both;}
.c2 {clear:both; font-size:2px; height:2px;border:0px;overflow:hidden;}
.c4 {clear:both; font-size:4px; height:4px;border:0px;overflow:hidden;}
.c5 {clear:both; font-size:5px; height:5px;border:0px;overflow:hidden;}
.c10 {clear:both; font-size:10px; height:10px;border:0px;overflow:hidden;}
.c15 {clear:both; font-size:15px; height:15px;border:0px;overflow:hidden;}
.c20 {clear:both; font-size:20px; height:20px;border:0px;overflow:hidden;}
.c30 {clear:both; font-size:30px; height:30px;border:0px;overflow:hidden;}
.c40 {clear:both; font-size:40px; height:40px;border:0px;overflow:hidden;}
.c50 {clear:both; font-size:50px; height:50px;border:0px;overflow:hidden;}
.c150 {clear:both; font-size:150px; height:150px;border:0px;overflow:hidden;} 

/*** TOUREN FULL***/

TABLE#tourenlegende {
        border-top:1px solid #F1880C;
        border-bottom:1px solid #F1880C;
        padding:10px 0 10px 0;
        }

TABLE#tourenlegende TD{
        background-repeat:no-repeat;
        background-position:center top;
        width:100px;
        padding:35px 0 0 0;
        text-align:center;
        margin:0 3px 0 0;
        vertical-align:top;
		}
        
td.distance{
        background-image:url(../images/tour_distance.gif);
        }      

td.levelEasy{
        background-image:url(../images/tour_level_leicht.gif);
        }

td.levelMedium{
        background-image:url(../images/tour_level_mittel.gif);
        }

td.levelStrange{
        background-image:url(../images/tour_level_schwer.gif);
        }
    
td.differenceTop{
        background-image:url(../images/tour_difference.gif);
        }
    
td.differenceDown{
        background-image:url(../images/tour_difference_down.gif);
        }
    
td.type{
        background-image:url(../images/tour_type.gif);
        }
        
DIV.tourDescription {       
        }       

DIV.tourDescription A{
		color:#448D21;       
        }
        
DIV.tourMap {
        width:150px;
        height:auto;
        background-color:#CCC;
        float:right;
		margin:0 0 10px 10px;
        }   

DIV.tourImages {
		background-color:#EEE;
		color:#448D21;
		padding:10px;
		}      

DIV.tourImages H5{
		font-weight:bold;
		font-size:11px;
		margin:0 0 5px 0;
		}

DIV.tourImages IMG{
		margin:0 5px 0 0;
		}

INPUT.vorschlagen {
		background:none;
		border:0;
		text-align:left;
		width:auto;
		color:#F1880C;
		font-size:11px;
		cursor:pointer;
		font-weight:bold;
		}

       
/***TOURENSUCHE***/

FORM.tourensuche{
        border-top:1px solid #F1880C;
        border-bottom:1px solid #F1880C;        
        background:#FFE890;
        padding:10px;
        }     
        
FORM.tourensuche TH {           
        width:120px;
        }

        
FORM.tourensuche TFOOT TR TD {        
        text-align:left;
		padding:5px 0 0 0;
        }
        
FORM.tourensuche SELECT{
        border:1px solid #F1880C;
        font-size:11px;
        width:100px;
        }        
        
INPUT.toursuche {
        font-weight:bold;
        font-size:11px;
        width:100px;
        padding:0 0 0 0;
        margin:5 20px 0 0;
        height:21px;
        text-align:left;
        background-image:url(../images/suchen-Button.gif);
		background-repeat:no-repeat;
        cursor:pointer;
        }        

/*** MEDIENCONTAINER ***/

DIV.mediencontainerLine {
		background-color:#FDF3CD;
		}

DIV.mediencontainerLine H3{
		background-color:#FFE890;
		color:#F1880C;
		padding:5px;
		}        

DIV.mediencontainerLine DIV.content{
		padding:10px;
		}

DIV.mediencontainerLine DIV.content A{
		text-decoration:underline;
		color:#000;		
		}

DIV#adresse H1{
		font-size:11px;
		font-weight:normal;
		color:#000;
		}

/*** BIKEFREUNDLICHE BETRIEBE***/

DIV#bikebetriebFull {
		width:420px;
		font-size:11px;
		}

DIV#bikebetriebFull DIV.top IMG {
		float:left;
		margin:0 20px 0 0; 
		}

DIV.nextTours A {
		text-decoration:none;
		font-weight:bold;
		color:#448D21;
		line-height:150%;
		}

DIV#bikebetriebFull DIV.prices{
		padding:11px;
		background-color:#EEE;
		}

/***QUICK SERACH***/

DIV#quickSearch {
		font-size:11px;
		padding:0 10px 10px 10px;
		border-bottom:1px solid #175586;
		margin:15px 0 0 0;
		}

DIV#quickSearch H3 {
		font-size:12px;
		}

DIV#quickSearch LABEL	{
		width:85px;
		float:left;
		}

DIV#quickSearch LABEL.radio {
		width:50px;
		}

DIV#quickSearch INPUT#nights, DIV#quickSearch INPUT#adults {
		width:35px;
		}

DIV#quickSearch INPUT.radio {
		width:auto;
		padding:0 10px 0 0;
		}

DIV#quickSearch INPUT.search {
		width:123px;
		height:17px;
		background-image:url(../images/button_suchen.gif);
		background-repeat:no-repeat;
		background-color:transparent;
		cursor:pointer;
		}

/***LINE SL ORT***/

DIV.lineSlOrt H1 A{
		color:#F1880C;
		background-image:none;
		}

TD#teaserCol {
		width:150px;
		margin:0 0 0 20px;
		}

TD#teaserCol DIV{
		margin:0;
		padding:0;
		clear:both;
		}

DIV.minimap {
		margin:0;
		padding:0;
		}

/*** GB STYLES***/
DIV.gb_line {
		border:1px solid #FFBC0F;
		}

DIV.gb_line H4	{
		background-color:#FDF3CE;
		}

DIV.gb_line DIV.comment_line {
		background:none;
		}

DIV.info {
		padding:0 4px 4px 0;
		margin:7px 0 0 0;
		text-align:right;
		background-color:#EDEDED;
		}

DIV.gb_entry_full {
		padding:0 200px 0 0;
		}

DIV.gb_entry_full DIV.gb_line {
		border:1px solid #FFBC0F;
		}

DIV.gb_entry_full DIV.gb_line H4	{
		background-color:#FDF3CE;
		padding:5px;
		}

DIV.gb_entry_full DIV.gb_line P{
		padding:5px;
		}


/*** GB KOMMENTARE***/
DIV.gb_entry_comment_line {
		border:1px solid #E4E3E2;
		}

DIV.gb_entry_comment_line H4{
		background-color:#E4E3E2;
		padding:5px;
		}

DIV.gb_entry_comment_line P{
		padding:5px;
		}

DIV.body	{
		font-size:11px;
		line-height:150%;
		}

DIV.specials {
		font-size:11px;
		line-height:150%;
		}

DIV.flatCharge {
		font-size:11px;
		}

UL LI {
		margin:0 0 0 25px;
		font-size:11px;
		line-height:150%;
		}
		
IFRAME {border:none; border-style:none; border-width:none; margin:0 0 15px 0;}