/*
	Theme Name: BRAND-m
	Theme URI: www.brand-m.de
	Description: Theme for the brand-m website
	Version: 1.0
	Author: Till Reitemeyer
	Author URI: www.tritill.com
*/
* {
    /*margin:0;*/
    /*padding:0;*/
}
html, body {
    margin:0;
    padding:0;
	color:#666666;
    background-color:#464646;
    text-align:center;
	font-family: Helvetica, Arial, Sans-Serif, Tahoma; 
	/*font-family: Geneva, Helvetica, Arial, Sans-Serif, Tahoma; */
    font-size: 12px;
	font-weight:normal;
    height:100%;
    line-height:1.5em;
}
#wrapper {
    position:relative;
    margin:0 auto 0 auto;
    text-align:left; 
    width:950px;
    min-height:100%; 
    height:auto !important;
    height:100%;
    background: url('images/contentbg.gif') 0 0 repeat-y;
    background-color:#FFFFFF;
}
h1 {
    font-size:17px;
    font-weight:bold;
    color:#C0C0C0;
}
h2 {
    font-size:12px;
    font-weight:bold;
}
h3 {
    font-size:12px;
    font-weight:bold;
}
h4 {
    font-size:12px;
    font-weight:bold;
}
h5 {
    font-size:12px;
    font-weight:bold;
}
h6 {
    font-size:12px;
    font-weight:bold;
}
p {
    font-size:12px;
    font-weight:normal;
}
address {
    font-size:11px;
    font-weight:normal;
    font-style:normal;
}
pre {
    color:#EE7F00;
    font-size:13px;
    font-weight:normal;
    text-transform: capitalize;
	font-family: Helvetica, Arial, Sans-Serif, Tahoma; 
    font-style:normal;
}
ul, ol {
    list-style-type:square;
}
li {
    list-style-position:inside;
}
a:link, a:visited {
    color:#EE7F00;
    text-decoration:none;
}
a:hover, a:active {
    color:#FFAF33;
    text-decoration:none;
}
/*=============================================================================
 * HEADER
 * ==========================================================================*/
#header {
    position:relative;
    top:0;
    width:950px;
    height:150px;
    margin:0;
    padding:0;
    background-color:#FFFFFF;
}
#logo {
    position:absolute;
    left:0;
    bottom:0;    
    width:240px;
    height:81px;
    background: url("images/logo.gif") 0px 0px no-repeat;
}
#navigation {
    position:absolute;
    right:0;
    bottom:26px;
    width:710px;
    margin:0;
    padding:0;
    /*overflow:auto;*/
}
#navigation ol,ul {
    margin:0;
    padding:0;
}
#navigation li {
    margin:0;
    padding:0;
    height:28px;
    list-style:none;
    float:left;
    display:inline;
    display:block;
}
/* Nav Home */
#nav_home_on a {
    float:      left;
    padding:    27px 0 0;
    overflow:   hidden;
    height:     0px !important;
    background: url(images/mainnav.gif) 0px 0px no-repeat;
    width:      92px; 
}
#nav_home_off a {
    float:      left;
    padding:    27px 0 0;
    overflow:   hidden;
    height:     0px !important;
    background: url(images/mainnav.gif) 0px -27px no-repeat;
    width:      92px; 
}
/* Nav Agentur */
#nav_agentur_on a {
    float:      left;
    padding:    27px 0 0;
    overflow:   hidden;
    height:     0px !important;
    background: url(images/mainnav.gif) -92px 0px no-repeat;
    width:      93px; 
}
#nav_agentur_off a {
    float:      left;
    padding:    27px 0 0;
    overflow:   hidden;
    height:     0px !important;
    background: url(images/mainnav.gif) -92px -27px no-repeat;
    width:      93px; 
}
/* Nav Leistungen */
#nav_leistungen_on a {
    float:      left;
    padding:    27px 0 0;
    overflow:   hidden;
    height:     0px !important;
    background: url(images/mainnav.gif) -185px 0px no-repeat;
    width:      112px; 
}
#nav_leistungen_off a {
    float:      left;
    padding:    27px 0 0;
    overflow:   hidden;
    height:     0px !important;
    background: url(images/mainnav.gif) -185px -27px no-repeat;
    width:      112px;
}
/* Nav Referenzen */
#nav_referenzen_on a {
    float:      left;
    padding:    27px 0 0;
    overflow:   hidden;
    height:     0px !important;
    background: url(images/mainnav.gif) -298px 0px no-repeat;
    width:      116px; 
}
#nav_referenzen_off a {
    float:      left;
    padding:    27px 0 0;
    overflow:   hidden;
    height:     0px !important;
    background: url(images/mainnav.gif) -298px -27px no-repeat;
    width:      116px;
}
/* Nav Team */
#nav_team_on a {
    float:      left;
    padding:    27px 0 0;
    overflow:   hidden;
    height:     0px !important;
    background: url(images/mainnav.gif) -413px 0px no-repeat;
    width:      72px; 
}
#nav_team_off a {
    float:      left;
    padding:    27px 0 0;
    overflow:   hidden;
    height:     0px !important;
    background: url(images/mainnav.gif) -413px -27px no-repeat;
    width:      72px;
}
/* Nav Kontakt */
#nav_kontakt_on a {
    float:      left;
    padding:    27px 0 0;
    overflow:   hidden;
    height:     0px !important;
    background: url(images/mainnav.gif) -485px 0px no-repeat;
    width:      92px; 
}
#nav_kontakt_off a {
    float:      left;
    padding:    27px 0 0;
    overflow:   hidden;
    height:     0px !important;
    background: url(images/mainnav.gif) -485px -27px no-repeat;
    width:      92px;
}
/* Nav Impressum */
#nav_impressum_on a {
    float:      left;
    padding:    27px 0 0;
    overflow:   hidden;
    height:     0px !important;
    background: url(images/mainnav.gif) -576px 0px no-repeat;
    width:      132px; 
}
#nav_impressum_off a {
    float:      left;
    padding:    27px 0 0;
    overflow:   hidden;
    height:     0px !important;
    background: url(images/mainnav.gif) -576px -27px no-repeat;
    width:      132px;
}
/*=============================================================================
 * CONTENT
 * ==========================================================================*/
.content {
    position:relative;
    overflow:auto;
    width:950px;
    padding:0;
    margin:0;
    background: url('images/contentbg.gif') 0 0 repeat-y;
    background-color:#FFFFFF;
}
/* LEFT */
.leftcontent {
    position:relative;
    float:left;
    margin:8px 18px 18px 18px;
    width:204px;
    background-color:#FFFFFF;
}
.leftcontent p, h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    line-height:1.5em;
}
/* RIGHT */
.rightcontent {
    position:relative;
    float:right;
    margin:8px 18px 18px 18px;
    width:674px;
}
/* PAGE */
.pagecontent {
    position:relative;
    width:638px;
    background-color:#FFFFFF;
    padding:18px 18px 18px 18px;
}
/* POST */
.post {
    position:relative;
    width:638px;
    background-color:#FFFFFF;
    padding:18px 18px 6px 18px;
    margin-bottom:1px;
}
.postheader {
    position:relative;
    overflow:hidden;
}
.posttitle {
    float:left;
    width:580px;
    font-size:17px;
    font-weight:bold;
}
.posttitle a {
    color:#666666;
    font-size:17px;
    font-weight:bold;
}
.postdate {
    position:absolute;
    right:0;
    bottom:0;
    font-size:12px;
}
.postexcerpt {
    margin-top:12px;
    padding-left:20px;
    background: url(images/right_yarrow_bgw.gif) no-repeat 0px 0px;
    color:#666666;
    clear:both;
}
.postcontent {
    margin:12px 0 0 0;
    padding:0;
    clear:both;
}
/* POSTNAVIGATION */
.postsnav {
    margin:18px 0 18px 0;
    padding:0 18px 0 18px;
}
.postsnav a {
    font-size:12px;
    font-weight:bold;
    margin-bottom:12px;
}
.postsnav_newer a {
    float:right;
    padding-right:20px;
}
.postsnav_newer a:link {
    background: url(images/right_lgarrow_bgg.gif) no-repeat right 0;
    color:#666666;
}
.postsnav_newer a:visited {
    background: url(images/right_lgarrow_bgg.gif) no-repeat right 0;
    color:#666666;
}
.postsnav_newer a:hover  {
    background: url(images/right_garrow_bgg.gif) no-repeat right 0;
    color:#333333;
}
.postsnav_newer a:active  {
    background: url(images/right_garrow_bgg.gif) no-repeat right 0;
    color:#333333;
}
.postsnav_older a {
    float:left;
    padding-left:20px;
}
.postsnav_older a:link {
    background: url(images/left_lgarrow_bgg.gif) no-repeat left 0;
    color:#666666;
}
.postsnav_older a:visited {
    background: url(images/left_lgarrow_bgg.gif) no-repeat left 0;
    color:#666666;
}
.postsnav_older a:hover {
    background: url(images/left_garrow_bgg.gif) no-repeat left 0;
    color:#333333;
}
.postsnav_older a:active {
    background: url(images/left_garrow_bgg.gif) no-repeat left 0;
    color:#333333;
}
.postnav_bottom_spacer {
    position:relative;
    clear:both;
    height:14px;
    padding:0;
}
#content_shadow_top {
    position:relative;
    width:950px;
    height:10px;
    padding:0;
    margin:0;
    background: url('images/contentbg_shadow.gif') 0 0 no-repeat;
    background-color:#CCCCCC;
}
#content_shadow_bottom {
    position:relative;
    width:950px;
    height:18px;
    padding:0;
    background: url('images/contentbg_shadow2.gif') 0 0 no-repeat;
    background-color:#CCCCCC;
}
/*=============================================================================
 * FOOTER
 * ==========================================================================*/
#footer {
    position:absolute;
    overflow:auto;
    bottom:0;
    width:950px;
    margin:0;
    padding:0;
    /*background-color:#7a8185;*/
    color:#666666;
    background-color:#FFFFFF;
}
#footerlogin {
    text-align:left;
    float:left;
    margin:6px 0 4px 18px;
}
#footerlogin a:link {
    color:#666666;
}
#footerlogin a:visited {
    color:#666666;
}
#footercopyright {
    text-align:left;
    float:right;
    margin:6px 18px 4px 0;
}