/*
      Created by Tobias Tenbensel
	  http://www.meier-group.com
	  Date: 28.05.2010
	  Rev:1.0
	  	  
*/

* { padding: 0; margin: 0; }


body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url(/images/css/background.gif); 
 background-repeat: no-repeat; 
 background-attachment: fixed;
 background-position: center center;
}

a{
color: #000000;
}
a:visited, a:hover, a:active{
 color: #606060;
}
ul{
 padding-left: 500px;
 list-style-type:disc;
}
hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #0095A6;
 border-bottom: transparent;
 margin: 5px 0px;
}
/* Festlegung des groben Rasters, 2 Spalten + Header */
#wrapper { 
 margin: 0 auto;
 width: 999px;
}

#middlecolumn { 
 float: left;
 height:800px;
 width: 790px;
 margin:10px 0px 0px 0px;
}

#header {
 width: 999px;
 float: left;
 height: 50px;
 background: #0095A6;
}

#rightcolumn { 
 background: transparent;
 height: auto;
 width: 205px;
 float: right;
}

/*Sprachauswahl, Grafiken und Hover-Effekt*/
#dva a, #mst a, #mpt a, #mas a, #air a {
 height: 110px;
 width: 768px;
 float:left;
 color: transparent;
 text-decoration: none;
 background-repeat: no-repeat;
 background-position: 10px 5px;
 font-size: 0px;
}
#dva a:hover, #mst a:hover, #mpt a:hover, #mas a:hover, #air a:hover{
 background-repeat: no-repeat;
 background-position: right top;
 color: #000000;
 background-position: 10px 5px;
 font-size: 15px;
}
#dva a {
 background-image:url(/images/css/mug/dva.png);
}
#dva a:hover{
 background-image:url(/images/css/mug/dva_hover.png);
}
#mst a{
 background-image:url(/images/css/mug/mst.png);
 }
#mst a:hover {
 background-image:url(/images/css/mug/mst_hover.png);
}
#mpt a {
 background-image:url(/images/css/mug/mpt.png);
}
#mpt a:hover{
 background-image:url(/images/css/mug/mpt_hover.png);
}
#mas a{
 background-image:url(/images/css/mug/mas.png);
 }
#mas a:hover {
 background-image:url(/images/css/mug/mas_hover.png);
} 
#air a {
 background-image:url(/images/css/mug/air.png);
}
#air a:hover{
 background-image:url(/images/css/mug/air_hover.png);
} 
/* Inhalt der rechten Spalte, rightbar stellt den Farbverlauf dar, impressum fügt die weiße Box für das Impressum ein, logo platziert das Logo */
#rightbar{
 width: 136px;
 height: 582px;
 margin: 0px 40px 0px 20px;
 border:2px solid #FFFFFF;
 z-index: 1;
 background-image: url(/images/css/mug/bar.gif);
}
#impressum{
 font-size: smaller;
 background: #FFFFFF;
 width: 136px;
 height: 15px;
 margin: 545px 0px 0px 0px;
 padding: 3px 0px;
 z-index: 2;
 text-align: center;
}
#logo{
 width: 200px;
 height: 52px;
 background-image: url(/images/css/mug/meier_group.png);
 float: left;
 margin: 40px 0px 0px 5px;
 z-index: 3;
}
/* Inhalt des Headers, headerslogan platziert den Slogan zentriert über dem Content, headerbox erstellt den grauen Kasten mit Rand  */
#headerslogan{
 width:600px;
 float:left;
 padding: 30px 190px 5px 24px;
 text-align: left;
 vertical-align: bottom;
 color: #FFFFFF;
}
#headerbox{
 background: #CCCCCC;
 width:136px;
 height: 50px;
 float: left;
 border-left-width: 2px;
 border-left-style: solid;
 border-left-color: #FFFFFF;
 border-right-width: 2px;
 border-right-style: solid;
 border-right-color: #FFFFFF;
}
/* Inhalt des Contentbereiches, content stellt den normalen Inhalt dar, contentbar stellt zusätzliche Infos unter dem Content dar, Newscontent + Newsfooter sind für die Nachrichtenseite  */
#content{
 display: block;
 height: 550px;
 width: 770px;
 float: left;
 color: #333;
 background: transparent url(/images/css/1px.png);
 background: rgba(255, 255, 255, 0.7) none;
 display: inline;
 padding: 10px;
 border: 2px solid #0095A6;
}