﻿/* Color Legend */

#gleiter {
    width: 1024px; /* important to be same as image width */
    height: 341px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}
 
#gleiterContent {
    width: 1024px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
}
 
.gleiterImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
}
 
.gleiterImage span {
    position: absolute; /* important */
    right: 0; /*
        if you put right: 0;  -> the box with text will be shown
                                at the right side of the image
        if you put left: 0;  -> the box with text will be shown
                                at the left side of the image
    */
    padding: 10px;
    width: 170px; /* This is the width of the caption box */
    height:341px; /* This is the height of the caption box */
    background-color: #000; /* This sets the background color of the semi transparent box */
    filter: alpha(opacity=70); /* here you can set the opacity of box with text */
    -moz-opacity: 0.7; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
    opacity: 0.7; /* here you can set the opacity of box with text */
    /* If you do not want the transparent content field to appear, change all opacity values to 0 */
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:150%;
    color: #fff; /* This is the color of the text in the caption box */
    display: none; /* important */
    top: 0; /*
        if you put top: 0;  -> the box with text will be shown
                                at the top of the image
        if you put bottom: 0;  -> the box with text will be shown
                                at the bottom of the image
    */
}
 
 .gleiterImage span strong {
 	color:#FF9428; /* This is the color of the title text in the caption box */
 	font-size: 22px; /* This is the font size of the title text in the caption box */
 	line-height:300%;
 	}
 
.clear {
    clear: both;
}