/*††††††††††††††††††-CONSTANT-††††††††††††††††††††††††*/
body, form, input, textarea, select, td, ul {
	margin:0px 0px 0px 0px; 				  			 	 
	padding:0px 0px 0px 0px; 
}
body {														  	
	background:#FFF
}	
table {								 	  	  
	border-collapse:collapse;			 	 
	border:0px;	
	padding:0px 0px 0px 0px;
	width:100%;
}									   
td {							       				  
	font:normal 12px Tahoma, Arial;	 						 
	vertical-align:top;				  			  
	line-height:13px;
	color:#636363;
	line-height: 2;
}										   	   
input, textarea{			     
	font:normal 12px Tahoma, Arial;			
	padding:0px 0px 0px 0px;		   
	vertical-align:top;	
	color:#6C6C6C;
}		
input.wysz{			     
	font:normal 13px Tahoma, Arial;			
	padding:0px 0px 0px 0px;		   
	vertical-align:top;
	width:120px; height:20px;		
	color:#6C6C6C;
}
select{	
margin:10px 0px 0px 0px;		     
	font:normal 13px Tahoma, Arial;					   
	vertical-align:top;
	width:120px;		
	color:#6C6C6C;
}			
ul {list-style:none;}
br {line-height:0px;}
img.flaga {border:0px; position: relative; left: 170px; top: 0px}							        
img {border:0px;}
img.obiekt {border:0px; width:190px; height:150px; position: relative; left: 7px; top: 10px; float: left;}
img.details{border:0px;}
img.malebodensee {border:0px; width:130x; height:100px; float: left;}
img.obiekt2 {border:0px; width:100px; position: relative; left: 5px; top: 5px; float: left;}
img.mapaswiata {border:0px; width:300px; position: relative; left: 5px; top: 10px; float: left;}
img.urlop1 {border:0px; width:300px; position: relative; left: 5px; top: 10px; float: left;} 
img.europa {border:0; width:397; height:332; position: relative; left: 100px; top: 20px; float: left;}
img.bodensee {border:0; position: relative; left: 40px; top: 20px; float: left;}
img.dodajobiekt {border:0; position: relative; left: 30px; top: 10px; float: left;}
img.Image1 {
		float: top;
        border:0;
        margin:0px 0px 0px 150px;
	}
img.Image2 {
		float: top;
        border:0;
        margin:0px 30px 0px 0px;
	}
img.reklamazdjecia {border:0; float:left; width:120px; margin:20px 0px 0px 20px;}
img.najlepszenoclegi { float:top; margin:20px 0px 0px 20px;}	
h1 { font:bold 12.5px Tahoma, Arial; margin:0px 0px 0px 10px;}
h2 { font:normal 12.5px Tahoma, Arial; margin:0px 0px 0px 10px;}
h3 { font:normal 14px Tahoma, Arial;}
/*____________________________________________________*/
/*†††††††††††††††††††††-TEXT-†††††††††††††††††††††††††*/
a 		{color:#5B91BD;}
a.stopkaprawa {
	color:#E4E4E4;
	font:normal 11px Tahoma, Arial;
	position: relative;
	left: 15px;
	
}
a.linkiobiekty {
	font:normal 16px Tahoma, Arial;
	position: relative;
	left: 20px;
	
}
a.stronicowanie {
margin: 10px 0px 0px 7px;
	color:black;
	font:normal 11px Tahoma, Arial;
position: relative; left: 150px;
}
a.reklamalink {
margin: 10px 0px 0px 7px;
	color:#FFF;
	font:bold 13px Tahoma, Arial;
position: relative; left: 10px;
}
a.namapie {
margin: 10px 0px 0px 7px;
	color:black;
	font:bold 13px Tahoma, Arial;
position: relative; left: 10px;
}
a.nazwaobiektu2 	{color:#2469A3; position: relative; top: 10px; font:bold 17px Tahoma, Arial}
a:hover {text-decoration:none;}	
a.opiswwynikach 	{color:#2469A3; font:normal 12px Tahoma, Arial} 
b.opisoiektu	{color:black; font:normal 13px Tahoma, Arial}
b.normalny 		{color:black; margin: 10px 0px 0px 7px; position: relative; left: 150px;}
b.nawigacja 		{color:black; position: relative; left: 10px; font:normal 13px Tahoma, Arial}
b.znakinawigacja 		{color:black; font:normal 9px Tahoma, Arial; position: relative; left: 8px;}
b a		{color:#2469A3;}
font 	{color:#2469A3; font:bold 11px Tahoma, Arial}
font b	{font:bold 11px Tahoma, Arial; color:#000}
p.nazwaobiektu 	{color:#2469A3; font:normal 19px Tahoma, Arial}
p.miescwoj 	{color:#000000; position: relative; top: 10px; letter-spacing:2; font:normal 12px, Arial}

p.tekstopis 	{color:#2469A3; font:bold 13px Tahoma, Arial; position: relative; right: 5px;}
p.omniee	{color:#2469A3; font:bold 13px Tahoma, Arial;}
p.omnie 	{color:black; font:normal 13px Tahoma, Arial}  
p.tekstopis2 	{color:#2469A3; font:normal 16px Tahoma, Arial}
p.bialyzprawej 	{color:black; margin:5px 0px 20px 10px; font:normal 13px Tahoma, Arial} 
p.bialyzprawej2 	{color:black; position: relative; left: 10px; right: 10; top: 10px; font:normal 13px Tahoma, Arial} 
p.tekstoobiekcie 	{position: relative; left: 2px; top: 18px} 
p.cenywwynikach 	{position: right; font:normal 18px Tahoma, Arial; color:#D98800;} 
p.opiswwynikach 	{color:black; font:normal 12px Tahoma, Arial} 
p.ostatniododanetekst {color:black; font:normal 13px Tahoma, Arial; float: left; position: relative; left: 10px; top: 5px; right:15;}
p.ostatnio {float: center; position: relative; left: 100px;}
p.wyszukiwarka {}
p.domki {font:normal 15px Tahoma, Arial; position: relative; left: 25px; top: 5px;}
p.dodajobiekt 	{color:black; margin:5px 30px 20px 30px; font:normal 14px Tahoma, Arial}
p.bodensee	{color:black; margin:5px 10px 15px 20px; font:normal 13px Tahoma, Arial}
.nn a	{text-decoration:none;}
.nn a:hover {text-decoration:underline;}
.nnn a	{text-decoration:none; margin:100px 100px 0px 200px;}
.nnn a:hover {text-decoration:underline;} 	
.nnnn a	{text-decoration:none;margin:50px 0px 0px 200px;}
.nnnn a:hover {text-decoration:underline;}
/*____________________________________________________*/
/*†††††††††††††††††††-INPUTS-†††††††††††††††††††††††††*/
.input, .ta{
	width:320px;
	border:1px solid #D1CBC4;
	height:20px;	
}
.ta {
	height:80px;
	overflow:auto;
}
.input_1 {
	width:172px;
	height:19px;
	border:1px solid #D9D6CF;
	margin:0px 0px 0px 28px;
}

/*____________________________________________________*/
/*†††††††††††††††††††††-LINKS-††††††††††††††††††††††††*/
.rdmr a{
	background:url(images/0blt1.gif) 0 0 no-repeat;
	padding:0px 0px 0px 13px;
	color:#FFF;
	font:bold 11px Tahoma, Arial;
}
.lnk_1 {
	color:#555 !important;
	font:bold 11px Tahoma, Arial;
	background:url(images/0blt2.gif) 0 0 no-repeat;
	padding:0px 0px 0px 13px;
}
.lnk_2 {
	color:#555;
	font:bold 11px Tahoma, Arial;
	background:url(images/0blt3.gif) 0 0 no-repeat;
	padding:0px 0px 0px 7px;
}
.lnk_3 {
	color:#555;
	font:normal 11px Tahoma, Arial;
	padding:0px 0px 0px 14px;
	
}
/*____________________________________________________*/
/*††††††††††††††††††††††-LISTS-†††††††††††††††††††††††*/
li {
	list-style:none;
	line-height:14px;
	margin:0px 0px 8px 0px;
}
li a {
	color:#000;
	font:normal 11px Tahoma, Arial;
	padding:0px 0px 0px 15px;
	background:url(images/0blt4.gif) 0 0 no-repeat;
}

.lst_1 li {
	list-style:none;
	line-height:14px;
	margin:0px 0px 6px 0px;
}
.lst_1 li a {
	color:#8A8A8A;
	font:bold 11px Tahoma, Arial;
	padding:0px 0px 0px 11px;
	background:url(images/0blt5.gif) 0 0 no-repeat;
}
/*_____________________________________________________*/
/*††††††††††††††††††††††-FOOTER-†††††††††††††††††††††††*/
.ftr td {
	background:url(images/fbg2.jpg) 0 0 repeat-x;
	height:69px;
	color:#E4E4E4;
}
.ftr a {
	color:#E4E4E4;
	font:normal 11px Tahoma, Arial
}
.f {
	color:#68A3D4 !important;
	font:normal 11px Tahoma, Arial !important;
}

.block td{
	color:#FFF;
}
.block td a{
	color:#FFF;
}

.normal { 
font-size: 12pt; 
} 
.duzy { 
font-size: 16pt; 
} 
.maly { 
font-size: 8pt; 
}


#glowny	 {
margin: 0% 0% 0% 0%;
position: relative;
width:1259px;
height:100%;
         }
         
         
         
#top	 {
position: relative;
float:top;
width:1259px;
height: 400px;
         }
         
         
#topleft {
        float:left;
        background:url(images/0tal_l.jpg) 0 0 repeat-x #DCDCDC
         }
#topleftgora {  
		text-align: right; 
		margin: 0% 0% 0% 0%;
		width:450px; 
		height:400px; 
		}
		
#topsrodek {
		background: #ffffff url(images/mpct.jpg) no-repeat;
		float:left;
		width:294px;
		height: 400px;
		   }
#topright{
		float:right;
		width:515px;
		height:400px;
		   }
 #toprightgora {
		text-align: left;
	    height: 75px;
		background:url(images/or_bg.jpg) 0 0 repeat-y #D98800;
		border-bottom-style: groove;
        border-bottom-width: 1px;
        border-bottom-color: #FFFFFF;
		}		   
		   
 #toprightdol {
		text-align: left;
		height:325px;
		background:url(images/gr_bg.jpg) 0 0 repeat-y #AFAFAF;
		border-bottom-style: groove;
        border-bottom-width: 1px;
        border-bottom-color: #FFFFFF;
		}

 #toprightdol1 {
		text-align: left;
		height:160px;
		background:url(images/gr_bg.jpg) 0 0 repeat-y #AFAFAF;
		}
 #toprightdol2 {
		text-align: left;
		height:165px;
		background:url(images/gr_bg.jpg) 0 0 repeat-y #AFAFAF;
		border-bottom-style: groove;
        border-bottom-width: 1px;
        border-bottom-color: #FFFFFF;
		}		
		
 #mitte {
float:left;
width:1259px;
height: 900px;
		}

 #mittedodajobiekt {
float:left;
width:1259px;
height: 1500px;
		}
  #mittesrodekgoradodajobiekt {
 height:50px; 
 background:#D2E4F1;
 line-height: 2;
        border-bottom-style: groove;
        border-bottom-width: 1px;
        border-bottom-color: darkgray;
        		}
 #mittesrodekdoldodajobiekt {
		float:left;
		width:700px;
		height: 1400px;
		}
		
 #mitteleft { 
		margin: 0% 0% 0% 0%;
		width:450px;
		height: 840px;
		float:left;
		background:url(images/0bg1.jpg) top right no-repeat #DCDCDC
		}
 #mitteleft2 { 
		margin: 0% 0% 0% 0%;
		width:450px;
		height: 60px;
		float:left;
		background:url(images/0bg1.jpg) top right no-repeat #DCDCDC
		}
		
 #mittesrodek {
		float:left;
		width:809px;
		height: 840px;
		}
 #mittesrodek2 {
		float:left;
		width:809px;
		height: 60px;
		}
		
 #mittesrodekgora {
 width:809px;
 height:35px; 
 background:#D2E4F1;
 line-height: 2;
        border-bottom-style: groove;
        border-bottom-width: 1px;
        border-bottom-color: darkgray;
        		}       		
 #mittesrodekgoramapa {
 width:1259px;
 height:35px; 
 background:#D2E4F1;
 line-height: 2;
        border-bottom-style: groove;
        border-bottom-width: 1px;
        border-bottom-color: darkgray;
        		}         		
   
		
 .mittesrodekdol {
		width:800px;
		height: 170px;

		}
 #mittesrodekdolwysz {
		float:left;
		width:445px;
		height: 170px;
		line-height: 1.5;
		margin:0px 0px 0px 0px;
        border-bottom-style: groove;
        border-bottom-width: 1px;
        border-bottom-color: darkgray;
        border-right-style: groove;
        border-right-width: 1px;
        border-right-color: darkgray;
        
		}
 #mittesrodekdolwysz2 {
		float:left;
		width:445px;
		height: 170px;
		line-height: 1.5;
		margin:0px 0px 0px 10px;
        
		}
 #mittesrodekdolmapka {
 float:right;
		width:350px;
		height: 170px;
        border-bottom-style: groove;
        border-bottom-width: 1px;
        border-bottom-color: darkgray;
		}
		
		
 #mittesrodekdol2 {
		width:780px;
		height: 300px;
        border-bottom-style: groove;
        border-bottom-width: 1px;
        border-bottom-color: darkgray;
		}
 #mittesrodekdolmapa {
		float:left;
		width:700px;
		height: 900px;
		}
 #mittesrodekdol2mapa {
		float:left;
		width:350px;
		height: 900px;
		}
 #mittesrodekdolobiekty {
		float:left;
		width:700px;
		height: 900px;
		}
 #mittesrodekdoldodajlink {
		float:left;
		width:700px;
		height: 900px;
		margin:5px 0px 0px 100px;
		}
 #mittesrodekdol2obiekty {
		float:left;
		width:500px;
		height: 900px;
		}
 #mittesrodekdolbodensee {
		float:left;
		width:820px;
		height: 900px;
		}
 #mittesrodekdolbodensee2 {
		float:left;
		width:300px;
		height: 900px;
		}		
#mittesrodekdolexpedia{
		float:left;
		width:610px;
		height: 290px;
		line-height: 1.5;
		margin:5px 0px 20px 100px;
        
		}
 .mittesrodekdollinki {
		margin:5px 0px 20px 10px;
		float:left;
		width:180px;
		height: 130px;
		line-height: 1.3;
		}
 .mittesrodekdollinkibodensee {
		margin:70px 0px 10px 0px;
		float:left;
		width:50;
		height: 130px;
		line-height: 1.3;
		}
		
 #mitteright {
		width:515px;
		float:right;
		text-align: left;
		height: 800px;
		line-height: 3;
		background:url(images/gr_bg.jpg) 0 0 repeat-y #AFAFAF;
		}
		
#dol {
        background:url(images/gr_bg.jpg) 0 0 repeat-y;
        width: 1259px;
        float:left;
		}

#dolleft {
        background: url(images/fbg1.jpg) 0 0 repeat-x #E4E4E4;
        width: 450px;
        height: 70px;
        float:left;
        border-top-style: groove;
        border-top-width: 1px;
        border-top-color: #FFFFFF; 
        border-right-style: groove;
        border-right-width: 1px;
        border-right-color: #FFFFFF;

		}
#dolright {
		background:url(images/fbg.jpg) top left no-repeat #737373;
        width: 800px;
        height: 70px;
        float:left;
		}
		
 #omnie {
		float:left;
		width:900px;
		height: 800px;
		margin:10px 0px 0px 40px;
		}
.obiekt {
        width: 100%;
        height: auto;
        float:center;
		}
		
		
/*wyniki wyszukiwania*/

.obiektt {
        margin:10px 0px 0px 50px;
        width: 700px;
        height: 170px;
        float:left;
        border-top-style: groove;
        border-top-width: 1px;
        border-top-color: darkgray;
        border-right-style: groove;
        border-right-width: 1px;
        border-right-color: darkgray;
        border-left-style: groove;
        border-left-width: 1px;
        border-left-color: darkgray;
        border-bottom-style: groove;
        border-bottom-width: 1px;
        border-bottom-color: darkgray;
		}
.obiektt:hover {
        margin:10px 0px 0px 50px;
        width: 700px;
        height: 170px;
        float:left;
        border-top-style: groove;
        border-top-width: 1px;
        border-top-color: red;
        border-right-style: groove;
        border-right-width: 1px;
        border-right-color: red;
        border-left-style: groove;
        border-left-width: 1px;
        border-left-color: red;
        border-bottom-style: groove;
        border-bottom-width: 1px;
        border-bottom-color: red;
		}
.obiekttbild {
        width: 210px;
        height: 170px;
        float:left;
		}
.obiekttright {
        width: 370px;
        height: 170px;
        float:left;
		}
.obiekttright2 {
        width: 120px;
        height: 170px;
        float:left;
		}
/*koniec wyniki wyszukiwania*/
		
		
.statniododane {
		margin:10px 20px 6px 0px;
		background:url(images/0bg1.jpg) top right no-repeat #DCDCDC;
        width: 300px;
        height: 80px;
        float:right;
        border-top-style: groove;
        border-top-width: 1px;
        border-top-color: darkgray;
        border-right-style: groove;
        border-right-width: 1px;
        border-right-color: darkgray;
        border-left-style: groove;
        border-left-width: 1px;
        border-left-color: darkgray;
        border-bottom-style: groove;
        border-bottom-width: 1px;
        border-bottom-color: darkgray;
		}


/*prezentacja noclegu divy i teksty*/
 #noclegmitte {
float:left;
width:100%;
height: auto;
		}
		
#noclegmittegora {
 width:100%;
 height:35px; 
 background:#D2E4F1;
 line-height: 2;
        border-bottom-style: groove;
        border-bottom-width: 1px;
        border-bottom-color: darkgray;
        		} 
#malzuruck {
 width:100%;
 height:35px; 
        		}       		
.noclegglowny {
		
		margin:0px 0px 0px 20px;
		float:left;
		width:95%;
		height: auto;
		line-height: 1.3;
		}
		
		
.noclegglownydane {
		margin:0px 0px 0px 0px;
		float:left;
		width:860px;
		height: auto;
		line-height: 1.3;

		}
.noclegglownydane1 {

		margin:0px 0px 0px 0px;
		float:left;
		width:850px;
		height: auto;
		line-height: 1.3;
		}

.noclegglownyzdjecia {
		float:right;
		width:280px;
		height: auto;

		}
.noclegglownyzdjecia1 {
		margin:5px 0px 5px 0px;
		float:left;
		width:250px;
		height: auto;
		border-style: double;
		border-color: #636363;
		}

.noclegglownyopis {
		margin:0px 0px 0px 0px;
		float:left;
		width:850px;
		height: auto;
		line-height: 1.3;
		}
		
				
.noclegglownywyposazenie {

		margin:0px 0px 0px 0px;
		float:left;
		width:850px;
		height: auto;

		}
		
.wyp1 {
		margin:0px 0px 0px 0px;
		float:left;
		width:400px;
		height: auto;

		}
		
.wyp2 {
		margin:0px 0px 0px 0px;
		float:left;
		width:400px;
		height: auto;
		}

.noclegglownylage {

		float:left;
		width:850px;
		height: auto;
		line-height: 1.3;
		}
.noclegglownylage1 {
		float:left;
		width:300px;
		height:auto;
		line-height: 1.3;
		}
.noclegglownylage2 {
		float:left;
		width:550px;
		height: auto;
		line-height: 1.3;
		}
.noclegglownypreise {

		float:left;
		width:850px;
		height: auto;
		line-height: 1.3;
		}
.noclegglownypreise1 {
		float:left;
		width:300px;
		height:auto;
		line-height: 1.3;
		}
.noclegglownypreise2 {
		float:left;
		width:550px;
		height: auto;
		line-height: 1.3;
		}


.noclegglownykontakt {

		margin:0px 0px 0px 0px;
		float:left;
		width:850px;
		height: 340px;
		line-height: 1.3;
		}
.noclegglownykontakt1 {
		margin:0px 0px 0px 0px;
		float:left;
		width:400px;
		height: 300px;
		line-height: 1.3;
		}
.noclegglownykontakt2 {
		margin:0px 0px 0px 0px;
		float:left;
		width:200;
		height: 300px;
		line-height: 1.3;

		}


/*†††††††††††††††††††††-TEXT-†††††††††††††††††††††††††*/
p.noclegnazwa 	{color:#40CB40; font:bold; font-size: 16pt; font-family: Verdana;}
p.noclegnazwa2 	{color:#40CB40; font-size: 12pt; font-family: Verdana;}
p.ausstattext 	{color:#636363; font-size: 11pt; font-family: Verdana;}
p.beschreibungtext 	{color:#636363; font-size: 11pt; font-family: Verdana;}
p.adres 	{color:#2469A3; font-family: Verdana; font-size: 11pt;}
p.adres2 	{color:#2469A3; font-family: Verdana; font-size: 11pt;}


/*†††††††††††††††††††††-zdjecia-†††††††††††††††††††††††††*/
img.url1 {border:1px; border-style: double; border-color: #636363; width:250px;}
img.url2 {border:0px; width:250px; height:200px;float: left;}

/*†††††††††††††††††††††-form-†††††††††††††††††††††††††*/
textarea.form1{			     
	font:normal 12px Tahoma, Arial;			
	padding:0px 0px 0px 0px;		   
	vertical-align:top;	
	color:#6C6C6C;
}		
input.form1{			     
	/** remember to change image path **/
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #454743;
}
/*koniec prezentacja noclegu divy i teksty*/




#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}		 
	
	/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}