@charset "UTF-8";

		* { margin:  0; padding: 0; }

		/* Globale Wert wie Schrift und Farben definieren */
		body
		{
			background: #157c88;
			font-family: Verdana,DejaVU Sans;
			font-size: 0.8em;
    	color: #000000;
			overflow: auto;
		}

	  /* Linkeingenschaften */
	  a 				{ color: #003366; text-decoration:none; cursor: pointer; }
		a:hover 	{ color: #336699; text-decoration:none; }
		a:active	{ background: #eee; }
  	img 			{ vertical-align: middle; border: 0px; }

	  /* Breite der Seite sowie den Hintergrund definieren */

	  /* Kopf der Seite, Logo / Hintergrundgrafik wird in der TPL direkt/dynamisch geladen */
		#page
    {
      background: #fff;
			width:980px;
      margin: 0 auto 0;
      min-height:600px;
			overflow: hidden;
    }
		
		#box
		{
			background: #f7f7f7;
			width:970px;
      margin: 0 auto 0;
			overflow: auto;
			margin-top:5px;
		}

    #header
		{
			background-image:url('../image/layout/header.png');
			margin: 0 auto 0;
			width:980px;
			height: 231px;
		  cursor: pointer;
  	}
		
		#benutzer_zahlen
		{
			height:22px; 
			position: relative;
			top:195px; 
			left:770px;
			width: 200px;
		}

		/* Navigationshinweis und Mitgliederinformationen */
		#top_menu
  	{
  		margin: 0 auto 0;
  		margin-top:5px;
			padding-top: 7px;
			padding-left: 7px;
			width:963px;
			height: 23px;
			background-image:url('../image/layout/top_menu.png');
		}

    /* Linkes Men� */
    #menu_left
    {
			padding: 4px 4px 4px 4px;
      width: 180px;
      float: left;
    }

		/* Die Breite wird hier nicht angegeben da wir diese ID öfter benutzen wollen */
		#content
    {
    	padding-left: 4px;
			float: left;
      width: 778px;
      min-height:596px;
			background:#fff;
    }

    /* Footer, Text daf�r wird dynamisch geladen */
		#footer
		{
			background-image:url('../image/layout/footer.png');
			margin: 0 auto 0;
			text-align: center;
			padding-top:13px;
			width:980px;
			height:29px;
			font-weight: bold;
  	}

		.menu
  	{
  		display:block;
  		padding-top:3px;
  		width: 180px;
  		height:20px;
  		border-top: 1px dotted #000;
  		border-bottom: 1px dotted #000;
  		margin: 8px 0 0 0;
			cursor: pointer;
  	}

  	.menu_a
  	{
  		display:block;
  		padding-top:3px;
  		width: 180px;
  		height:20px;
			color: #000;
			border-top: 1px dotted #000;
  		border-bottom: 1px dotted #000;
  		margin: 8px 0 0 0;
  		cursor: pointer;
  	}

  	.sub_menu
  	{
  		color: #003366;
  		display:block;
  		padding-top:3px;
  		width: 180px;
  		height:20px;
  		cursor: pointer;
  	}

		.sub_menu:hover
  	{
  		background: #eee;
  	}

  	.sub_menu_a
  	{
  		display:block;
  		padding-top:3px;
  		width: 180px;
  		height:20px;
			background: #eee;

  	}

  	.menu:hover
		{
			background: #C0C0C0;
			color: #000;
		}

		/* Allgemeine übergreifende Definitionen */
		#box_oben
		{
			padding: 4px;
			border: 2px #ccc solid;
			min-height: 75px;
			overflow: auto;
			background: #f7f7f7;
			color: #000;
		}

		.zeile
		{
			width: 99%;
			height: 20px;
			margin-top: 3px;
		}

		.field
		{
			background-color:#eee;
			border: 1px solid #d8a77f;
		}

		.field_fehler
		{
			background-color:#eee;
			border: 1px solid #FF0000;
		}

		.submit
		{
			margin:1px;
			background-color: #9b6c6c;
			color: #f8e7ad;
		}

		.hinweis
		{
			color: #FF0000;
		}

		hr
		{
    color: #fff;
    background:transparent;
    border:0;
    border-bottom: 1px #c2c2c2 solid;
  	}

	.ui_1    	{ float:left; width:310px; font-size: 0.9em; }
	.ui_2    	{ float:left; width:150px; font-size: 0.9em; text-align:center; }
	.clearall	{ float:none; clear:both; font-size-adjust:inherit; line-height:5px; }
	.float_left  { float: left; }
  .float_right { float: right; }