/* Content -> Abstandsformatierung  */ 
div.vspace_10px { height:10px; border:none; }
div.vspace_20px { height:20px; border:none; }
div.vspace_30px { height:30px; border:none; }
div.vspace_40px { height:40px; border:none; }
div.vspace_50px { height:50px; border:none; }
div.vspace_80px { height:80px; border:none; }
div.vspace_150px { height:150px; border:none; }

/*  ##########################################################################################################
    # Boxdarstellung der Webseite | LAYOUT
*/
div.box {
  display:block;
    float:left;
    width:99%;
    clear:both;

  padding:0px;
  margin:0px;
    margin-bottom:10px;
    
  border:none;
}

div.box_head {
  width:100%;
    height:18px;
  
  font-family:Verdana;
  font-size:11px;
  font-variant:normal;
  font-weight:bold;
  
  background-image: url(./../../resource/claudiafrey.de/grids/img_002.gif);
  
  border:none;
    border-bottom:2px solid #E6906B;
}

div.box_head div.box_titel {
  display:inline;
    line-height:18px;
    
  padding:3px;
    padding-left:35px;

  background-color:#FFFFFF;
  background-image: url(./../../resource/claudiafrey.de/icons/icoBox.jpg);
  background-repeat:no-repeat;
  background-position:left center;
}

div.box_head div.box_titel h1, div.box_head span.box_titel h2 { 
  display:inline;

  padding:0px;
    padding-right:15px;
  margin:0px;
    
  font-family:Verdana;
  font-size:11px;
  font-variant:normal;
  font-weight:bold;
}


/*  ##########################################################################################################
    # Boxdarstellung der Webseite | CONTENT
*/
div.box_body {
  display:block;
    float:left;
    width:100%;

    margin:0px;
      margin-top:10px;
  
  padding:0px;
    padding-top:10px;
    padding-bottom:8px;
  margin:0px;
  
  font-family:Verdana;
  font-size:11px;
  font-variant:normal;
  font-weight:normal;
  
  border:none;
  letter-spacing:1.1px;
  text-align:left;
}

/* Links im Footer muss innerhalb des 1st Levels sein */
div.box_footer {
  float:left;
    width:98%;
        
    margin:0px;
      margin-top:10px;
    
    padding:0px;
      padding-right:8px;
      padding-top:2px;
      padding-bottom:2px;
      padding-left:10px;
  
  font-family:Verdana;
  font-size:11px;
  font-variant:italic;
  font-weight:normal;
  
  vertical-align:middle;
  
  text-align:right; 
  color:#FFFFFF; 
  background-color:#FE7C00;
}

div.box_footer div.breadcrumb a:hover { color:#666666; }
div.box_footer div.breadcrumb a { color:#FFFFFF; text-decoration:none; font-weight:bold; border:none; line-height:100%; padding:0px; margin:0px; }
div.box_footer div.breadcrumb { 
  float:left;

  font-family:Verdana;
  font-size:11px;
  font-variant:normal;
  font-weight:normal;
  
  color:#FFFFFF; 
}


div.box_body a:hover { color:#777777; }
div.box_body a, a:visited {
  display:inline;
    padding:0px;
    margin:0px;

  font-family:Verdana;
  font-size:11px;
  font-variant:normal;
  font-weight:bold;
  
  color:#888888;
  text-decoration:none;
  text-align:left;
}

/* Formatierung der Links bzw. der Übersicht */
div.box_body div.link_head {
  padding:0px;
    padding-right:15px;
    padding-top:25px;
  margin:0px;
    
  font-family:Verdana;
  font-size:13px;
  font-variant:normal;
  font-weight:bold;
  
  color:#E2581D;
}


div.box_body div.link_name { margin-top:7.5px; }
div.box_body div.link_name a:hover { color:#238FCF; }
div.box_body div.link_name a {
  font-family:Verdana;
  font-size:inherit;
  font-variant:normal;
  font-weight:bold;
  
  text-decoration:none;
  color:#330099;
}


div.box_body div.link_info {
  color:#666666;
}
div.box_body div.link_text {  
  color:#000000;
}

div.box_body div.link_text a:hover { color:#592508; }
div.box_body div.link_text a {
  display:block;
    margin:0px;
    padding:0px;
  
  font-family:Verdana;
  font-size:11px;
  font-variant:normal;
  font-weight:normal;
  
  text-decoration:none;
  color:#EE651C;
}

/* Formatierung der Links bzw. der Übersicht */
div.box_body div.zitat {
  display:block;
    width:100%;
    
  padding:0px;
  margin:0px;
    
  border:none;
}

div.box_body div.zitat div.zitat_left {
  position:relative;
    width:20%;
    
    margin:0px;
    padding:0px;
      padding-right:8px;
  
  border:none;
  color:#FE7C00;
}

div.box_body div.zitat div.zitat_right {
  position:relative;
    width:20%;
    
    margin:0px;
      margin-left:75%;
    padding:0px;
      padding-left:5%;
  
  border:none;
  color:#FE7C00;
}

div.box_body div.zitat div.zitat_text {  
  position:relative;
    display:block;
    
    width:75%;
    height:100%;
  
  border:none;
}

/* Formatierung der Bilderdarstellung innerhalb der Contentblöcke */
div.box_body div.bild {
  display:block;
    width:100%;
    height:100%;
    
  padding:0px;
  margin:0px;
    
  border:none;
  background-color:none;
}

div.box_body div.bild div.bild_left img { display:block; float:left; padding:0px; margin:0px; padding-right:40px !important; }
div.box_body div.bild div.bild_left { 
  display:block;
    margin:0px;
    padding:0px;
  
  border:none;
}

div.box_body div.bild div.bild_right img { display:block; float:right; padding:0px; margin:0px; padding-left:40px !important;  }
div.box_body div.bild div.bild_right {
  margin:0px;
  padding:0px;
  
  border:none;
  padding-left:20px;
  margin-left:20px; 
}

div.box_body div.bild div.bild_text {   
  display:block;
  border:none;
}


/* Formatierung der Albenübersicht */
div.box_body div.img_album {
  float:left;
    display:block;
    width:100%;
    
  padding:0px;
  margin:0px;
    margin-bottom:15px;
}

div.box_body div.img_album div.image {
  float:left;
    width:150px;
  
  border:none;
}

div.box_body div.img_album div.image img {
  float:right;
}

div.box_body div.img_album div.info {   
  float:left;
    width:432.5px;
    margin-left:5px;
    
  border:none;
   overflow:hidden;
}

div.box_body div.img_album div.name {
  font-family:Verdana;
  font-size:11px;
  font-variant:normal;
  font-weight:bold;
  
  text-decoration:none;
  color:#000000;
}

div.box_body div.img_album div.text {
  
}

div.box_body div.img_album div.text a:hover { color:#CCCCCC; }
div.box_body div.img_album div.text a {
  display:block;
    margin:0px;
    padding:0px;
  
  font-family:Verdana;
  font-size:11px;
  font-variant:normal;
  font-weight:bold;
  
  text-decoration:none;
  color:#000000;
}


/* Formatierung der Bildübersicht pro Album */
div.box_body table.img_album {}
div.box_body table.img_album td {
  vertical-align:top;
  text-align:center;
  
  font-family:Verdana;
  font-size:11px;
  font-variant:normal;
  font-weight:normal;
  
  padding:0px;
    padding-bottom:5px;
  margin:0px;
    margin-top:10px;
  
  color:#000000;
}

div.box_body table.img_album td a img { display:block; border:none; }
div.box_body table.img_album td a {
  background:#FFFFFF;
  border:none;
}


div.box_body table.img_album td.img_albumnavi { padding:0px; border:none; }
div.box_body table.img_album td.img_albumnavi a:hover { color:#888888; background-color:#FAFAFA; border:1px solid #CCC; }
div.box_body table.img_album td.img_albumnavi a {
  display:block;
    padding:0px;
      
  background:#F8F1E6;
  border:1px solid #F2D29F;
  
  padding:0px;
  margin:0px;
  
  text-decoration:none;
  text-align:center;
  
  vertical-align:bottom;
}

/* Formatierung von Textinhalten innerhalb von FIELDSET's */
div.box_body fieldset {
  border:1px solid #DFC69D;
}

div.box_body fieldset legend {
  font-family:Verdana;
  font-size:11px;
  font-variant:normal;
  font-weight:bold;
  
  color:#553707;
}