/* allgemein */

body                       { color: #1b1b1b; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; line-height: 1; background-color: #a9d1fa; background-image: url("img/hg-werbung-design.gif"); background-repeat: repeat; background-position: 0 0; text-align: center; margin: 15px 0 0; padding: 0 }

.top { margin: 0 auto; padding: 0; width: 860px; height: 10px }

.page_wrap    { background: #ffffff url("img/hg-body-g-2000.jpg") repeat-y; text-align: center; margin: 0 auto; width: 860px }

.header     { background-color: white; background-position: 0 0; text-align: left; margin: 0; padding: 0; position: relative; width: 860px; height: 220px }

.header_block    { color: #eeeeee; background: url("img/hg-werbeagentur0209.jpg"); text-align: left; margin: 0; padding: 0; position: relative; width: 860px; height: 220px }

.logo {
position:relative;
float:left;
margin:0 20px 0 0;
padding:0 0 0 0;
}

.navbar             { color: #000000; font-size: 0.9em; background-image: url("img/hg_nav-werbung-menue.jpg"); text-align: left; margin: 0; padding: 0; position: relative; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 31px }


.container    { background: transparent; text-align: left; margin: 0px 0 0
0px; position: relative; width: 860px }

.left_column      { color: #113aa2; font-size: 0.9em; background: transparent; margin: 0; padding: 20px 4px; position: absolute; left: 5px; width: 150px }

.center_column     { margin: 0 0 0 160px; padding: 0 0 0 10px; position: relative; width: 665px; border-left: 1px solid #b2b2b2 }

.box_right  { color: #616161; font-size: 0.9em; background: #eeeeee; text-align: left; margin: 0 5px 3px 10px; padding: 2px 5px 2px 10px; position: relative; width: 140px; float: right; border: solid 1px #cccccc }
/* footer */
.footer              { color: #113aa2; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; background-image: none; background-position: 0 0; text-align: right; margin: 0; position: relative; z-index: 1; top: 30px }

.footer_logo {
position:relative;
float:right;
margin:0 0 0 15px;
padding:0 0 0 0;
}

#footer  { }
.bottom        { background: #ffffff url("img/hg-unten-gutsmiedl.gif") no-repeat 50% top; margin: 0 auto; padding: 0; z-index: 2; width: 860px; height: 40px }
/* navigation-oben */


#nav ul   { color: #ffffff; font-size: 1em; background: transparent; white-space: nowrap; list-style: none; margin: 0; padding: 0 10px 0 0; height: 31px; float: left }

#nav ul li{
display:inline;
list-style:none;
}


#nav ul li a{
margin: .2em 0 0 0;
padding: .4em 1em .46em 1em;
color:#ffffff;
text-decoration:none;
float: left;
border-left:1px solid #999999;
background:transparent;
}

#nav ul li a:hover       { color: #000000; text-decoration: none; background-image: url("img/nav_hg_on.jpg"); background-repeat: repeat-x; background-position: 39px 0; border-left: 1px solid #999999 }

/* headlines-typo*/

h1      { color: #77b521; font-size: 2em; text-transform: uppercase; text-indent: 0; margin: 0; padding: 20px 0 0 }

h2         { color: #20458a; font-size: 1.8em; font-weight: normal; text-transform: uppercase; text-indent: 0; margin: 6px 0 0; padding: 0 }
h3        { color: #113aa2; font-size: 1.3em; font-weight: bold; line-height: normal; text-indent: 0; margin: 0 0 -8px; padding: 0 }
h4      { color: #0026b7; font-size: 1em; font-style: italic; font-weight: normal; border-right: medium none; border-left: medium none }
h5   { color: #ec7625; font-size: 1.1em; font-weight: bold; border-right: medium none; border-left: medium none }
h6 { font-size: 1.1em; border-right: medium none; border-left: medium none }
/* boxes */

.box_right h3   { color: #113aa2; margin: 2px 0 -10px }

.box_right h3:after   { color: #113aa2; content: "\0020 \00BB"  }

a   { color: #113aa2; text-decoration: underline }

a:hover   { color: #787878; text-decoration: none }

.left_column a {
color:#000000;
text-decoration:underline;
}

.left_column a:hover   { color: #636363; text-decoration: none }
/*divers*/

img     { margin: 2px 12px 2px 2px; border: none }

.left {
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
}

.right {
float:right;
margin:0 0 0 0;
padding:0 0 0 0;
}


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix       { display: inline; border-right: medium none }

* html .clearfix    { border-right: none }
.clearfix  { display: block }

#class1
 { padding: 120px 0 0 260px }