/*@charset "UTF-8";*/
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

@media screen, projection
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body {
		background: #ECECEC;
	}

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins {
  	max-width:59.5625em; /* 953px |8gfxb|773c|8gfxb| 4px |160px Sky| */
  	min-width:59.5625em; /*Damit Werbung nicht untergeschoben wird*/
  	*width:59.5625em;
  	margin:auto;
  	position:relative;
	}
	
  #page{ 
		min-width:49.3125em; /* 789 px (773 px (20c) + l&r 8px gfxborder) */
		max-width:49.3125em;
		*width:49.3125em;
 	}

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header {
		background:#f7f7f7;
		margin:0;
		max-width:49.25em; /* 788 px */
		min-width:49.25em;
		*width:49.25em;
	}
  #topnav {
		padding-right: 0.5em;
		margin-bottom: 0.1875em;
	}

  #main {
		background:#f7f7f7;
		margin:0 0.5em;
		max-width:48.3125em; /* 773 px */
		min-width:48.3125em;
		*width:48.3125em;
	}

  #homepage {
    background: white;
    padding-bottom: 5px;
    border-bottom: 1px solid #667733;
  }

  #footer {
		background:#f7f7f7;
		margin:0 0.5em;
		max-width:48.3125em; /* 773 px */
		min-width:48.3125em;
		*width:48.3125em;
	}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */

	.logo {
		width:70px;
		height:70px;
		background-image: url(../../images/layout/meinprof_logo.png);
		position:absolute;
		z-index:1;
		top: 0.65em;
    left: 0.5em;
  }
	
	#nav_main ul.site_name {
		float:left !important;
		margin-left:65px !important;
	}
	#nav_main ul.site_name li a{
		background:#F7F7F7 url(../../images/layout/header-menu-back.png) repeat-x scroll left center;
		border-color:#BFC6AA #8C9966 #8C9966 #BFC6AA;
		color:#FF7700;
		font-size:1.125em;
		line-height:16px;
		margin:3px 0px;
		padding:4px 10px 4px 20px;
		
	}
		
  #breadcrumb {
    margin: 0 0 0.5em 0;
  }

  #footer #links,
  #footer #links p,
  #footer #links a {
    font-size: 10px;
    line-height: 110%;
    font-weight: bold;
    color: #888888;
    margin-bottom: 0;
    text-align: center;
  }

  #footer #links p,
  #footer #links img {
    vertical-align: top;
  }

  #flagbar {
  	padding-right: 0.375em;
  	text-align:right;
  	background: #EDEEE9;;
  }

  #flagbar img {
  	margin:5px 2px 0px 10px;
  }

  #topnav img.flag {
     vertical-align: middle;
     margin: 0;
/*     cursor:pointer;*/
  }

  #invite_messages {
    font-weight: bold;
    color: #FF7700;
  }
  
  #map {
    position: absolute;
    top: 0;
    left: 0;
  }
  #map_wrapper_de {
    position: relative;
    height: 400px;
  }
  #map_wrapper_at {
    position: relative;
    height: 206px;
  }
  #map_wrapper_ch {
    position: relative;
    height: 249px;
  }
  

/* ================= */
/* = Werbesettings = */
/* ================= */

	#banner_top {
		text-align:center;
		*float:right;
		*display:inline;
		max-width:49.5625em; /* 789 px + 4px */
		min-width:49.5625em;
		*width:49.5625em;
		margin-bottom:0.25em;
		z-index:1
	}
	#banner_right {
		/*position:relative;*/
    float:right;
		*display:inline; /* needed for IE 6 */
	}
	#banner_top.hockeystick {
		text-align:right;
	}
	#banner_right.hockeystick {
		margin-top:0;
	}

/* ==================== */
/* = Grafische Border = */
/* ==================== */

	.border-l {
		background: url(../../images/gfxborder/l.png) left center repeat-y;
		border:0 none;
		margin-bottom:0.5em;
	}
	.border-r {
	  background: #F7F7F7 url(../../images/gfxborder/r.png) right center repeat-y;
	  border:0 none;
	}

	.border-t {
   overflow:hidden;
   width: auto;
   height: 0.5em;
   background: url(../../images/gfxborder/t.png) top left repeat-x;
	}
	.edge-tl {
	  float: left;
	  width: 0.5em;
	  height: 0.5em;
	  background: url(../../images/gfxborder/tl.png) top left no-repeat;
	}
	.edge-tr {
	  float: right;
	  width: 0.5em;
	  height: 0.5em;
	  background: url(../../images/gfxborder/tr.png) top right no-repeat;
	}

	.border-b {
   overflow:hidden;
   width: auto;
   height: 0.5em;
   background: url(../../images/gfxborder/b.png) top left repeat-x;
	}
	.edge-bl {
	  float: left;
	  width: 0.5em;
	  height: 0.5em;
	  background: url(../../images/gfxborder/bl.png) top left no-repeat;
	}
	.edge-br {
	  float: right;
	  width: 0.5em;
	  height: 0.5em;
	  background: url(../../images/gfxborder/br.png) top right no-repeat;
	}
}