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

* { padding: 0; margin: 0; }

html{
 height: 101%;
}
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url(http://meier-systemtechnik.de/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;
}
p.menu {
 padding: 5px;
}
h3.header{
 color: #FFFFFF;
}
h4.header{
 color: #FFFFFF;
 font-size: small;
}
h4.news{
 color: #DA251D; /*255*/
 background: #F8D4D3; /*50*/
 padding: 3px;
 margin: 3px;
}
ul{
 padding: 20px;
}
hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #DA251D; /*255*/
 border-bottom: transparent;
 margin: 5px 0px;
}
input,textarea {
 border: 1px solid #DA251D; /*255*/
 background: #FFFFFF;
 margin: 5px;
 padding: 2px;
}
#menu a{
 color: #FFFFFF;
 background: #DA251D; /*255*/
 text-decoration: none;
}
#menu a:hover{
 background: #CCCCCC;
 color: #000000;
 font-weight: bold;
 text-decoration: none;
}
#submenu1 a {
 margin: 3px;
}
#submenu2 a {
 margin: 3px 3px 3px 10px;
}
#submenu3 a {
 margin: 3px 3px 3px 20px;
}
#submenu1active a{
 margin: 3px;
}
#submenu2active a{
 margin: 3px 3px 3px 10px;
}
#submenu3active a{
 margin: 3px 3px 3px 20px;
}
#submenu1 a, #submenu2 a, #submenu3 a {
 display: block;
 padding-left: 3px;
}
#submenu1active a, #submenu2active a, #submenu3active a{
 display: block;
 background: #CCCCCC;
 color: #000000;
 font-weight: bold;
 padding-left: 3px;
}
#news a{
 text-decoration: none;
}
#newscontent a, #newsfooter a{
 color: #DA251D; /*255*/
 text-decoration: none;
}
#newscontent a:visited, a:hover, a:active,
#newsfooter a:visited, a:hover, a:active{
 color: #606060;
}
#suchergebnisse a{
 color: #000000;
 text-decoration: underline;
}
#suchergebnisse a:visited, a:hover, a:active{
 color: #606060;
 text-decoration: underline
}
#results{
 text-align:center;
 padding: 10px 0px;
 background: #F0F0F0;
}
/*Für jede Firma anpassen*/
.dsR1 /*agl rulekind: base;*/ { width: auto; height: 16px; }
.dsR5 /*agl rulekind: base;*/ { width: auto; height: auto; }
.dsR6 /*agl rulekind: base;*/ { background-color: #fff; text-align: center; }
.dsR7 /*agl rulekind: base;*/ { background-color: #ddd; text-align: center; }
.dsR8 /*agl rulekind: base;*/ { color: rgb(255,255,255); font-weight: bold; background-color: #555; text-align: center; }
.dsR9 /*agl rulekind: base;*/ { background-color: #fff; text-align: left; }
.dsR12 /*agl rulekind: base;*/ { background-color: #ddd; text-align: left; }
.dsR11 /*agl rulekind: base;*/ { color: rgb(255,255,255); font-weight: bold; background-color: #555; text-align: left; }
.dsR10 /*agl rulekind: base;*/ { width: auto; height: auto; }
.dsR62 /*agl rulekind: base;*/ { background-color: #fff; width: 600px; height: 40px; }
.dsR166 /*agl rulekind: base;*/ { background-image: url(/images/rechts.gif); width: 15px; height: 22px; vertical-align: top; }
.dsR167 /*agl rulekind: base;*/ { background-color: #fff; background-image: url(/images/rechts_motiv0.jpg); width: 100px; height: 22px; vertical-align: top; }
.dsR168 /*agl rulekind: base;*/ { background-color: #003e89; height: 22px; }
.dsR169 /*agl rulekind: base;*/ { background-image: url(/images/links.gif); width: 15px; height: 22px; vertical-align: top; }
.dsR197 /*agl rulekind: base;*/ { width: 200px; height: 22px; }
.dsR198 /*agl rulekind: base;*/ { width: 800px; height: 120px; }
.dsR199 /*agl rulekind: base;*/ { width: 600px; }
.dsR200 /*agl rulekind: base;*/ { text-align: left; width: 600px; vertical-align: middle; }
.dsR201 /*agl rulekind: base;*/ { background-color: #efefef; width: 200px; }
.dsR202 /*agl rulekind: base;*/ { background-color: #003e89; width: 200px; height: 22px; }
.dsR204 /*agl rulekind: base;*/ { background-color: #fff; text-align: left; width: 600px; vertical-align: top; }
.dsR206 /*agl rulekind: base;*/ { width: 600px; height: auto; }
.dsR216 /*agl rulekind: base;*/ { width: 25px; }
.ds3 /*agl rulekind: base;*/ { color: #fff; }
.ds4 /*agl rulekind: base;*/ { color: #303030; }
.dsR218 /*agl rulekind: base;*/ { background-color: #efefef; text-align: left; width: 200px; vertical-align: top; }

/* Festlegung des groben Rasters, 3 Spalten + Header */
#wrapper { 
 margin: 0 auto;
 width: 999px;
}

#middlecolumn { 
 float: left;
 color: #000000;
 height:auto;
 width: 604px;
 margin:10px 0px 0px 0px;
}

#header {
 color: #000000;
 width: 999px;
 float: left;
 height: 50px;
 background: #DA251D; /*255*/
}

#leftcolumn { 
 color: #000000;
 background: transparent;
 height: auto;
 width: 190px;
 float: left;
}

#rightcolumn { 
 color: #000000;
 background: transparent;
 height: auto;
 width: 205px;
 float: right;
}
/* Inhalte der linken Spalte, menu + news + search + flags stellen die Menüs dar, flagsborder fügt eine weitere Box mit dem Hintergrund für die Fahnen ein*/
#menu {
 color: #000000;
 background: transparent url(http://meier-systemtechnik.de/images/css/1px.png);
 background: rgba(255, 255, 255, 0.7) none;
 width: 176px;
 float: right;
 margin: 10px 10px 10px 0px;
 border:2px solid #DA251D; /*255*/
}
#news {
 color: #333;
 background: transparent url(http://meier-systemtechnik.de/images/css/1px.png);
 background: rgba(255, 255, 255, 0.7) none;
 width: 176px;
 float: right;
 margin: 10px 10px 10px 0px;
 border:2px solid #DA251D; /*255*/
}
#search {
 color: #333;
 background: transparent url(http://meier-systemtechnik.de/images/css/1px.png);
 background: rgba(255, 255, 255, 0.7) none;
 width: 170px;
 float: right;
 margin: 10px 10px 10px 0px;
 padding: 3px;
 border:2px solid #DA251D; /*255*/
}
#flags{
 background: transparent url(http://meier-systemtechnik.de/images/css/1px.png);
 background: rgba(255, 255, 255, 0.7) none;
 width: 176px;
 float: right;
 margin: 10px 10px 10px 0px;
 border:2px solid #DA251D; /*255*/
}
#flagsbox{
 background: #F8D4D3; /*50*/
 width: 162px;
 height: 14px;
 float: left;
 margin: 3px;
 padding: 4px;
}
/*Sprachauswahl, Grafiken und Hover-Effekt*/
#flag_de a, #flag_de a:hover, #flag_de_active a ,
#flag_en a, #flag_en a:hover, #flag_en_active a,
#flag_fr a, #flag_fr a:hover, #flag_fr_active a ,
#flag_it a, #flag_it a:hover, #flag_it_active a ,
#flag_ru a, #flag_ru a:hover, #flag_ru_active a ,
#flag_cn a, #flag_cn a:hover, #flag_cn_active a  {
 height: 14px;
 width: 21px;
 margin: 0px 2px;
 float:left;
 background-repeat: no-repeat;
 text-decoration: none;
 color: transparent;
 } 
#flag_de a {
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-de-h.gif);
}
#flag_de_active a {
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-de.gif);
}
#flag_de a:hover{
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-de.gif);
}
#flag_en a{
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-en-h.gif);
 }
 #flag_en_active a {
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-en.gif);
}
#flag_en a:hover {
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-en.gif);
} 
#flag_fr a{
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-fr-h.gif);
 } 
 #flag_fr_active a {
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-fr.gif);
}
#flag_fr a:hover {
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-fr.gif);
} 
#flag_it a{
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-it-h.gif);
 }
 #flag_it_active a {
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-it.gif);
}
#flag_it a:hover {
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-it.gif);
}
#flag_ru a{
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-ru-h.gif);
 }
 #flag_ru_active a {
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-ru.gif);
}
#flag_ru a:hover {
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-ru.gif);
} 
#flag_cn a{
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-cn-h.gif);
 }
 #flag_cn_active a {
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-cn.gif);
}
#flag_cn a:hover {
 background-image:url(http://meier-systemtechnik.de/images/css/flags/flag-cn.gif);
} 
/* 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: 800px;
 margin: 0px 40px 0px 20px;
 border:2px solid #FFFFFF;
 background: #FFFFFF;
 background-image: url(http://meier-systemtechnik.de/images/css/dva/bar.gif);
}
#impressum{
 color: #333;
 background: #FFFFFF;
 width: 136px;
 height: 20px;
 margin: 745px 0px 0px 0px;
 padding: 3px 0px;
 text-align: center;
}
#impressum a {
 color: #000000; 
 text-decoration: underline;
}
#logo{
 width: 200px;
 height: 80px;
 color: #333;
 float: left;
 margin: 40px 0px 0px 5px;
 background-image: url(http://meier-systemtechnik.de/images/css/dva/dva.png); 
 background-repeat: no-repeat; 
 background-position: 0% 0%;
}
/* 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 13px 5px 201px;
 text-align: left;
 vertical-align: bottom;
}
#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;
 width: 584px;
 max-width: 584px;
 min-height: 733px;
 float: left;
 color: #000000;
 background: transparent url(http://meier-systemtechnik.de/images/css/1px.png);
 background: rgba(255, 255, 255, 0.7) none;
 display: inline;
 padding: 8px;
 border: 2px solid #DA251D; /*255*/
}
#contentbar{
 width: 594px;
 max-height: 20px;
 height: 20px;
 float: left;
 color: #000000;
 background: transparent url(http://meier-systemtechnik.de/images/css/1px.png);
 background: rgba(255, 255, 255, 0.7) none;
 display: inline;
 padding: 3px;
 margin: 10px 0px 0px 0px;
 border: 2px solid #DA251D; /*255*/
 text-align: right;
}
#newscontent{
 margin: 3px;
}
#newsfooter{
 margin: 3px;
}
