@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @file        basemod_draft.css
 * @creator     YAML Builder v0.3 Preview
 * @link        http://builder.yaml.de
 */

@media all
{
 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
body {  
    background: url(../img/body_back2.jpg) repeat-x;
    
}

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
#page_margins { 
    width: 100%;  
    min-width: inherit; 
    max-width:none; 
    height:100%;  
    min-height: inherit; 
}

#page {   
  /* background:url(http://www.enzovoort.org/img/page_back.jpg) no-repeat left top;*/
}
#header {   
    /*
    padding-top:10px;
    background-color:#550841;
    margin-left:114px;
    margin-right:230px;
    border-top: solid 15px #ffffff;
    height:25px;
    */
}


 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

#col1 { 
    float: left; 
    width: 113px;  
    margin:0 
}
#col2 { 
    float: right; 
    width: 230px; 
    margin:0 
    /* filter: alpha(opacity=70);opacity:.70;-moz-opacity:0.7;*/
}
#col3 { 
    background-color: #F3BCC2;
    width: auto; 
    margin: 0 230px 0 113px;
    height:100%;
}
#col1_content { 
    height: 1200px;
    padding: 0 0 0 0;
    background:url(../img/back_left.jpg) no-repeat;
}
#col2_content { 
    height: 1200px;
    padding: 0 0 0 0;
    background:url("../img/back_right.jpg") no-repeat;
    text-align: top;
    /*
     filter: alpha(opacity=70);
    opacity:.70;
    -moz-opacity:0.7;
    */
}



#col3_content { 
    height: 100%;
    background-color: #F3BCC2;
    background:url("../img/col3_back2.jpg") no-repeat left top;
}

#col2_text{
    position: absolute; 
    bottom: 95px;
    padding-left:20px;
    text-indent:-8px;
}
/*
#col3_top {
    top: -50px;
    background-color: #550841;
    height: 30px;
}
*/

#col3_sub {
    width:100%;
    height:51px;
    margin-bottom:40px;
    background-color: #550841;
}
#col2_sub{
    padding:200px 0 0 15px;
    color:#550841;
}

#main {
height:1200px;
}
 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
/*
.opacityie {FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0, xray=0, mirror=0, invert=0, opacity=0.5, rotation=0)}
*/
.circle {
    padding-top:140px;
    padding-left:20px;
}

#cobra_content {
    padding:0 50px 50px 50px;
    overflow: auto;
    height: 55%;
}

#cobra_edit {
        position: absolute;
        visibility: visible;
        overflow: none;
        left: 0px;
        top: 75px;
        z-index: 5;
        width: 100%;
}

#col2_mission {
        position: absolute;
        visibility: visible;
        z-index: 5;
        right: 0px;
        top: 75px;

}

}