* { margin:0; padding: 0 }    

    fieldset, img { border: 0 solid}


    /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none }



/*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }

  /* (en) alternative class for optional support of old  Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { float:left }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }

 /*------------------------------------------------------------------------------------------------------*/

 .durchgestrichen {
  text-decoration: line-through;
  
  
}

     .note {background: #dfd; padding: 1em; border-bottom: 1px #bdb dotted; border-bottom: 1px #dbb dotted;}
    .important {background: #ffd; padding: 1em; border-bottom: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}
    .warning {background: #fdd; padding: 1em; border-bottom: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}
  
    .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
    .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
    .center { text-align:center; margin: 0.5em auto }

    .green { color:green; }
    .red { color:red; }

    .block_full {
      border:1px solid #D1D3D4;
      float:left;
      padding:10px 10px 10px 10px;
      margin:10px 10px 10px 20px;
      width:95%;
    }

    
    .block_half {
      border: 0px;
      float:left;
      padding:0px;
      width:49%;
      margin:0px;
    }
  
 
  .errorborder {
    border: 2px dashed red;

  }

 .bildschatten_50 {
    background: url(schatten_50.png) no-repeat bottom left;
  }
  .bildschatten_100 {
    background: url(schatten_100.png) no-repeat bottom left;
  }
  .bildschatten_150 {
    background: url(schatten_150.png) no-repeat bottom left;
  }
  .bildschatten_200 {
    background: url(schatten_200.png) no-repeat bottom left;
  }
  .bildschatten_250 {
    background: url(schatten_250.png) no-repeat bottom left;
  }
  .bildschatten_300 {
    background: url(schatten_300.png) no-repeat bottom left;
  }
  .bildschatten_400 {
    background: url(schatten_400.png) no-repeat bottom left;
  }
  .bildschatten_468 {
    background: url(schatten_468.png) no-repeat bottom left;
  }
  
  .bildschatten_50, .bildschatten_100, .bildschatten_150, .bildschatten_200, .bildschatten_250, .bildschatten_300, .bildschatten_400, .bildschatten_468 {
  
    border-left: 1px solid #DCDDDE;
    border-right: 1px solid #DCDDDE;
    border-top: 1px solid #DCDDDE;
    text-align:center;
    
    
  }
  IMG.bildschatten_50:hover, IMG.bildschatten_100:hover, IMG.bildschatten_150:hover, IMG.bildschatten_200:hover, IMG.bildschatten_250:hover, IMG.bildschatten_300:hover, IMG.bildschatten_400:hover, IMG.bildschatten_468:hover {
   -moz-opacity:0.85;
    border-left: 1px solid #B7B7B7;
    border-right: 1px solid #B7B7B7;
    border-top: 1px solid #B7B7B7;
    
   }
  
  .clickableImage:hover {
    -moz-opacity:0.85;
  }
  
 
   
  .changeMotivbackgroundColor_200 {
      position:relative;
      top:0px;
      left:200px;
      width:10px;
      height:10px;
      border:1px solid #DCDDDE;
      font-size:7px;
  }
  .changeMotivbackgroundColor_250 {
      position:relative;
      top:0px;
      left:250px;
      width:10px;
      height:10px;
      border:1px solid #DCDDDE;
      font-size:7px;
  }
  .changeMotivbackgroundColor_100 {
      position:relative;
      top:0px;
      left:100px;
      width:10px;
      height:10px;
      border:1px solid #DCDDDE;
      font-size:7px;
      
  }
  
/*
#########################################################################################################
#########################################################################################################
#########################################################################################################
*/
  
  

#quicklogin {
 font-size: 12px;
 text-align: right; 
 padding-right: 1em; 


}

#quicklogin label, #login input, #login select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 100px; /* Breite.*/
  font-size: 12px;
}

#quicklogin form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#quicklogin input #quicklogin_submit { /* den Submit-Button */
  font-size: 12px;
  float: none;
  width:100px;
}
#quicklogin label {
 font-size: 12px;
 text-align: right; 
 padding-right: 1em; 
}
#quicklogin form {
  background: #D7D7D7;
  color: black;
  border: thin solid #3A3A3A;
  margin:0;
  padding:.5em;
}

.formular {
  
       border:1px solid #DDDDDD;
	margin: 10px 0px 10px 0px;
	padding:10px;
	width:95%;
	
	/* background:url(../../gfx/layout/fading_blue2.jpg) repeat-y top left; */
	background-color: rgb(237, 237, 237);
        background-color: rgba(255, 255, 255, 0.8);
    }


.form {
  
       border:1px solid #DDDDDD;
	margin: 10px 0px 10px 0px;
	padding:10px;
	width:95%;
	
	/* background:url(../../gfx/layout/fading_blue2.jpg) repeat-y top left; */
	background-color: rgb(237, 237, 237);
        background-color: rgba(255, 255, 255, 0.8);
    }
    
.simpleformular {
  
        border:0px solid #CCCCCC;
	margin: 5px;
	padding:0px;
	width:95%;
	
    }
.formular textarea {
     font-size: 150%; 

}
.formular table tr th {
      
      text-align:left;
      background-color: transparent;
      color: black;
      font-size:150%;
  
}
.formular table tr td {
      

      text-align:left;
      background-color: none;
      color: black;
      width: 140px;
  
}
.formularpflichtmarkierung {
      color: red;
}

.formularlabel {
      font-weight:bold;
      color: black;
     
}
.formularlabel2 {
     
      color: black;
}
.formularerrortext {
      color: red;
}

.formularpflichtfeld {
    background-color: #F4F4F4;
    
}

/*
#########################################################################################################
#########################################################################################################
#########################################################################################################
*/  


label {
 
 
  font-size: 12px;
  text-align: right; 
  padding-right: 1em;
  margin:2px;
  padding:2px;
  
}


.frm label {
  float:left;
  display:block;
  font-size: 12px;
  text-align: right; 
  padding-right: 1em;
  margin:2px;
  padding:2px;
  min-width:150px;
}


/*
#########################################################################################################
#########################################################################################################
#########################################################################################################
*/  

#ajaxlogin {
  display: block;
  float: left;
  width: 395px; /* Breite.*/
  
  
}

#ajaxlogin label, #ajaxlogin input, #ajaxlogin select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 100px; /* Breite.*/
  font-size: 12px;
 
}

#ajaxlogin form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#ajaxlogin input {
  font-size: 12px;
  width:100px;
  width:100px;
  margin:2px;
  padding:2px;
  
}
#ajaxlogin label {
  
  font-size: 12px;
  text-align: right; 
  padding-right: 1em;
  margin:2px;
  padding:2px;
 
}
#ajaxlogin form {
  background: #D7D7D7;
  color: black;
  border: thin solid #3A3A3A;
  margin:0;
  padding:.5em;
}

#ajaxlogin_submit { 
  font-size: 20px ! important;
  font-weight: bold ! important;
  width: 120px ! important;
 
  cursor: pointer ! important;
  border: 1px solid #ddd ! important;
	            
}

#ajaxlogin fieldset {
	width: 100%;
	
}


#ajaxlogin .frm_reihe {
	width: 260px;
	margin: 5px auto;
	overflow: auto;
}

/*
#########################################################################################################
#########################################################################################################
#########################################################################################################
*/  

#frm_uploadimage {
  display: block;
  float: left;
  width: 395px; /* Breite.*/
  
  
}

#frm_uploadimage label, #frm_uploadimage input, #frm_uploadimage select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 100px; /* Breite.*/
  font-size: 12px;
 
}

#frm_uploadimage form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#frm_uploadimage input {
  font-size: 12px;
  width:100px;
  width:100px;
  margin:2px;
  padding:2px;
  
}
#frm_uploadimage label {
  
  font-size: 12px;
  text-align: right; 
  padding-right: 1em;
  margin:2px;
  padding:2px;
 
}
#frm_uploadimage form {
  background: #D7D7D7;
  color: black;
  border: thin solid #3A3A3A;
  margin:0;
  padding:.5em;
}

#frm_uploadimage_submit  { 
  font-size: 20px ! important;
  font-weight: bold ! important;
  width: 120px ! important;
 
  cursor: pointer ! important;
  border: 1px solid #ddd ! important;
	            
}

#frm_uploadimage fieldset {
	width: 100%;
	
}


#frm_uploadimage .frm_reihe {
	width: 360px;
	margin: 5px auto;
	overflow: auto;
}

.roundedCorners {
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/*
#########################################################################################################
#########################################################################################################
#########################################################################################################
*/  
  
      .greybox {
            
            background-color:#E6E7E8;
            border:1px solid #D1D3D4;
            margin:5px;
            padding:10px; 
            color:#000000;
      }
      .transbox {
            border:1px solid #D1D3D4;
            margin:5px;
            padding:10px; 
            color:#000000;
      }
      .transbox_half {
            border:1px solid #D1D3D4;
            margin:5px;
            padding:10px; 
            color:#000000;
            float:left;
            width:47%;
      }
      .transbox_400 {
            border:1px solid #D1D3D4;
            margin:10px;
            padding:10px; 
            color:#000000;
            float:left;
            width:400px;
      }
      .borderline {
            border:1px solid #D1D3D4;
      }
  
  .simplebox {
      border:1px solid #D1D3D4;
      background-color:#E6E7E8;
      color:#000000;
      margin:5px;
      padding:10px; 
  }
  .simplebox_half {
      border:1px solid #D1D3D4;
      background-color:#E6E7E8;
      float:left;
      width:49%;
      color:#000000;
      margin:5px;
      padding:10px; 
  }

.errorbox {
      margin:5px;
      padding:10px;
      border: 1px solid red;
      background-color: #F95319;
      color: #FFFFFF;


}
   .errorbox h3 {
      color: #FFFFFF;
   }
   .errorbox h2 {
      color: #FFFFFF;
   }
   .errorbox a {
      color: #D8D8D8;
   }


.errorbox table {

  border: 0px;
  margin: 0px 10px 0px 0px;
}
.errorbox table th {

  background-color: #9F2900;
  color: white;
  
  padding:3px;
  
}

.errorbox table td {

  background-color: #F88056;
  color: black;
  padding:3px;

  vertical-align:top;
}



.okbox {
        margin:10px;
        padding:10px;
	border: 1px solid green;
        background-color: #D3F3D3;
        color: #000000;


}
.okbox h3 {
    color: #000000;
}
.okbox h2 {
    color: #000000;
}
.okbox a {
    color: #303030;
 }

.okbox table {

  border: 0px;
  margin: 0px 10px 0px 0px;
}

.okbox table th {

  background-color: #1A601A;
  color: white;
  
  padding:3px;
  
}

.okbox table td {

  background-color: #90F990;
  color: black;
  padding:3px;

  vertical-align:top;
}

.infobox {
        
        margin:5px;
        padding:10px;
  	border: 1px solid #24A5FF;
        background-color: #94C4FA;
        color: #000000;
       

 	
}
.infobox h3 {
    color: #000000;
}
.infobox h2 {
    color: #000000;
}
.infobox a {
    color: #111111;
 }
.infobox a:hover {
   
    color: #222222;
 }

.infobox table {

  border: 1px solid #0C6BAD;
  margin: 0px 10px 0px 0px;
}
.infobox table th {

  background-color: #0C6BAD;
  color: white;
  
  padding:3px;
  
}

.infobox table td {

  background-color: #E0E0E0;
  color: black;
  padding:5px;

  vertical-align:top;
}

.warenkorb_button {
        
      font-weight: bold;
      font-size: 16px;
      float: right;
      margin:0px;
      padding:0px;
      width:175px; 
      
    }
    
.waiting_button {
        
      font-weight: normal;
      font-size: 16px;
      float: right;
      margin:0px;
      padding:0px;
      width:175px; 
      
    }    
    
.wunschzettel_button {
      
      font-weight: light;
      font-size: 12px;
      float: right;
      margin:0px;
      padding:0px;
      width:175px; 
      
    }

/*
#########################################################################################################
#########################################################################################################
#########################################################################################################
*/

/*
------------------------------
	Impromptu's
------------------------------
*/
.jqifade{
	position: absolute;
	background-color: #333333;
}
div.jqi{
	position: absolute;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.jqi .jqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.jqi .jqimessage{
	background-color: #c0cEa6;
	padding: 10px;
}
div.jqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.jqi button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/* prefix example */
.impromptufade{
	position: absolute;
	background-color: #ffffff;
}
div.impromptu{
    position: absolute;
	background-color: #cccccc;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.impromptu .impromptubuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.impromptu button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/* columns prefix example */
.colsJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.colsJqi{
    position: absolute;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 400px;
	text-align: left;
}
div.colsJqi .colsJqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
	height: 160px;
}
div.colsJqi .colsJqimessage{
	background-color: #c0cEa6;
	padding: 10px;
	width: 280px;
	height: 140px;
	float: left;
}
div.colsJqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.colsJqi button{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}
div.colsJqi button:hover{
	border: solid #aaaaaa 1px;
}

/*
------------------------------
       brown theme
------------------------------
*/
.brownJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.brownJqi{
	position: absolute;
	background-color: transparent;
	padding: 10px;
	width: 300px;
	text-align: left;
}
div.brownJqi .brownJqicontainer{
	position: relative;
	background-color: transparent;
	border: solid 1px #5F5D5A;
	color: #ffffff;
	font-weight: bold;
}
div.brownJqi .brownJqimessage{
	position: relative;
	background-color: #F7F6F2;
	border-top: solid 1px #C6B8AE;
	border-bottom: solid 1px #C6B8AE;
}
div.brownJqi .brownJqimessage h3{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	margin: 0;
	padding: 7px 0 7px 15px;
	color: #4D4A47;
}
div.brownJqi .brownJqimessage p{
	padding: 10px;
	color: #777777;
}
div.brownJqi .brownJqimessage img.helpImg{
	position: absolute;
	bottom: -25px;
	left: 10px;
}
div.brownJqi .brownJqibuttons{
	text-align: right;
}
div.brownJqi button{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
}
div.brownJqi button:hover{
	border: solid #aaaaaa 1px;
}