/* crazybeaches STYLESHEET -- copyright 2002 by ueli preisig */

/* BASICS ---------- */


body {
	background-color: #006699;
	background-attachment : fixed;
	background-image : url(/images/beaches_05.jpg);
	background-repeat : repeat;
	background-position: center center;
}

body, p, i, em {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #666666;
}

p {
	margin-right: 2px;
	margin-left: 2px;
}
i { font-style : italic; color: #D6CE49}

.error {
	color: #FF0000;
	margin-right: 2px;
	margin-left: 2px;
	font-size: 13px;
	font-weight: bold;
}



/* HEADERS ----------*/



th      {font-size: 8px; font-weight: bold; text-align: center; }

h1, h2, h3, h4     {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #006699;
	text-decoration: overline;
}

h1      {font-size: 15px; }
h2      {font-size: 14px; }
h3 		{font-size: 13px; }

.label  {font-size: 9px; font-weight: bold; }
.normal {font-size: 9px;    }
.notice {font-size: 13px;  }
.small { font-size: 10px;  }
.xsmall { font-size: 8px;  }

hr 	{

	color: #CCCCCC;
	height: 1px;
	border: 1px;
	background: #CCCCCC;
}

/* LINKS ----------*/

a {  font-family:Verdana, Helvetica, sans-serif; 
	font-size: 13px; 
	color:#0066CC; 
	text-decoration: underline;
}

a:link {color: #004F9D;}
a:visited {color: #999966;}
a:active {color: #0066CC;}
a:hover {	color: #77BCDD;}

/* HEADER  -----------*/
.head{
	font-size: 13px; 
	color: #D6CE49; 
}


/* NAVIGATION -----------*/

/* login / register */

.log {
	text-decoration: none;
	font-size: 13px
}

/* navigation subcategories */
.nav{
	vertical-align : baseline;
}

.nav1{ 
	font-size: 12px; 
	color: #D6CE55; 
	text-decoration: none;
	vertical-align : top;
}

.nav1td{
	background : #FFFFFF;
	padding : 0px 0px 0px 3px;
	height: 40px;
	vertical-align: middle;
}

a:link.nav1{color : #D6CE55;}
a:visited.nav1 {color: #D6CE55;}
a:active.nav1 {color: #D6CE55;}
a:hover.nav1 {color: #EDEDED; text-decoration: underline}

/* navigation topcategories */
.nav2{
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight : bold;
	letter-spacing: 1px;
}

.nav2td{
	background : #0066CC;
	padding : 0px 0px 0px 3px;
	height: 40px;
}

a:link.nav2{color : #FFFFFF;}
a:visited.nav2 {color: #FFFFFF;}
a:active.nav2 {color: #FFFFFF;}
a:hover.nav2 {color: #AAAAAA;;}

/* TABLES -----------*/

table {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	vertical-align : top;
} 

/* explanation  table  for explanations on each side */

table.expl  {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	vertical-align : top;
	border: 1px solid #888888;
	padding : 3px 3px 3px 3px;
} 

table.centered  {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	vertical-align : top;
	border: 1px solid #888888;
	padding : 3px 3px 3px 3px;
} 

table.disp {
	border: 1px solid #363636;
	padding : 5px 5px 5px 5px;
	background-color : #FFFFCC;
}

th.expl {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #006699;
	background-color : #FFFFFF;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 30px;
	font-weight: bold;
}

/* statistics  table  for explanations on each side */

table.stats  {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	vertical-align : baseline;
	border: 1px solid #888888;
	padding : 3px 3px 3px 3px;
} 

/* outer table  for border */

table.rahmen {
	border : 1px solid #FFFFFF;
	text-align: center;
	background-color: #FFFFFF;
} 

/* inner  table  for all content */

table.inhalt {
	text-align: center;
	background-color: #FFFFFF;
} 

td {
	font-weight: normal;
	text-align : left;
} 

/* button */

input.rahmen1 { 
   border: 1px solid #0099CC; 
   background-color: #FFFFFF;
   color : #0066CC;
}


.legende {
	font-size: 13px; font-weight: normal;
}
.legende2 {
	font-size: 9px; font-weight: normal;
}

/* Table zentrierung */
div.centered {text-align: left;} 
div.centered table {margin: 0 auto; text-align: centered;}