/*
rot: #ff3300
blau: #0066cc
grau: #999999
darkred: #A40615


*/

body {
    color: black; background-color: white;
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin: 0; padding: 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }

  a      {color: #A40615; text-decoration: none;}


  div#wrapper {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 860px;
    padding-left: 20px; padding-right: 20px;
    border: 0px solid #666666; z-index: 40;
    background-image: url(/images/bg-wrapper-new.jpg); background-repeat: repeat-y;
  }
  html>body div#wrappper {
    border-color: gray;
  }


  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 760px;
    padding: 0;
    background: #ffffff;
    border: 1px solid #666666;
  }
  html>body div#Seite {
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
  }

  div#above, div#above a, div#above a:link, div#above a:visited, div#above a:active, div#above a:hover {
           background: #999; color: white;
           height: 13px;
		   padding: 5px; padding-bottom: 9px;
           font-family: verdana, arial, helvetica, sans-serif;
           font-size: 0.95em;
           margin:0px;
           text-decoration:none;
           }
  div#above p         {padding: 0px; margin: 0px; float: right; }
  
  
div#header {
    font-size: 1.1em;
    margin: 0; padding: 15px; padding-bottom: 10px; width: 830px; height: 95px;
    background: #fff url(../images/header-img.jpg) no-repeat 100% 45%;
    text-align: left;
  }
  
div#header-ecommerce {
    font-size: 1.1em;
    margin: 0; padding: 15px; padding-bottom: 10px; width: 830px; height: 95px;
    background: #fff url(../images/bg-image-header-e-commerce.jpg) no-repeat 100% 45%;
    text-align: left;
  }  
  

div#header p {
             margin: 0.2em; padding: 0.3em; text-align: right; font-size: 0.9em;
             }

div#mainnav      {
                   background: url(../images/main-nav-hover.jpg) repeat-x;
                   height: 35px;
                   text-align: center;
                   padding: 12px;
                   }


div#lang           {float:right; padding: 2px; margin:0; height:14px; }

div#lang p         {padding: 0; margin: 0;}

div#status, div#status a, div#status a:link, div#status a:visited, div#status a:active, div#status a:hover {
           background: #999; color: white;
           padding: 5px; padding-bottom: 9px;
           font-family: verdana, arial, helvetica, sans-serif;
           font-size: 0.95em;
           margin:0px;
           text-decoration:none;
           }

div#footer, div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active, div#footer a:hover {
           background: #999; color: white;
           padding: 5px; padding-bottom: 9px;
           font-family: verdana, arial, helvetica, sans-serif;
           font-size: 0.95em;
           margin:0px;
           text-decoration:none;
           text-align: center;
           }

div#left   {border: 0; padding: 0; float:left; width: 180px;}

div#left p {
           font-size: 0.85em; font-family: Verdana, Arial, Sans-Serif;
           line-height: 0.9em; text-align: left;
           margin: 5px;
           }

div#left h1 {
         color: black; background-color: #CCCCCC; text-decoration: none;
         border-left: 4px solid #12A646;
         font-size: 0.9em;
         font-weight: normal;
         margin: 0;
         padding: 10px;
         }

div#logo {float: right; padding: 3px; width: 240px; height: 150px;
         border: 1px dotted #CCCCCC;
         text-align: center; vertical-align: middle;
         }

div#right   {border: 1px solid blue; padding: 0; width: 150px;
            margin-left: 470px; margin-right: 0px; margin-top: -800px; margin-bottom: 0;
            font-size: 0.9em;
            }

div#rndm    {margin: 5px; margin-top: 23px; border: 1px solid #999999;
            width: 190px; padding: 1px;
            }

div#rndm h4 {background-color: #999999; color: #fff; font-size: 12px; padding:3px; margin: 0px;  }

div#rndm p {font-size: 11px; line-height: 14px; color: #999999; font-family: arial, verdana, trebuchet, sans-serif;}

div#content {
    margin-left: 205px; margin-right: 0px; margin-top: 0; margin-bottom: 0;
    border: 1px solid #fff; border-top: 1px solid #fff;
    padding: 0em;
    width:634px;
    color: #666;
    z-index: 5;

  }
  * html div#content {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
    text-align: left;
  }

div#content td {vertical-align: top;
               font-size: 0.85em; }

textarea, input       {border: 1px solid #666; }


div#content h1.teaser-hp {
    background: url('/images/bg-image-header-online-media.jpg') no-repeat;
    width: 634px; height: 154px;
    font-size: 1.7em;
    color: #fff;
    text-align: right;
    font-weight: normal;
    font-family: trebuchet, arial, verdana, sans-serif;
    margin: 0; padding: 10px;
    }

div#content h1 {
    background: url('/images/bg-image-header-online-media.jpg') no-repeat;
    width: 634px; height: 154px;
    font-size: 1.7em;
    color: #fff;
    text-align: right;
    font-weight: normal;
    font-family: trebuchet, arial, verdana, sans-serif;
    margin: 0; padding: 10px;
    }

div#content h1.home {
    background: url('/images/bg-image-header-home.jpg') no-repeat;
    width: 634px; height: 154px;
    font-size: 1.7em;
    color: #fff;
    text-align: right;
    font-weight: normal;
    font-family: trebuchet, arial, verdana, sans-serif;
    margin: 0; padding: 10px;
    }	

div#content h1.e-commerce {
    background: url('/images/bg-image-header-e-commerce.jpg') no-repeat;
    width: 634px; height: 154px;
    font-size: 1.5em;
    color: #fff;
    text-align: right;
    font-weight: normal;
    font-family: trebuchet, arial, verdana, sans-serif;
    margin: 0; padding: 10px;
    }

div#content h1.online-media {
    background: url('/images/bg-image-header-online-media.jpg') no-repeat;
    width: 634px; height: 154px;
    font-size: 1.7em;
    color: #fff;
    text-align: right;
    font-weight: normal;
    font-family: trebuchet, arial, verdana, sans-serif;
    margin: 0; padding: 10px;
    }

div#content h1.repman {
    background: url('/images/bg-image-header-rep-man.jpg') no-repeat;
    width: 634px; height: 154px;
    font-size: 1.7em;
    color: #fff;
    text-align: right;
    font-weight: normal;
    font-family: trebuchet, arial, verdana, sans-serif;
    margin: 0; padding: 10px;
    }

div#content h1.seo-meta {
    background: url('/images/bg-image-header-seo-meta.jpg') no-repeat;
    width: 634px; height: 154px;
    font-size: 1.7em;
    color: #fff;
    text-align: right;
    font-weight: normal;
    font-family: trebuchet, arial, verdana, sans-serif;
    margin: 0; padding: 10px;
    }

	div#content h1.web-ana {
    background: url('/images/bg-image-header-web-analytics.jpg') no-repeat;
    width: 634px; height: 154px;
    font-size: 1.7em;
    color: #fff;
    text-align: right;
    font-weight: normal;
    font-family: trebuchet, arial, verdana, sans-serif;
    margin: 0; padding: 10px;
    }
	
div#content h2 {
    font-size: 1.3em;
    color: #A40615;
    margin-top: 25px;
    font-family: arial-narrow, trebuchet, arial, verdana, sans-serif;
    }

div#content h3 {
    font-size: 0.85em;
    margin-bottom: -0.5em; margin-top: 10px;
    width: 600px;
    color: #999999;
    text-align: left;
  }

div#content p {
    font-size: 0.85em;
    margin: 1em 0;
    text-align: left;
    line-height: 1.5em;
    font-family: arial, verdana, sans-serif;

  }

div#content p.maincontent {
    font-size: 0.85em;
    margin-right: 200px ;
    text-align: justify;
    line-height: 1.5em;
    font-family: arial, verdana, sans-serif;

  }

div#content ul, li {
    font-size: 11px;
    text-align: left;
    line-height: 1.3em;
    font-family: arial, verdana, sans-serif;
    list-style: square;

  }


div#content a {color: #A40615; text-decoration: none; border-bottom: 1px dotted #A40615;}

div#content a:hover {color: #ff3300; text-decoration: none; border-bottom: 1px solid #ff3300;}

div#content a.img     {border-bottom: 0px;}

div#content a.img:hover     {border-bottom: 0px;}

div#right-teaser {
                 width: 100px;
                 border: 3px double #ccc;
                 margin: 0 0 1em 710px;
                 float: right:

}


.thumbshot {float: left; margin: 5px; }

.url    {font-size: 0.8em; color: #666666; }

.left-ads {background-color: #eee; text-align:center; padding:15px; margin:0px; border:0px;}

.left-ads-small {background-color: #FFFFFF; text-align:center; padding:25px; margin:0px; border:0px;}

p#footer {
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0.3em;
    text-align: center;
    background-color: #CCCCFF;
    border-top: 1px solid #FFFFFF;
  }

p#footer a {background: transparent; color: #333333;
           }

p          {
           text-align: center; font-family: verdana, arial, helvetica, sans-serif;
           font-size: 0.8em; margin:1em;
           }

.jmp    {
cursor: pointer;
margin-bottom: 5px;
margin-top: 3px;
}

/* für die Footer-Links */

div#layer          {
                   width: 250px;
                   border: 1px solid #666666;
                   padding: 0;
                   margin: 5px;
                   float:right;
                   }

div#layer h1       {
                   font-size: 0.8em;
                   background-color: #CCCCFF;
                   color: black;
                   margin: 0;
                   padding: 5px;
                   }

div#layer p        {
                   margin: 3px;
                   padding:5px;
                   font-size: 0.85em;
                   line-height: 1.3em;
                   }

div#layer ul       {
                   list-style-image: url(../images/icon-haken.gif);
                   margin: 15px;
                   padding-left: 12px;
                   font-size: 0.85em;
                   line-height: 1.2em;
                   }

div#image          {border: 1px solid #CCCCCC; padding: 5px; margin: 10px; float: left;
                   width: 130px;
                   }

div#image p        {font-size: 10px;}


div#layer-main     {
                   width: 480px;
                   border: 1px solid #666666;
                   padding: 0;
                   margin: 0px;
                   }

div#layer-main h1  {
                   font-size: 0.9em;
                   background-color: #CCCCFF;
                   color: #000000;
                   margin: 0;
                   padding: 5px;
                   }

div#layer-main p   {
                   margin: 3px;
                   padding:5px;
                   font-size: 0.9em;
                   line-height: 1.3em;
                   }


div#partner        {
                   width: 210px;
                   border: 1px solid #666666;
                   padding: 0;
                   margin: 5px;
                   }

div#partner h1     {
                   font-size: 0.8em;
                   background-color: #CCCCFF;
                   border: 0px;
                   font-weight: bold;
                   color: black;
                   margin: 0;
                   padding: 5px;
                   }

div#partner p      {
                   margin: 2px;
                   padding:3px;
                   background-color: #FFFFFF;
                   font-size: 0.85em;
                   line-height: 1.3em;
                   }

div#partner ul     {margin: 0px; padding: 0px;
                   padding-left: 14px;
                   }

div#partner li     {font-size: 0.85em;
                   line-height: 1.2em;
                   list-style: square;
                   margin:4px;
                   padding: 0px;
                   }

div#formular       {text-align:left;
                   padding:0.6em;
                   font-size: 0.9em;
                   line-height: 1.3em;
                   }

div#formular h1    {
                   font-size: 1.1em;
                   color: #12A646;
                   }

div#formular td.right    {
                   text-align:right; vertical-align:top;
                   }



/* Definition der Navigation - Links */

a.menu 		{
		display:block;
		width:180px; max-width:180px; min-width: 180px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		font-variant:small-caps;
		text-align:left;
		margin: 0;
		border-top: 1px solid #FFFFFF;
		padding:10px; padding-left: 15px;
		}

a.menu:link, a.menu:visited, a.menu:active
              	{color: #fff; background-color: #999999; text-decoration: none;}

a.menu:hover 	{color: #fff; background-color: #A40615; text-decoration: none;
                }