/* CSS Document */

/* Allgemeine Elemente für die Übersichtslayouts */

  #main_overview {
  		width:700px;
		position: absolute;
		padding:10px;
		left: 0px;
		top: 0px;
  }
  
  #main_topic {
  		text-align:center;
		height: 40px;
		padding-top: 10px;
		padding-bottom: 30px;
  }
  
  
  #main_links {
  		width:100%;
		clear:left;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
  }

  #main_links a {
  		padding:10px;
		clear:left;
  }
  
  #main_footer {
  		width:100%;
		text-align:right;
		margin-top: 10px;
		font-size:9pt; 
		font-weight:bold;
  }


/* Elemente für Design Nr. 1 (links Bild, rechts liste */
  #main_d1_columnLeft {
  		width:300px;
		float:left;
		margin: 5px 0px 5px 0px;
		padding: 10px;
		height:275px;
		text-align:center;
  }
  
  #main_d1_columnRight {
		width:360px;
		float: left;
		margin: 5px 0px 5px 0px;
		padding-left: 20px;
		vertical-align:middle;
		height:275px;
  }

  #main_d1_columnRight ul {
  		line-height:1.5;
		margin-left:0;
		padding-left:0px;
		vertical-align: middle;
  }
  
  #main_d1_columnRight p {
		vertical-align:middle;
		margin-left:0;
  }

/* Elemente für Design Nr. 2 (drei Spalten, 1x Bild + 1x Text = 1x Gruppe) */

  #main_d2_content li {
  		background-color:#E6E6E6;
		border: solid #E1E1E1 1px; 
		margin-bottom: 20px;
		padding: 5px 10px 5px 10px;
  }
  
  #main_d2_content li img {
		padding-bottom: 5px;
  }
  
  #main_d2_column {
  		border:0px solid #000000;
		width:220px;
		float:left;
		margin: 5px 0px 5px 0px;
		padding: 5px;
		text-align:center;
  }
  
  #main_d2_column ul {
		width: 220px;
		list-style:none;
		margin:5px 0px 5px 0px;
  }

/* Elemente für Design Nr. 3 (zwei Spalten, 1x Bild + Link + kurze Beschreibung) */

  #main_d3_container {
  		border: 0px solid #000000;
		width: 340px;
		float: left;
		margin: 5px 0px 5px 0px;
		padding: 5px;
  }
  
  #main_d3_container_left {
		float:left;
		margin-right: 10px;
		margin-bottom:20px;
		border: solid #E1E1E1 1px; 
		background-color:#E6E6E6;
		padding: 5px 10px 5px 10px;
		min-height: 80px;
  }
  
  #main_d3_container_left img {
		float: left;
		margin: 0px 10px 20px 0px;
  }
  
  #main_d3_container_left p {
		float: left;
		text-align:justify;
  }
  
  #main_d3_container_right {
  		float:right;
		margin-left: 10px;
		margin-bottom:20px;
		border: solid #E1E1E1 1px; 
		background-color:#E6E6E6;
		padding: 5px 10px 5px 10px;
		min-height: 80px;
  }
  
  #main_d3_container_right img {
		float: right;
		margin:0px 0px 10px 10px;
  }
  
  #main_d3_container_right p {
		float: right;
		text-align:justify;
  }