/* HTML Element Formatierungen */ * {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background-color: #384453;
    text-align: center; /* nur für alte Browser */
    padding: 50px 0 0 0;
    font-family: Arial;
    font-size: 12px;
}

h1 {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 16px; /*wie line-height */
}

.no_padding_h1 {
    font-size: 12px;
    font-weight: bold;
    padding: 0;
}

h2 {
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    padding-bottom: 16px; /* kleiner als line-height */
}

a {
    text-decoration: none;
}

p {
    padding-bottom: 16px;
}

/* Layout Formatierungen */
#wrap_aussen {
    width: 842px;
    margin: 0px auto;
}

#wrap_top {
    width: 710px;
    margin: 0 auto;
    text-align: left;
    height: 151px;
}

#wrap_bottom {
    width: 710px;
    margin: 0 auto;
    text-align: left;
    height: auto;
}

/* Banner */
#banner {
    position: absolute;
    top: 80px;
}

/*  Hauptmenu */
#hauptmenu {
    clear: both;
    /* margin-bottom: 103px;  fuer das floating banner */
    width: 710px;
    overflow: hidden;
}

#hauptmenu span #aktive_navi {
    color: #6a737e;
    background: url('../img/arrow_on.gif') no-repeat 21.7px 0.7em;
}

#hauptmenu span a {
    float: left;
    width: auto;
    display: block;
    line-height: 1.8em;
    color: #9da3aa;
    text-decoration: none;
    font-size: 1.2em;
    text-align: left;
    background: url('../img/arrow.gif') no-repeat 21.7px 0.7em; /* horizontale Position: padding-left - 10px */
    padding-left: 33.7px;
    padding-right: 34px;
}

#hauptmenu span a:hover {
    color: #6a737e;
    background: url('../img/arrow_on.gif') no-repeat 21.7px 0.7em;
}

#hauptmenu span a img {
    position: relative;
    bottom: 0.15em;
    padding-right: 0.2em;
}

#hauptmenu #hm_first a {
    text-align: left;
    padding-left: 10px;
    background: url('../img/arrow.gif') no-repeat left 0.7em;
}

#hauptmenu #hm_first a:hover {
    background: url('../img/arrow_on.gif') no-repeat left 0.7em;
}

#hauptmenu #hm_first_selected a {
    text-align: left;
    padding-left: 10px;
    color: #6a737e;
    background: url('../img/arrow_on.gif') no-repeat left 0.7em;
}

#hauptmenu #hm_first_selected a:hover {
    background: url('../img/arrow_on.gif') no-repeat left 0.7em;
}

#hm_last {
    float: right;
    text-align: left;
}

#hauptmenu #hm_last a {
    padding-right: 0px;
}

/*  Untermenu - Kontakt usw.*/
#untermenu {
    clear: both;
    float: right;
    overflow: hidden;
    margin-top: 103px;
}

#untermenu span a {
    border-style: solid;
    border-width: 0 1px 0 0;
    color: #9DA3AA;
    display: block;
    float: right;
    margin-top: 10px;
    padding: 0 7px;
    text-align: right;
    text-decoration: none;
    width: auto;
}

.selected_link {
    color: #6a737e;
}

#untermenu #um_last a {
    padding: 0 0 0 7px;
    border-width: 0px;
}

#untermenu span a:hover {
    color: #6a737e;
}

/*
 Inhaltsbereich
 */
/* linker Bereich */
#content_l {
    float: left;
    width: 180px;
    height: 234px;
    margin-top: 28px; /* 2px weniger als beim rechten rahmen wegen rand von images*/
}

#holzmair_anschrift {
    bottom: -74px;
    color: #FFFFFF;
    font-size: 10px;
    height: auto;
    line-height: 13px;
    padding: 18px 0;
    position: relative;
    width: 175px;
}

/* Inhaltsmenu */
#content_l div a {
    width: 155px;
    text-decoration: none;
    display: block;
    color: #fff;
    background: url('../img/arrow.gif') no-repeat left 0.4em;
    padding: 0 0 10px 10px;
}

#content_l div a:hover {
    color: #6a737e;
    background: url('../img/arrow_on.gif') no-repeat left 0.4em;
}

/* rechter Bereich */
#content_r {
    float: right;
    width: 530px;
    height: auto;
    margin-top: 30px;
}

.arrow {
    background: url('../img/arrow.gif') no-repeat left 0.4em;
    padding-left: 10px;
}

.arrow:hover {
    background: url('../img/arrow_on.gif') no-repeat left 0.4em;
}

/*
 Nicht Menu-Links
 */
.white_link {
    color: #fff;
}

.white_link:hover {
    color: #6a737e;
}

.cyan_link {
    color: #5affff;
    font-size: 1em;
}

.cyan_link:hover {
    color: #6a737e;
}

/*
 Index.html Formatierungen
 */
.content_r_img_container a {
    color: #ccc;
    font-size: 1em;
    text-decoration: none;
    line-height: 150px;
}

.content_r_img_container a:hover {
    color: #6a737e;
}

#content_r_img_container_last a {
    color: #ccc;
    font-size: 1em;
    text-decoration: none;
    line-height: 150px;
}

#content_r_img_container_last a:hover {
    color: #6a737e;
}

.content_r_img_container {
    float: left;
    width: 169px;
    height: auto;
    padding-right: 11.5px;
}

#content_r_img_container_last {
    float: left;
    width: 169px;
    height: 234px;
    padding: 0px;
}

#internet_rollover {
    display: block;
    height: 218px;
    width: 169px;
    background: url(../img/home_internet.gif) no-repeat 0 0;
}

#internet_rollover:hover {
    background-position: -169px 0px;
}

#komm_rollover {
    display: block;
    height: 218px;
    width: 169px;
    background: url(../img/home_komm.gif) no-repeat 0 0;
}

#komm_rollover:hover {
    background-position: -169px 0px;
}

#cd_rollover {
    display: block;
    height: 218px;
    width: 169px;
    background: url(../img/home_cd.gif) no-repeat 0 0;
}

#cd_rollover:hover {
    background-position: -169px 0px;
}

/*
 Index.html formatierungen Ende
 */
/*  Inhaltsseiten */
#content_l_logo {
    float: left;
    width: 180px;
    height: 305px;
    margin-top: 28px;
    background: url(../img/holzmair_ver.gif) no-repeat bottom left;
}

#balken {
    display: block;
    margin-top: 6px;
    width: 156px;
    height: 20px;
    background: url(../img/content_l_leiste.gif) no-repeat top left;
}

.content_list {
    margin-left: 14px;
}

.number_indent { /* fuer 50%/50% div aufteilung im Inhaltsbereich  */
    float: right;
    margin-right: 85px;
}

/* Agenturprofil - Style  */
#div1 {
    color: white;
    float: left;
    width: 18%;
}

#div2 {
    color: white;
    float: left;
    width: 30%;
}

#div3 {
    color: white;
    float: left;
    width: 20%;
}

#div4 {
    color: white;
    float: left;
    width: 32%;
}

/* Corporate Identity - Style*/
#div_ci1 {
    color: white;
    line-height: 16px;
    float: left;
    width: 46%;
    padding-right: 4%;
}

#div_ci2 {
    color: white;
    line-height: 16px;
    float: left;
    width: 46%;
    padding-left: 4%;
}

/* Projekt Beispiele - Style */
#content_l_bsp {
    float: left;
    width: 120px;
    height: 305px;
    margin-top: 28px;
    background: url(../img/holzmair_ver.gif) no-repeat bottom left;
}

#content_r_bsp {
    float: right;
    width: 590px;
    height: auto;
    margin-top: 28px;
}

#content_r_bsp h1 {
    color: #fff;
}

/*
 Projektbeispiele
 */
#semmelrock_bsp {
    float: left;
    width: 100%;
    height: 333px;
    background: url('../img/projekte/bsp_semmelrock.jpg') no-repeat left top;
}
#cd_uni_koeln_bsp{
	  float: left;
    width: 100%;
    height: 333px;
    background: url('../img/projekte/bsp_unikoeln.jpg') no-repeat left top;
	
}

#internet_mark_bsp {
    float: left;
    width: 100%;
    height: 333px;
    background: url('../img/projekte/bsp_internet_mark.gif') no-repeat left top;
}

div.flashcontent {position:relative;}
div.flash {z-index:10;}
div.flash_overlay {
	position:absolute;
	top:28px;
	width:500px;
	height:375px;
	overflow:hidden;
	z-index:100;
	_border:1px solid #ffffff;
}

#internet_bvt_bsp {
    float: left;
    width: 100%;
    height: 333px;
    background: url('../img/projekte/bsp_internet_bvt.jpg') no-repeat left top;
}

#internet_portal_bsp {
    float: left;
    width: 100%;
    height: 290px;
    background: url('../img/projekte/bsp_internet_portal.jpg') no-repeat left top;
}

#komm_bvt_werbe_bsp {
    float: left;
    width: 100%;
    height: 309px;
    background: url('../img/projekte/bsp_komm_bvt_werbe.jpg') no-repeat left top;
}

#komm_extorel_bsp {
    float: left;
    width: 100%;
    height: 313px;
    background: url('../img/projekte/bsp_komm_extorel.jpg') no-repeat left top;
}

#content_r_bsp object {
    float: left;
    margin: 0 10px 0;
}

#spacer_beispiele {
    height: 271px;
    width: 0;
}

#zurueck {
    float: right;
    display: block;
    height: 16px;
    width: auto;
    background: url('../img/arrow_left.gif') no-repeat left 0.4em;
    padding-left: 10px;
    color: #fff;
    text-decoration: none;
    margin: 16px 10px;
}

#weiter {
    float: right;
    display: block;
    background: url('../img/arrow.gif') no-repeat right 0.4em;
    padding-right: 10px;
    color: #fff;
    text-decoration: none;
    margin: 16px 0;
}

#weiter:hover {
    color: #9DA3AA;
    background: url('../img/arrow_on.gif') no-repeat right 0.4em;
}

#zurueck:hover {
    color: #9DA3AA;
    background: url('../img/arrow_left_on.gif') no-repeat left 0.4em;
}

/* Impressum */
.diplKaufmantab {
    padding-left: 93px;
}