/***
-------FARBEN------
005D32 --> Headlines, Links
E95C3E --> Rote Header Kachel
-------------------
***/


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

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


/*** BODY ***/

BODY    {
		margin:25px 0 0 0;
        font-family:Verdana; 
        text-align:center;
		background-color:#D9E8EF;
        }


/*** CONTAINER ***/

#container {
        width:788px; 
        text-align:left;
        margin:0 auto;
		background-color:#FFF;		
		background-image:url(../images/bg_right.gif);
		background-position:right top;
		background-repeat:no-repeat;
		padding:0 5px 0 0;
        }


/***ALLGEMEINE ANGABEN ZUM PAGELAYOUT***/

#contentTop {
		/*background-image:url(../images/bg_content_border_right_top.gif);
		background-repeat:no-repeat;
		background-position:right top;*/
		padding:0 5px 0 0;
		/*border-right:1px solid #9C9C9E;*/
		height:165px;
		}

#contentTop DIV.left {
		width:179px;
		height:165px;

		}

#contentTop DIV.left IMG{
		margin:30px 0 0 30px;
		}

#contentTop DIV.right {
		width:593px;

		}

#contentTop DIV.right IMG{
		}

#contentCenter {
		/*border-right:1px solid #9C9C9E;
		border-bottom:1px solid #9C9C9E;
		background-color:#fff;*/
		}

#contentCenter DIV.left {
		width:179px;
		}

#contentCenter DIV.right {
		width:600px;
		
		}

#contentBottom {
		height:20px;
		}

#content {
		padding:0 5px 0 10px;
		font-size:11px;
		line-height:1.5;
		}


/***ALLGEMEINE TAG AUSZEICHNUNGEN***/


H1		{
		font-size:16px;
		font-weight:bold;
		color:#9C9C9E;
		font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		}

H2		{
		font-size:14px;
		font-weight:bold;
		color:#9C9C9E;
		font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		}

H3		{
		font-size:12px;
		font-weight:bold;
		color:#9C9C9E;
		font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		}

H4		{
		font-size:12px;
		font-weight:normal;
		color:#9C9C9E;
		font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		}

P		{
		margin:0 0 12px 0;
		}

UL		{
		padding:0 0 0 15px;
		}

LI		{
		list-style:outside;
		}

A		{
		color:#9C9C9E;
		}

A:link, a:visited {
		text-decoration:none;
		}

A:hover, a:active {
		text-decoration:underline;
		}


/***ALLGEMEINE UND EVTL ALS BASIS VERWENDETE KLASSEN***/

.left	{
		float:left;
		background-color:none;
		}

.right	{
		float:right;
		}

INPUT   {
		background-repeat:no-repeat;
		width:123px;
		height:17px;	
		font-size:11px;	
		}

INPUT.box   {
		width:200px;
		border:1px solid #175586;
		}

TEXTAREA.box {
		border:1px solid #175586;
		height:100px;
		width:200px;
		}

INPUT.sendButton {
		background-image:url(../images/button_senden.gif);
		cursor:pointer;	
		}

INPUT.cancelButton {
		background-image:url(../images/button_abbrechen.gif);
		cursor:pointer;
		}

INPUT.entryButton {
		background-image:url(../images/button_entry.gif);
		cursor:pointer;
		}

INPUT.commentButton{
		background-image:url(../images/button_comment.gif);
		cursor:pointer;
		width:150px;
		}

INPUT.defaultbutton{
		background-image:url(../images/button_senden.gif);
		cursor:pointer;
		}

INPUT.button {
		background-image:url(../images/button_abbrechen.gif);
		cursor:pointer;
		}

INPUT.discradButton {
		background-image:url(../images/button_verwerfen.gif);
		cursor:pointer;
		}

INPUT.buttonRoute {
		background-image:url(../images/button_route.gif);
		cursor:pointer;
		}

/***
---------BEREICHE----------
***/

/*** MEDIEN-CONTAINER ***/

div.mediencontainer-line {
background: #E2E2E5;
float: left;
width:380px;
margin: 0px 0px 15px 0px;
}

div.mediencontainer-line h5 {
background: #9C9C9E;
color: #FFFFFF;
padding: 0px 3px;
font-weight: bold;
font-size:1.2em;
}

div.mediencontainer-line div.content {
padding: 5px;
color: #000000;
}

div.mediencontainer-line a {
color: #000000;
}

div.mediencontainer-line ul {
list-style-type:square;
}


/***LEFTNAVI***/

DIV#leftNavi {
		font-size:13px;
		width:179px;
		overflow:hidden;
		font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		}

DIV#leftNavi DIV.dotted {
		height:1px;
		line-height:1px;
		}

DIV#leftNavi .e1, .e1_active {
		padding:3px 5px 0px 5px;
		background-image: url(/design/ruhrtalradweg/images/navi_bg1.jpg);
		background-repeat: no-repeat;
		background-position: right;
		overflow:hidden;
		margin:0 0 0 5px;
		height:19px;
		}

DIV#leftNavi .e1 A, .e1_active A {
		font-weight:bold;
		color:#16161E;
		}

DIV#leftNavi .e1_active {
		overflow:hidden;
		}

DIV#leftNavi DIV.e1_active A {
		color:#51515E;
		}

DIV#leftNavi .e2, .e2_active {
		padding:5px 5px 5px 15px;
		margin:0 0 0 5px;
		background-color:#E7F2F4;
		}

DIV#leftNavi DIV.e2_active {
		}

DIV#leftNavi .e2 A, .e2_active A {
		font-weight:normal;
		}


DIV#leftNavi .e2 A {
		font-weight:mormal;
		color:#5C5C69;
		}


DIV#leftNavi .e2_active A {
		font-weight:bold;
		text-decoration:underline;
		}

DIV#leftNavi .e3, .e3_active {
		padding:5px 5px 5px 45px;
		}

DIV#leftNavi .e3 A, .e3_active A {
		font-weight:bold;
		}

DIV#leftNavi DIV.e3_active {
		background-color:#7CA9CF;
		}

/***TEXT SUCHE***/

FORM#searchForm {
		padding:0 0 0 10px;
		}

FORM#searchForm DIV.left{
		width:129px;
		overflow:hidden;
		}

FORM#searchForm DIV.left INPUT.box{
		width:100px;
		}

FORM#searchForm DIV.right{
		width:32px;
		overflow:hidden;
		padding:2px 0 0 0;
		}

FORM#searchForm INPUT.imageButton {
		width:31px;
		overflow:hidden;
		}

DIV#sauerlandTourismus {
		margin:20px 0 20px 0;
		}

/***QUICK SERACH***/

DIV#quickSearch {
		font-size:11px;
		padding:10px 10px 0 10px;
		border-top: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;
		}
		

/***FOOTER***/
#footer	{
		padding:10px 10px 0 10px;
		margin:10px;
		border-top:1px solid #9D9D9D;
		}

#footer, #footer *	{
		font-size:10px;
		}

#borderBottom {
        width:793px; 
        text-align:left;
        margin:0 auto;
		height:10px;
		background-image:url(../images/bg_bottom.gif);
		background-repeat:no-repeat;
		}


/***CONTENT***/

#content DIV.left {
		width:370px;
		background-color:#fff;
		padding:0 10px 0 10px;
		overflow:hidden;
		}

#content DIV.right  {
		width:180px;
		}

/***STYLES FÜR EZKLASSEN***/

/***LINE ALLGEMEIN***/

DIV.line {
		border-top:1px solid #9C9C9E;
		}


DIV#fullFolder DIV.line DIV.left {
		width:120px;
		overflow:hidden;
		}

DIV#fullFolder DIV.line DIV.right {
		width:245px;		
		}

DIV#fullFolder DIV.line DIV.introText A {
		display:block;
		color:#000;
		/*font-weight:bold;
		background-image:url(../images/weiter.gif);
		background-position:right bottom;
		background-repeat:no-repeat;*/
		}

DIV#fullFolder DIV.line DIV.introText A:link, DIV#fullFolder DIV.line DIV.introText A:visited {
		text-decoration:none;
		}

DIV#fullFolder DIV.line DIV.introText A:hover, DIV#fullFolder DIV.line DIV.introText A:active {
		text-decoration:underline;
		}

/***KONTAKT***/

#fullContactForm LABEL {
		width:70px;
		float:left;
		}

#fullContactForm INPUT {
		width: 170px;
		}

#fullContactForm INPUT.sendButton {
		width:123px;
		}


DIV.message-warning {
		color:#E5472C;
		border:1px solid #E5472C;
		padding:15px;
		margin:0 0 25px 0;
		}

DIV.message-warning H2{
		margin:0 0 15px 0;
		color:#E5472C;
		font-size:14px;
		font-weight:bold;
		}

DIV.message-warning LI{
		list-style-type:none;
		}




/*** Clear Class ***/

.c {clear: both; font-size:0px; height:0px;border:0px;overflow:hidden;}
.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;}
.c6 {clear:both; font-size:6px; height:6px;border:0px;overflow:hidden;}
.c7 {clear:both; font-size:7px; height:7px;border:0px;overflow:hidden;}
.c8 {clear:both; font-size:8px; height:8px;border:0px;overflow:hidden;}
.c10 {clear:both; font-size:10px; height:10px;border:0px;overflow:hidden;}
.c11 {clear:both; font-size:11px; height:11px;border:0px;overflow:hidden;}
.c13 {clear:both; font-size:13px; height:13px;border:0px;overflow:hidden;}
.c14 {clear:both; font-size:14px; height:14px;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;}
.c28 {clear:both; font-size:28px; height:28px;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;} 



/***AUS BIKEARENA***/
/*** 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;
		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;
        }   

/***GUESTBOOK***/

DIV.gbentry-line {
		border:1px solid #9C9C9E;
		margin:0 0 20px 0;
		}

DIV.gbentry-line P{
		padding:3px;
		}

DIV.gbentry-line h4{
		padding:3px;
		background-color:#DBDBDB;
		color:#9C9C9E;
		}

P.comments {
		background-color:#DBDBDB;
		margin:0;
		}

SPAN.num-comments {
		float:left;
		width:280px;
		}

SPAN.comment {
		float:right;
		}

DIV.gbentry-comment-line {
		border:1px solid #9C9C9E;
		margin:0 0 20px 0;
		}

DIV.gbentry-comment-line P{
		padding:3px;
		}

DIV.gbentry-comment-line H4{
		padding:3px;
		background-color:#E6E6E6;
		font-weight:bold;
		}

DIV.rightTeaser {
		
		}

DIV.rightTeaser H2{
		color:#16161E;		
		background-image:url(../images/teaser_top_bg.gif);
		background-repeat:repeat-x;
		padding:0 0 0 5px;
		height:19px;
		overflow:hidden;
		}

DIV.rightTeaser DIV.teaserImage {
		text-align:center;
		}

DIV.rightTeaser DIV.text {
		padding:3px;
		background-color:#E2E1E6; 
		}

DIV.rightTeaser A {
		color:#16161E;
		}

DIV.listitem {
		border:1px solid #9C9C9E;
		padding:3px;
		background-color:#FFEDA5;
		}

DIV#newsTeaser A{
		color:#16161E;
		}


DIV#newsTeaser {
		margin-top:6px;		
		}

DIV#newsTeaser H3{
		color:#16161E;		
		background-image:url(../images/teaser_top_bg.gif);
		background-repeat:repeat-x;
		padding:0 0 0 5px;
		}

/*** FULL NEWS****/

DIV.contentImage {
		width:145px;
		float:right;
		margin:0 0 0 10px;
		}
/***GALERIESEITE***/

DIV.galleryFull A, DIV.galleryFull A IMG {
		float:left;
		}

DIV.galleryFull A {
		margin:0 10px 10px 0;
		}

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

/***GB***/
LABEL.big   {
        width:80px;
        float:left;
        } 

/***BREADCRUMB***/
DIV.breadcrumb {
		font-size:10px;
		color:#9C9C9E;
		padding:5px 0 0 10px;
		margin:0 0 5px 0;
		}

DIV.breadcrumb P {
		padding:0;
		margin:0;
		}

#topNavi {
		background-color:#fff;
		}

.culture {
		background-image:url(../images/bg_culture.gif);
		background-repeat:repeat-x;
		}

.nature {
		background-image:url(../images/bg_nature.gif);
		background-repeat:repeat-x;
		}

.events {
		background-image:url(../images/bg_events.gif);
		background-repeat:repeat-x;
		}

.sports {
		background-image:url(../images/bg_sports.gif);
		background-repeat:repeat-x;
		}


.prospektformular-full INPUT{
		border:1px solid #175586;
		}

.prospektformular-full TEXTAREA{
		border:1px solid #175586;
		}

.prospektformular-full INPUT.sendButton{
		border:none;
		}