@charset "utf-8";
/* general.css */

* {
border:0;
margin:0;
padding:0;
}

html { 
height: 100% !important;
font-size: 100.01% 
}

body {
background:#151515 url(../images/bg_body.jpg) top repeat-x;
text-align:left;
height: 100% !important;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:76%;      /* = 12px */
}

#outer {
position:relative !important;
min-height:100%;  
height: auto !important;
width:945px;
padding:0 0 0 20px;
background:url(../images/bg_outer.jpg) right top repeat-y;
}
* html #outer { 
height:100% !important; 
}

#page {
width:945px;
position:relative;
}

/** #navbar div's **/
#navbar {
width:307px;
float:right;
}

#navbar-header {
height:77px;
width:auto;
background:#920404 url(../images/bg_navbar-header.gif) left no-repeat;
margin:15px 0 0 0;
}

#search-container {
background:url(../images/bg_nav_item.gif) no-repeat bottom;
padding:8px 0 10px 15px;
}

    #search-container #search-title {
    color:#761212;
    font-size:16px;
    line-height:20px;
    font-weight:bold;
    margin:0 0 4px 0;
    }
    
    #search-container form {
    height:18px;
    }
    
    #search-container #query {
    border:1px solid #535353;
    background:#3f3f3f;
    height:16px;
    width:120px;
    line-height:16px;
    padding:0 3px;
    font-size:11px;
    color:#eaeaea;
    float:left;
    }
    
    #search-container #submit {
    border:1px solid #535353;
    margin:0 0 0 4px;
    height:16px;
    }
   
/** #main div's **/
#main {
margin:0 306px 0 0;
width:auto;
}

#sitenav {
height:14px;
padding:1px 9px 0 0;
width:auto;
text-align:right;
line-height:14px;
font-size:10px;
color:#4b4b4b;
}

#sitenav a {
color:#4b4b4b;
text-decoration:none;
}

#sitenav a:hover {
text-decoration:underline;
}

#main-header {
height:77px;
width:auto;
background:#c70000 url(../images/logo_designforum.gif) left no-repeat;
}

#main-header img {
    width: 250px;
    height: 30px;
    margin: 40px 0 0 25px;
    background: none;
}

    #main-header h1 {
    display:none;
    }
    
#content {
padding:16px 13px 16px 13px;
}

.content-text-breit {
    background: #FFFFFF;
    padding:13px 13px 13px 13px;
}

.content-text-breit h2 {
    font-size: 1.0em;
    text-transform: uppercase;
    margin: 0 0 12px 0;
}

.content-text {
padding:0 13px;
color:#761212;
}

.content-text p {
    color: #761212;
}

.content-col-left {
width:auto;
margin:0 228px 0 0;
padding: 10px 13px 6px 13px;
background:#fefefe;
}

.content-col-right {
width:212px;
float:right;
}

/** GLOBAL CLASSES **/
.clear {
clear:both;
height:0;
line-height:0;
font-size:0;
}


/** COMMON  SETTINGS **/
h1 {
font-size:1.6em;
line-height:1.4em;
margin:0 0 0.5em 0;
color: #761212;
}

p {
font-size:1em;
line-height:1.5em;
margin:0 0 1.4em 0;
color: #000000;
}

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

.clearfix { display:inline-block; }

/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

* html .clearfix { height:1%; }

.floatbox { overflow:hidden; }

a, a:active, a:visited, a:focus {  
    color: #761212; 
    text-decoration: none;  
} 

a:hover {
    text-decoration: underline;
}

a:focus {
    outline: none;  
}

#searchResults .searchResultItem {
    margin: 0.5em 0 0 0;    
}

#searchResults h2 {
    font-size: 1em;
}

#searchResults .result {
    text-align: right;
}



/* CONTENT-SPECIFIC */
.content-col-left h2 {
    font-size: 9px;
    font-weight: normal;
    text-transform: uppercase;
    height: 18px;
    padding: 5px 0 0 0;
    background-image: url(../images/content-col-left_h2_bg.gif);
    background-repeat: no-repeat;
    margin: 0 0 18px 0;
}

.content-col-right h2 {
    font-size: 9px;
    font-weight: normal;
    text-transform: uppercase;
    height: 16px;
    padding: 5px 0 0 0;
    background-image: url(../images/content-col-right_h2_bg.gif);
    background-repeat: no-repeat;
    margin: 0 0 0px 0;
}

.content-text-breit h2 {
    font-size: 9px;
    font-weight: normal;
    text-transform: uppercase;
    height: 16px;
    padding: 5px 0 0 0;
    background-image: url(../images/content-text-breit_h2_bg.gif);
    background-repeat: no-repeat;
    margin: 0 0 0px 0;
}

/* MITGLIEDER-ÜBERSICHT */

.mitglied-kasten {
    margin: 10px 0 5px 0;
    padding: 5px 0 0 0;
    background-image: url(../images/border-horiz-dotted.gif);
    background-repeat: no-repeat;
}

.mitglied-kasten h3, .content-kasten-breit h3, .projekte-kasten h3 {
    color: #970a0a;
    font-size: 13px;
}


.vertical-divider {
    margin: 35px 0 0px 0;
    padding: 1px 0 0 0;
    background-image: url(../images/border-horiz-dotted.gif);
    background-repeat: no-repeat;
}


.content-kasten-breit-bild {
    width: 587px;
    height: 117px;
    overflow: hidden;
}

.mitglied-bild {
    background: #FFFFFF;
    width: 60px;
    height: 70px;
    overflow: hidden;
    float: left;
}

.mitglied-text {
    margin: 0 0 0 68px;
    width: auto;
    padding: 5px 0 0 0;
}

.mitglied-clearer {
    clear: left;
}

/* MITGLIEDER-DETAILS */
h2 span {
    border-top: 2px solid #313131;
    padding: 2px 0 0 0;
    margin: 2px 0 0 0;
}
.mitglied-details-kasten h2 {

}

.mitglied-details-bild p {
    margin: 0;
    padding: 0;
}
.mitglied-details-text h3, .content-kasten-breit h3, .content-kasten-schmal h3, .projekte-text h3{
    font-size: 18px;
    color: #761212; 
    margin: 8px 0 12px 0;
    padding: 0 0 5px 0;
    background-image: url(../images/mitglieder_details_h3_line.gif);
    background-position: bottom;
    background-repeat:no-repeat;
}

.content-kasten-schmal p img {
    margin: 0 0 -10px 0;
}

.addon-kasten {
    margin: 3px 0 5px 0;
    padding: 5px 0 15px 0;
}

.addon-kasten-with-bg {
    margin: 3px 0 5px 0;
    padding: 5px 0 1px 0;
    background-image: url(../images/border-horiz-dotted.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

.addon-kasten-with-bg ul {
    margin: 12px 0 12px 0;
}

.addon-kasten-with-bg ul li {
    list-style: none;
}

.addon-kasten p, .addon-kasten-with-bg p {
    /*padding: 0 0 12px 0;*/
}

.addon-kasten a, .addon-kasten a:active, .addon-kasten a:visited,
.addon-kasten-with-bg a, .addon-kasten-with-bg a:active, .addon-kasten-with-bg a:visited {
    font-weight: bold;
    text-decoration: underline;
}
.addon-kasten a:hover, .addon-kasten-with-bg a:hover {
    text-decoration: none;
}

.addon-kasten-with-bg .image {
    background: #FFFFFF;
    width: 70px;
    height: 70px;
    overflow: hidden;
    float: left;
}

.addon-kasten-with-bg .text {
    margin: 0 0 0 78px;
    width: auto;
    padding: 5px 0 0 0;
}

.addon-kasten-with-bg a,
.addon-kasten-with-bg a:visited,
.addon-kasten-with-bg a:active {
    text-decoration: none;
}

.addon-kasten-with-bg a:hover {
    text-decoration: underline;
}

.portfolio .text p {
    margin: 0;
    line-height: 1.2em;
}

.portfolio {
    padding: 5px 0 15px 0;
}

.portfolio h2{
    padding: 5px 0 0px 0;
}

.addon-kasten-with-bg a.portfoliolink,
.addon-kasten-with-bg a.portfoliolink:visited,
.addon-kasten-with-bg a.portfoliolink:active {
    color: #000000;
    font-weight: normal;
    text-decoration: underline;
}

.addon-kasten-with-bg a.portfoliolink:hover {
    text-decoration: none;
}


/* TABLES */
td {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid grey;
}