/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
BZV INTERNET STYLE SHEET ------  SCREEN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
08. Februar 2011

LAYOUT
        WRAPPER
        BASE
        FRONTPAGE
        SEARCH
        HEADER
         Decker
        CONTENT
        IMAGE GALLERY
        MARGINAL
        FOOTER    
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#wrap-all-outer {
    background: #fff url(../images/page_bg.gif) 0 0 repeat-y;
    height: auto !important;
    height: 100%;
    margin: 0 auto;    
    min-height: 100%;
    position: relative;
    width: 952px;    
}

#wrap-all-inner {
    margin: 0 37px 0 56px;
    text-align: left;
    width: 855px;    
}

/*      BASE 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#height-fix {
    clear: both;
    height: 1%;
}

.colmask {
    clear: both;
    float: left;
    overflow: hidden;		    /* This chops off any overhanging divs */
    position: relative;		    /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    width: 100%;			    /* width of whole page */
}

.holygrail {
    background: #fff;    	    /* Right column background colour */
}

.holygrail .colmid {
    background: #fff;    	    /* Centre column background colour */
    float: left;
    margin-left: -208px; 	    /* Width of right column */
    position: relative;
    right: 100%;
    width: 200%;    
}

.holygrail .colleft {
    background: #fff;    	    /* Left column background colour */
    float: left;
    left: 387px;         	    /* Left column width + right column width */
    margin-left: -50%;
    position: relative;
    width: 100%;    
}

.holygrail .col1wrap {
    float: left;
    padding-bottom: 1em; 	    /* Centre column bottom padding. Leave it out if it's zero */
    position: relative;
    right: 179px;        	    /* Width of left column */
    width: 50%;    
}

.holygrail .col1 {
    left: 200%;
    margin: 0 228px 0 204px;    /* Centre column side padding: Left padding = left column width + centre column left padding width,  Right padding = right column width + centre column right padding width */
    position: relative;    
    overflow: hidden;
}
.holygrail .col1.full{
	margin: 0 0 0 204px;
	width: 650px;
	overflow: auto;
}

.holygrail .col2 {
    float: left;
    float: right;			    /* This overrides the float:left above */
    position: relative;
    right: 0;               	/* Width of the left-had side padding on the left column */
    width: 179px;           	/* Width of left column content (left column width minus left and right padding) */    
}

.holygrail .col3 {
    float: left;
    float: right;			    /* This overrides the float:left above */
    left: 50%;
    margin-right: 0;        	/* Width of right column right-hand padding + left column left and right padding */
    position: relative;
    width: 208px;               /* Width of right column content (right column width minus left and right padding) */    
}

/*      FRONTPAGE 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#frontpage .holygrail .colmid {
   margin-left: 0;
}

#frontpage .holygrail .col1wrap {
    right: 0; 
}

#frontpage .holygrail .colleft {
    left: 0;  
}

#frontpage .holygrail .col1 {
    clear: both;
    margin: 0;
}

#frontpage .holygrail .col2 {
    width: 0;       
}

#frontpage .holygrail .col3{
    clear: both;
    display: block;
    position:relative;
    width: 855px;  
}

#frontpage #marginal-column{
	width: 855px;
	margin-top: 10px;
}    

#frontpage #marginal-column div.container{
	float: left;
	padding: 11px;
	border: 1px solid #b8b8b8;
	width: 248px;
	margin: 0 0 20px 19px;
        height: 230px;
}

#frontpage #marginal-column div.container.first{
	margin: 0;
}

#frontpage #marginal-column a{
	line-height: 3;	
}

#frontpage #marginal-column h3{
	background: none;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 11px;
}

/*      SEARCH 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#search  .holygrail .colmid {
   margin-left: -178px;
}

#search .holygrail .col1wrap {
    right: 0; 
}

#search .holygrail .colleft {
    left: 179px;  
}

#search .holygrail .col1 {
    margin: 0 225px 0 0;
}

#search .holygrail .col2 {
    width: 0;       
}
#search .holygrail .col3 {  
    width: 308px;
}

#search #marginal-column {
    display: none;
}

#search input {
    font-size: 12px;
    margin: 10px 0 0 0;
}

.feedback h2 {
    margin: 10px 0 0 0;
}

#search .content-view-line {
    border-top: 1px dotted #c2c2c2;
    margin: 10px 0 0 0;
    padding: 5px 0 10px 0;
}

#search .content-view-line h2 {
    font-size: 13px;
    text-transform: capitalize;
}

#search .content-view-line p{
    line-height: 1;
    margin: 0;
    padding: 0;
}

#search .attribute-link p a{
    margin: 0;
    padding: 0;
}

/*      HEADER 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
    background-color: #fff;
    clear: both;
    float: left;
    width: 100%;    
}

#logo-box {
    left: 18px;
    position: absolute;
    top: 30px;
}

#head-container{
	margin: 84px 0 23px 0 !important;
    margin: 59px 0 23px 0;
}

/* Decker */

#decker{
    position: absolute;
    top: 300px;
    left: 702px;
}

#decker img{
    width: 212px;
    height: 23px;
}

#frontpage #decker{
    left: 640px;
}

#frontpage #decker img{
    width: 273px;
}

/*      CONTENT 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.headerlines {
    margin: 0 0 20px 0;
}

.holygrail .col1.full .headerlines {
    margin: 0 0 10px 0;
}

#content ul{
	margin-bottom: 15px;
    position: relative;
}

#content li{
    background: url(../images/bullet.gif) 0 4px no-repeat;
 	list-style-type: none;
	padding: 0 0 5px 12px;
}

#content p{
    line-height: 1.4;
}    

#content .image .info p{
    font-size: 11px;
}

.content-view-line .class-fair{
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.class-fair .attribute-image .imageleft{
	float: left;
	width: 190px;
}
.class-fair .fair{
	float: left;
}
.class-fair .fair a{
	background: url("../images/arrow.gif") no-repeat scroll 0 5px transparent;
	padding-left: 12px;
}
.class-fair .fair h3 a{
	background: none;
	padding:0;
}
.job-subline{
	color: #696969;
	font-weight: bold;
}

#team li{
    background: url(..); /*fix for ie6 */
	border-bottom: 1px solid #b7b7b7;
	margin: 0 0 20px 0;
	padding: 0;
}

#team li p{
	margin: 0px;
	padding: 0px;
}

#team .team-subline{
	color: #696969;
	font-weight: bold;
}

#team li p.team-contact {
    font-size: 11px;
    margin: 15px 0 0 0;
}
 
#team .team-image-left {
	border: 0;
    float: left;
	margin: 0 18px 1px 0;
    width: 169px;
}

#team .team-member-data {
    float: left;
    margin-top: -3px;
    width: 230px;
}

.seperator {
    clear: both;
    display: block;    
}
/*      IMAGE GALLERY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content ul.images  {
    list-style-type: none;
}
#content ul.images li {
	background-image: none;
	padding:5px 0 0 0;
	background-color: #eeeeee;
	border: 1px solid #dddddd;
	float: left;
	margin: 0px 6px 6px 0px;
	height: 133px;
	width: 133px;
	line-height:130px;
	text-align:center;
	vertical-align:middle;
}
#content ul.images li img{
	margin:auto;
	vertical-align:middle;
	}

/*      MARGINAL 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#marginal-column {
    border-left: 1px dotted #999;
	font-size: 11px;    
	width: 208px;
}

#marginal-column h3{
	background: url(../images/ms_pfeil.gif) 0 4px no-repeat;
	font-size: 11px;
    margin: 0 0 5px -15px;
    padding: 0 0 0 15px;
}

#marginal-column p, 
#marginal-column a {
	font-size: 11px;
    margin: 0;
	padding: 0;
}

#marginal-column a {
	background: url(../images/arrow.gif) 0 3px no-repeat;
	padding-left: 12px;
}

#marginal-column a.email {
	background: 0;
	padding-left: 0;
}

#marginal-column .container {
    margin: 0 0 35px 25px;
}

#marginal-column .container .portrait {
    float: left;
    margin: 0 4px 4px 0;
    width: 65px;    
}

#marginal-column .container img{
    margin-bottom: 5px;
}

/*      FOOTER 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
    border-top: 1px solid #fad839;
    clear: both;
    color: #7c7c7c;
    float: left;
    font-size: 10px;
    margin-top: 10px;
    padding: 3px 0 5px 0;
    width: 100%;        
}

#screen-footer ul.actions{
	float: right;
}

#screen-footer li {
	display: inline;
    float: left;
    line-height: 1.5;
	margin-left: 15px;
	padding: 0 0 0 18px;
	display: inline;
	line-height: 1.5;    
    padding: 0 0 0 18px;
}

#screen-footer a,
#screen-footer li a{
	color: #7c7c7c;
}

#screen-footer .actions li.print {
	background: url(../images/icon_print.gif) 0 center no-repeat;
}

#screen-footer .actions li.recommend {
	background: url(../images/icon_recommend.gif) 0 center no-repeat;
}

#print-footer{
	display: none;
}