/**********************style.ccs (CSS for schlager-reisen.at) ************************/				

/**********************************************
* =global | =body | =main				  	  *					
***********************************************/
*{
	margin: 0;
	padding: 0;
	outline: none;
	list-style-type: none;
	background-repeat:no-repeat;
}

body{
	margin: 0 auto;
	text-align: center;
	height: 100%;
	font-family: Trebuchet MS;
	font-size: 14px;
	line-height: 22px;
	background-color: #FFFFFF;}

#main{
	margin:0 auto 0 auto;
	text-align: center;
	width: 977px;
	height: auto;
	overflow: hidden;}
/**************** END of global **************/	
	
/**********************************************
* =head 			  					      *					
***********************************************/
#head{
	width:977px;
	height:625px;
	float:left;}

#head #logo{
	height: 151px;
	width: 629px;
	float:left;
	background-image: url(../images/logo.jpg);
	text-align: left;}
	
	#head #logo h1,
	#head #logo h1 a{
		display:block;
		height:151px;
		width:200px;
		color:#FFFFFF;
		text-indent: -9999px;}	

#head #pathway{
	height: 71px;
	width: 569px;
	float: left;
	text-align: left;
	color:#FFFFFF;
	line-height: 71px;
	padding: 0 0 0 60px;
	background-image:url(../images/pathway.jpg);}	

#head #phone{
	height: 71px;
	width: 348px;
	float: left;
	font-size: 0.01%;
	line-height: 0px;
	color:#FFFFFF;
	background-image:url(../images/phone.jpg);}	
			
#head  #slideshow{
	height: 223px;
	width: 629px;
	float: left;
	background-image:url(../images/slideshow.jpg);}	

#head #teaser{
	height: 223px;
	width: 348px;
	float: left;
	background-image:url(../images/teaser.jpg);}	
	
	#head #teaser h1{
		font-size: 0.01%;
		line-height: 0px;
		color:#FFFFFF;
		text-indent: -999px;}

#letter{
	height: 180px;
	width: 313px;
	float: left;
	background-image:url(../images/newsletter.jpg);
	background-position: 1px -3px;
	text-align: left;
	color: #FFFFFF;
	font-size: 13px;
	padding: 0 0 0 35px;}	
	
	#letter h1{
		display: block;
		height: 70px;
		width: 300px;
		color:#FFFFFF;
		text-indent: -999px;}	

	#letter a 		 {color: #FFFFFF; text-decoration: underline;}
	#letter a:hover  {color: #FFFFFF; font-style:italic;}
/**************** END of head *****************/	

/**********************************************
* =topnavi | part of head                     *
***********************************************/
#topnavi{
	height: 63px;
	width: 348px;
	float: left;
	background-image: url(../images/topnavi.jpg);}
	
#topnavi ul{
	display: block;
	height: 63px;
	width: 348px;
	padding: 0;}
	
#topnavi ul li {display: inline;}

#topnavi ul li a,
#topnavi ul li a:hover{
	display: block;
	height:63px;
	width: 100px;
	font-size: 0.01%;
	color:#FFFFFF;
	float:left;
	text-align: left;}

#topnavi ul li a#startseite        {background-image: url(../images/startseite_n.jpg); width:126px;}
#topnavi ul li a#anfahrt           {background-image: url(../images/anfahrt_n.jpg);    width:116px;}
#topnavi ul li a#kontakt           {background-image: url(../images/kontakt_n.jpg);    width:105px;}
#topnavi ul li a#startseite:hover, 
#topnavi ul li a#anfahrt:hover,   
#topnavi ul li a#kontakt:hover,    
#topnavi.tn_active1 ul li a#startseite, 
#topnavi.tn_active2 ul li a#anfahrt,   
#topnavi.tn_active3 ul li a#kontakt	{background-image: none;}
/**************** END of topnavi **************/	

/**********************************************
* =mainnavi | part of head                    *
***********************************************/	
#mainnavi {
	width: 614px;
	height:170px;
	float: left;
	background-image: url(../images/mainnavi.jpg);
	padding: 10px 0 0 15px;
	text-align: left;}

#mainnavi ul#navi_left,  
#mainnavi ul#navi_middle, 
#mainnavi ul#navi_right {
	display:block;
	height: 150px;
	width: 187px;
	float:left;}
	
#mainnavi ul#navi_left   {width: 209px;}	
#mainnavi ul#navi_middle {width: 203px;}	
	
#mainnavi ul li a,
#mainnavi ul li a:hover {
	display: block;
	height:30px;
	width: 187px;
	text-indent: -999px;
	text-align: left;
	color:#9C2425;
	margin: 5px 0 0 0;}	

#mainnavi ul#navi_left a#reisebuero		 {background-image:url(../images/reisebuero_n.jpg);}
#mainnavi ul#navi_left a#charter		 {background-image:url(../images/charter_n.jpg);}
#mainnavi ul#navi_left a#hinweise		 {background-image:url(../images/hinweise_n.jpg);}
#mainnavi ul#navi_left a#versicherung    {background-image:url(../images/versicherung_n.jpg);}

#mainnavi ul#navi_middle a#tagesfahrten	 {background-image:url(../images/tagesfahren_n.jpg);}
#mainnavi ul#navi_middle a#stn			 {background-image:url(../images/skn_n.jpg);}
#mainnavi ul#navi_middle a#musik_theater {background-image:url(../images/musik_theater_n.jpg);}
#mainnavi ul#navi_middle a#wellness		 {background-image:url(../images/wellness_n.jpg);}

#mainnavi ul#navi_right a#wandern		 {background-image:url(../images/wandern_n.jpg);}
#mainnavi ul#navi_right a#radreisen		 {background-image:url(../images/radreisen_n.jpg);}
#mainnavi ul#navi_right a#winter	     {background-image:url(../images/winter_n.jpg);}
#mainnavi ul#navi_right a#sport		     {background-image:url(../images/sport_n.jpg);}

#mainnavi ul#navi_left   a#reisebuero:hover,
#mainnavi ul#navi_left   a#charter:hover,
#mainnavi ul#navi_left   a#hinweise:hover,
#mainnavi ul#navi_left   a#versicherung:hover, 	
#mainnavi ul#navi_middle a#tagesfahrten:hover,
#mainnavi ul#navi_middle a#stn:hover,
#mainnavi ul#navi_middle a#musik_theater:hover,
#mainnavi ul#navi_middle a#wellness:hover, 		
#mainnavi ul#navi_right  a#wandern:hover,
#mainnavi ul#navi_right  a#radreisen:hover,
#mainnavi ul#navi_right  a#winter:hover,
#mainnavi ul#navi_right  a#sport:hover 		{background-image:none}
/************ END of Mainnavi **************/

/*******************************************
* =case                                    *
********************************************/	
#case {
	height: auto;
	width:977px;
	float:left;
	overflow: hidden;}		
/************ END of Case ******************/

/*******************************************
=content | part of case                    *					
********************************************/		
#content {
	height: auto;
	overflow: hidden;
	width: 599px;
	float: left;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	color: #195064;
	background-image: url(../images/stoke_content.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding: 0 0 0 30px;}
	
#content p {
	margin: 0 0 20px; 0}	
	
#content #headline{
	height:111px;
	width: 584px;
	float:left;}	

#content #headline h1{
	padding: 0;
	margin: 0;
	font-size: 30px;
	font-weight: normal;
	display: block;
	height: 45px;
	line-height: 45px;}
	
#content #headline h1.blue {color:#2575b5;}	
#content #headline h1.red {color:#d62525;}

#content #content_left,
#content #content_right,
#content .content_left,
#content .content_right{
	float:left;
	width: 250px;
	height: auto;
	overflow: hidden;
	height: auto;
	background-repeat: repeat;
	margin: 0 30px 0 0;}	
	
#content #content_both {
    float:left;
	width: 550px;
	height: auto;
	overflow: hidden;
	height: auto;
	background-repeat: repeat;
	margin: 0 30px 0 0;
}

#content .content_bottom {
	height: auto;
	width: 599px;
	float: left;
	overflow: hidden;
}
	
#content ul {
	margin: 0 0 20px 25px;
	color: #333333;}
	
#content ul li {
	margin: 0 0 0 10px;
	list-style-type: square;}		

#content  ul.nosquard li,
#content  ul li.nosquard{
	list-style-type: none;}	
				
#content a{color: #2168A3; text-decoration:underline;}
#content a:hover{color: #000000; font-style:italic;}	
	
#content #euroweb{
	float: left;
	height: auto;
	overflow: hidden;
	width:200px;
	padding: 10px;}
	
#content img{
	border: 1px solid #660000;
	padding:2px;
	margin-right:10px;
}
	
#content #euroweb img{
	border: none;
	margin: 5px 0 0 0;}		
/**************** END of content  *************/	

/**********************************************
* =sidebar 	                                  *					
***********************************************/
#sidebar {
	height: 300px;
	width:313px;
	float: left;
	text-align:left;
	padding: 0 0 0 35px;
	color: #FFFFFF;
	font-size: 13px;
	background-image: url(../images/fragen.jpg);
	background-position: 1px 0px;}
	
#sidebar a       {color: #FFFFFF; text-decoration: underline;}
#sidebar a:hover {color: #FFFFFF; font-style:italic;}	
	
#sidebar  h1{
	display: block;
	height: 70px;
	width: 300px;
	color:#FFFFFF;
	font-size: 0.01px;
	line-height: 0px;
	text-indent: -999px;}		
/**************** END of sidebar  *************/		
		
/**********************************************
* =footer 	                                  *					
***********************************************/
#footer {
	height: 208px;
	width:962px;
	float:left;
	text-align: left;
	background-image: url(../images/footer.jpg);
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 0 0 15px;}
	
#footer h3 {font-size: 15px; margin: 0 0 10px 0;}	

#footer ul#foot1,
#footer ul#foot2,
#footer ul#foot3 {
	display: block;
	height: 130px;
	width: 260px;
	float: left;
	text-align: left;
	line-height: 20px;
	padding: 70px 0 0 18px;}	

#footer ul#foot2 {width: 335px;}	

#footer a       {color: #FFFFFF; text-decoration: underline;}
#footer a:hover {color: #FFFFFF; font-style:italic;}	
/**************** END of footer *************/	

td { padding:10px; }

h3 {
  font-size:14px;
  }