/* Youth Hostel Plakias - CSS Basic Layout */

/*
EM - PX zum kopieren oder nachschauen
10px = 0.6em
12px = 0.76em
14px = 0.9em
16px = 1.0em = 12pt
18px = 1.12em
22px = 1.38em
26px = 1.63em
*/


/*Basic Settings */
html, body    {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body          {font-family:verdana, arial, sans-serif; font-size:100,01%;}
#background   {position:absolute; z-index:1; width:100%; height:100%;}
#scroller     {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}


/* Navigation */
#topframe     {position:absolute; top:0px; left:10px; right:10px; height:91px; z-index:10; border:0px solid #000; padding:10px;}
#topbar       {position:absolute; background-color:#0000FF; z-index:4; width:100%; height:55px; border-top:1px solid #000000; border-bottom:1px solid #000000; right:0px; top:18px;}
#toplogo      {position:absolute; z-index:5; width:275px; height:91px; border:0px; right:0px; top:0px;}
#topfeld      {position:absolute; z-index:6; height:55px; border:0px; right:280px; left:10px; background: transparent;}
.topnavifeld  {position:relative; float:left; width: 10.7%;  z-index:7; border:1px dotted #0000FF;}
.oneline      {text-align:center;position:absolute;font-family:Verdana,Arial;font-size:10pt;color:#00FFCC;font-weight:800;z-index:8;margin-top:18px;text-decoration: none;}
.twoline      {text-align:center;position:absolute;font-family:Verdana,Arial;font-size:10pt;color:#00FFCC;font-weight:800;z-index:8;margin-top:10px;text-decoration: none;}


/* Content */
#content      {position: absolute; left:50%; margin-left:-400px; margin-right:400px; height:auto; top:95px; width:800px;}
#smallcontent {position: absolute; left:50%; margin-left:-400px; margin-right:400px; height: auto; top: 5px; width:800px;}
#bottomframe  {position:absolute; bottom:0px; left:10px; right:10px; height:91px; z-index:10; border:1px solid #000; padding:10px;}



/* Text on static Pages (Home/Hostelinfo/Plakias) */

.blue12	{
		color:#000088;
		font-family:"Comic Sans MS",Arial;
		font-size:0.76em
		font-weight:normal;
        display:table;
		}

.red12	{
		color:#CC0022;
		font-family:"Comic Sans MS",Arial;
		font-size:0.76em
		font-weight:normal;
        display:table;
		}

.white12 {
		color:#FFFFFF;
		font-family:"Comic Sans MS",Arial;
		font-size:0.76em
		font-weight:normal;
		}

.yellow12 {
		color:#ff0;
		font-family:"Comic Sans MS",Arial;
		font-size:0.76em
		font-weight:normal;
		}


.blue16	{
		color:#000088;
        font-size:1.3em;
		font-family:"Comic Sans MS",Arial;
		font-weight:bold;
		}

.yellow16 {
		color:#ff0;
		font-family:"Comic Sans MS",Arial;
		font-size:1.3em;
		font-weight:bold;
        display:table;
		}

h1 		{
		font-family:"Comic Sans MS",Arial;
		font-size:2.0em;
		color:#FFFF00;
		}

h2 		{
  		font-family:"Comic Sans MS",Arial;
        font-size:1.2em;
        color:#000066;
        }




.top	{
		font-family:Verdana,Arial;
		font-size:10pt;
		color:#FFFF00;
		font-weight:800;
		align:center;
		valign:middle;
		}

.topcell {
		color:#000088;
		font-family:"Comic Sans MS",Arial;
		font-size:12pt;
		background-color:#FFFFAA;
		font-weight:normal;
		}


.cell 	{
		color:#000088;
		font-family: Tahoma,Verdana,Arial;
		font-size:10pt;
		background-color:#FFFFAA;
		font-weight:700;
		}


.subcell {
		color:#000088;
		font-family: Tahoma,Arial;
		font-size:8pt;
		background-color:#AAAAAA;
		}

.fixcell {
		color:#000088;
		font-family: Tahoma,Verdana,Arial;
		font-size:10pt;
		background-color:#FFFFAA;
		font-weight:900;
		border:0px solid #000088;
		}



.bartopcell {
		color:#000088;
		font-family: Verdana,Arial;
		font-size:14pt;
		background-color:#FFFFAA;
		font-weight:700;
		}

.barcell {
		color:#000088;
		font-family: Verdana,Arial;
		font-size:10pt;
		background-color:#FFFFAA;
		font-weight:700;
		}

.barcellsmall {
		color:#000088;
		font-family: Verdana,Arial;
		font-size:8pt;
		background-color:#FFFFAA;
		font-weight:600;
		}


.logo	{
		font-family:Arial;
		font-size:10pt;
		color:#FFFF00;
		font-weight:800;
		}



a:link {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none }