/**************************************************
AUTHOR:  				Herbert Wirkner 
WEBSITE:   			http://www.tossainfo.es/
TEMPLATE NAME:		tossa
TEMPLATE CODE: 	T-001
VERSION:          		1.0          	
 **************************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* BASICS */

* { margin: 0; padding: 0; }

body 
	{
	background: #ccc;
	font: 14px Arial, Helvetica, sans-serif;
	color: #333; 
	text-align: center;
	}


/* HEADERS */

h1, h2, h3 
	{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 		
	}
h1 
	{
	font-size: 120%;	
	}
h2 
	{
	font-size: 110%;
	text-transform: uppercase;
	}
h3 
	{
	font-size: 110%;
	color: #666;
	}


/* IMAGES */

img 
	{
	border: 2px solid #ccc;
	}

img.float-right 
	{
	margin: 5px 0px 10px 10px;  
	}

img.float-left 
	{
	margin: 5px 10px 10px 0px;
	}

h1, h2, h3, p 
	{
	padding: 10px;		
	margin: 0;
	}

h3 
	{
	text-align: center; 
	}

p 
	{
	text-align: justify; 
	}

p.center 
	{
	text-align: center; 
	}

ul, ol 
	{
	margin: 5px 20px;
	padding: 0 20px;
	color: #9c0;	
	}

ul span, ol span 
	{
	color: #666;
	}

blockquote 
	{
	margin: 10px;
 	padding: 0 0 0 28px;  
	border: 1px solid #fff; 
  background: #fff url(../images-reisefuhrer/puce.gif) no-repeat 5px 5px;    
	}


/* LINKS */

a {
	text-decoration: none;
	color: #63f; 
	background: inherit;
	}

a:visited 
	{
	color: #66f; 
	background: inherit;
	}

a:hover 
	{
	color: #f00;
	background: inherit;
	}

a.open {
	text-decoration: none;
	color: #930; 
	background: inherit;
	}



/********************************************
MISE EN PAGE
********************************************/ 
#wrap 
	{
	width: 780px;
	background: #ccc url(../images-reisefuhrer/content.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
	}

#content-wrap 
	{
	clear: both;
	width: 700px;
	padding: 0; 
	margin: 0 auto;
	}

#header 
	{
	width: 780px;
	position: relative;
	height: 133px;
	background: #ccc url(../images-reisefuhrer/header-fr.jpg) no-repeat center top;
	padding: 0;
	font-size: 14px;
	color: #fff;
	}

#header h1#logo-text 
	{
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 48px Arial, Helvetica, sans-serif;

	/* change the values of top and left to adjust the position of the logo*/
	top: 0px; left: 0px;	
	}

#header h1#logo-text a
	{
	color: #009;
	}

#header h1#logo-text a:hover
	{
	color: #f00;
	}

#header h1#logo-text1 a
	{
	position: absolute;
	margin: 0; padding: 0;
	border: 0;
	width: 780px;
	height: 133px;
	top: 0px; left: 0px;	
	}

#header h2#slogan 
	{
	position: absolute;
	margin: 0; padding: 5px 0 0 0;
	font: bold 18px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #000;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 74px; left: 73px;
	}

#header h2#slogan a 
	{
	color: #000;
	}

#header h2#slogan a:hover 
	{
	color: #f00;
	}


/* MENU */

#menu 
	{
	clear: both;	
	margin: 0; padding: 0 40px 0 0;
	background: url(../images-reisefuhrer/menu.jpg) repeat-y center top;	
	font: bold 12px/26px Arial, Helvetica, sans-serif;
	height: 26px;
	}

#menu ul 
	{
	float: right;
	list-style: none;
	margin: 0; padding: 0;
	}

#menu ul li 
	{
	display: inline;
	}

#menu ul li a 
	{
	display: block;
	float: left;
	padding: 0 6px;
	color: #fff;	
	text-decoration: none;
	}

#menu ul li a.bild 
	{
	display: block;
	float: left;
	padding: 0;
	color: #fff;	
	text-decoration: none;
	}

#menu ul li a#left 
	{
	display: block;
	float: left;
	padding: 0 128px;
	color: #fff;	
	text-decoration: none;
	}

#menu ul li a.vide 
	{
	display: block;
	float: left;
	padding: 0 65px;
	color: transparent;
	background-color: transpaent;	
	text-decoration: none;
	}

#menu ul li a:hover 
	{
	background-color: #fcfcfc;
	color: #930;	
	}

#menu ul li a:hover.vide 
	{
	background-color: transparent;
	color: transparent;	
	}

#menu ul li a:hover.bild 
	{
	background-color: transparent;
	padding: 0;
	color: transparent;	
	}

#menu ul li a#current 
	{	
	background-color: black;
	color: white;
	}

#menu ul li#current 
	{	
	display: block;
	float: left;
	padding: 0 8px;
	text-decoration: none;
	background-color: #cff;
	color: #333;
	}

#menu ul li#rest 
	{	
	display: block;
	float: left;
	padding: 0 8px;
	text-decoration: none;
	background-color: #cff;
	color: #333;
	}


/* Main Column */

#main 
	{
	float: right;
	width: 72%;
	padding: 0; margin: 0;
	}

#main h1 
	{
	margin-top: 10px;
	font: Bold 125% Arial, Helvetica, sans-serif;
	color: #30c;
	padding: 5px 0 10px 30px; 	
	border-bottom: 1px solid #fff;
	background: #fff url(../images-reisefuhrer/puce.gif) no-repeat 3px 50%;	
	}

.post-footer 
	{
	background-color: #cff;
	padding: 5px; margin: 20px 10px 0 10px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
	}

.post-footer .date {
	background: url(../images-reisefuhrer/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(../images-reisefuhrer/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(../images-reisefuhrer/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.foto 
	{
	text-align: right;
  font-size: #39f;
  font-size: 80%;
  padding-right: 18px; 
	}




/* SIDEBAR */
	
#sidebar 
	{
	float: left;
	width: 26.5%;
	padding: 0; margin: 0;	
	}
	
#sidebar h1 
	{
	margin-top: 10px;
	padding: 5px 0 5px 10px; 
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #666;
	background: #cff url(../images-reisefuhrer/headerbg.gif) repeat-x left bottom;	
	border: 1px solid #cff;
	}

#sidebar .left-box 
	{
	border: 1px solid #cff; 
	margin: 0 0 5px 0;	
	}

#sidebar .left-box-center
	{
	text-align: center;	
	}

#sidebar ul.sidemenu 
	{
	list-style: none;
	text-align: left;
	margin: 3px 0 8px 0; padding: 0;
	text-decoration: none;		
	}

#sidebar ul.sidemenu li 
	{
	border-bottom: 1px solid #cff;
	background: url(../images-reisefuhrer/go.gif) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 2px;	
	color: #000;
	}

#sidebar ul.sidemenu li.activ
	{
	border-bottom: 1px solid #cff;
	background: url(../images-reisefuhrer/gogo.gif) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 2px;	
	color: #000;
	}

#sidebar ul.sidemenu a 
	{
	font-weight: bolder;
	text-decoration: none;	
	background-image: none;	
	}

/* Footer */	

#footer 
	{
	color: #666;
	background: #ccc url(../images-reisefuhrer/footer.jpg) no-repeat center top;
	clear: both;
	width: 780px;
	height: 55px;
	text-align: center;	
	font-size: 92%;
	}

#footer a 
	{ 
	text-decoration: none; 
	}


/* ALIGNMENT CLASSES */

.float-left  
	{ 
	float: left; 
	}

.float-right 
	{ 
	float: right; 
	}

.align-left  
	{ 
	text-align: left; 
	}

.align-right 
	{ 
	text-align: right; 
	}


/* DISPLAY AND ADDITIONAL CLASSES */

.clear 
	{ 
	clear: both; 
	}

.blue 
	{ 
	color: #30f;
	font-style: italic;
	}

.text
	{ 
	text-align: justify;
	}

.code 
	{
	width: 400px;
	height: 278px;
	background: #ccc url(../images-reisefuhrer/tossa1.jpg) no-repeat center center;
	margin: 0 auto;
	text-align: center;
	}

.code1 
	{
	width: 400px;
	height: 278px;
	background: #ccc url(../images-reisefuhrer/tossa2.jpg) no-repeat center center;
	margin: 0 auto;
	text-align: center;
	}

.code-com 
	{
	width: 400px;
	height: 113px;
	background: #006 url(../images-reisefuhrer/comment.jpg) no-repeat center center;
	margin: 0 auto;
	text-align: center;
	}

.code-blog 
	{
	width: 400px;
	height: 113px;
	background: #006 url(../images-reisefuhrer/comment.jpg) no-repeat center center;
	margin: 0 auto;
	text-align: center;
	}