/* CSS-Styles fuer Overview-Seiten */
div#overview {
    padding:10px 0 10px 11px;
}
/* Box Vorteile */
div.ov_vort {
    float:left;
    color:#ffffff;
}
.box_simple #content ul {
    margin-top:10px;
    margin-left:20px;
    padding:10px;
    list-style-position: outside;
    list-style-image:url(../images/overview/bullet_star.png);
}
.box_simple #content ul li {
    margin:0;
    padding:0;
}
/* Box Gallerie */
div.ov_gall {
    float:left;
    width:450px;
    color:#ffffff;
}
div.ov_gall ul {
    clear:both;
}
/*Box Produkte */
div.ov_prod {
    float:left;
    color:#565656;
}
div.ov_prod ul, div.ov_prod ol {
	float:left;
  clear:both;
  margin:0 10px 5px 0;!margin:5px 10px 0 0;
  padding:0 0 0 24px;
}
div.ov_prod ul {
	list-style-image:url(../images/overview/bullet_tick.png);
}
div.ov_prod ol {
  list-style-image:url();
}
div.ov_prod ol.print {
  margin: 5px 0 5px 25px;
}
div.ov_prod ul.list_slim {
	width:55%;!width:60%;
}
div.ov_prod ul li, div.ov_prod ol li {
    padding:0;
    margin:0;
}
div.ov_prod li {
    clear: both;
}
div.ov_prod .hline {
	width:100%;
	margin:0;!margin:5px 0 0px 0;
    background-color:#FF7C00;
    color:#FDF6E4;
    height:30px;
    line-height:30px;
    clear:both;
}
div.ov_prod .hline h3 {
    margin:0 0 0 5px;
    padding:0 0 3px 0;
    color:#FDF6E4;
    float:left;
}
div.ov_prod .hline a {
    color:#FDF6E4;
    font-size:16px;
    text-decoration:underline;
}
div.ov_prod .price {
    float:right;
    position:relative;
    margin: 0 5px 0px 0;
    padding:0 0 3px 0;
    !padding:0;
    color:#FDF6E4;
    text-align:right;
    font-size:12px;
}
div.ov_prod .price span {
    font-size:16px;
}
div.ov_prod .button {
	float:left;
    margin: 5px 5px 5px 0;
    padding:0;
    border: none;
    background-color:transparent;
    text-align:left;
}
div.ov_prod .button img {
    border-style:none;
    vertical-align:-25%;
    margin:0px 6px 0px 0px;
}
div.ov_prod .button span {
    text-decoration:underline;
}
div.ov_prod .button a {
    /*color:#565656;*/
    color:#631F02;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}




div.ov_prod .button_small {
	float:left;
    margin: 5px 5px 5px 0;
    padding:0;
    border: none;
    background-color:transparent;
    text-align:left;
}

div.ov_prod .button_small_left {
    clear: both;
    margin: 5px 5px 5px 0;
    padding:0;
    border: none;
    background-color:transparent;
    text-align:left;
}

div.ov_prod .button_small img {
    border-style:none;
    vertical-align:-20%;
    margin:0px 4px 0px 0px;
}
div.ov_prod .button_small span {
    text-decoration:underline;
}
div.ov_prod .button_small a {
    /*color:#565656;*/
    color:#631F02;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}



div.ov_prod .block {
	padding:5px 10px 5px 10px;
}
div.ov_prod .block .icon {
	float:left;
	width:66px;
	height:66px;
	margin:0 10px 10px 0;
	background-image:url(../images/overview/lamellen/background.png);  ;
}
div.ov_prod .block .icon_markisen {
	float:left;
	width:200px;
/*	height:200px;*/
	margin:0 10px 10px 0;
}

div.ov_prod .block .icon_jalousien {
  float:left;
  width:150px;
  margin:0 10px 10px 0;
  background-image:url(../images/overview/jalousien/background.png);
  background-repeat:no-repeat;
}
div.ov_prod .block .icon_rollos {
  float:left;
  width:130px;
  margin:0 10px 10px 0;
  background-image:url(../images/overview/rollos/background.png);  ;
  background-repeat:no-repeat;
}
div.ov_prod .block .text {
	float:left;
	margin:0px 10px 5px 0px;
}
.width80 {
	width:80%;
}
.width70 {
  width:70%;
}
.width65 {
  width:65%;
}
.width60 {
	width:60%;
}
.alternative {
	float:left;
	width:49%;
}
div.ov_prod h4 {
	clear:both;
	margin:8px 0 8px 0;
	font-size:15px;
}
div.ov_prod h4 a {
	color:#565656;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}
div.ov_prod .maintext {
	clear:both;
	margin:0px 10px 0px 10px;
	font-weight:bold;
}
div.ov_prod p.bold {
	margin:5px 0 0 0;
	font-weight:bold;
}

/* allgemeine Box mit runden Ecken */
div.box_simple {
    position:relative;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
}
div.box_simple #content {
    padding:14px 0px 20px 14px;
    z-index:0;
}
div.box_simple #header {
    background:url(../images/overview/box_head_l.png) top right no-repeat;
}
div.box_simple #header div {
    margin:0 4px 0 0;
    padding:0 0 0 5px;
    height:23px;
    line-height:23px;
    background-color: #fff;
    color:#565656;
    font-weight:bold;
    font-size:16px;
}
div.box_simple #badge {
    position:absolute;
    top:-15px;
    right:30px;
    z-index:1;
}

div.box_simple #print_badge {
	  position: absolute;
	  top: -5px;
	  right: 0px;
	  z-index: 1;
}

div.box_simple #leaf {
    position:absolute;
    top:-58px;
    right:16px;
    z-index:1;
}

div.box_simple #snowflake {
    position:absolute;
    top:-20px;
    right:20px;
    z-index:1;
}

div.box_simple #printicon {
    position:absolute;
    top:-35px;
    right:20px;
    z-index:1;
}

div.box_simple .button_small img {
    border-style:none;
    vertical-align:-20%;
    margin:0px 2px 0px 0px;
}

/*allgemeine Box mit runden Ecken und Farbverlauf im Hintergrund */
div.box_gradient {
	position:relative;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
}
div.box_gradient #content {
	position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    margin:14px 0 0 14px;
    padding:0;
}
div.box_gradient #topright {
    float:right;
    margin:5px;
}
div.box_gradient #topright a {
    color:#565656;
    font-size:12px;
    font-weight:normal;
    text-decoration:underline;
}
/*Styles fuer Box-Header*/
div.box_head {
	height:30px;
    line-height:30px;
    color:#565656;
    font-weight:bold;
    font-size:16px;
}
div.box_head .l {
    float:left;
    margin:0 0 10px 0;!margin: 0 0 5px 0;
    text-align:left;
}
div.box_head .l .border {
	float:left;
	height:30px;
	width:4px;
    line-height:30px;
	background:url(../images/overview/box_head_l.png) top right no-repeat;
}
div.box_head .l .cont {
	float:left;
	margin:0;
    padding:0 2px 0 5px;
    background-color: #fff;
}
div.box_head .r {
    float:right;
    margin:0 0 10px 0;!margin: 0 0 5px 0;
    text-align:right;
}
div.box_head .r .border {
	float:left;
	height:30px;
	width:4px;
    line-height:30px;
	background:url(../images/overview/box_head_r.png) top left no-repeat;
}
div.box_head .r .cont {
	float:left;
	margin:0;
	padding:0 3px 0 2px;!padding:3px 3px 0 2px;
    height:30px;
    background-color: #fff;
}
div.box_head .button {
	margin:0;
	padding:0;
}
/*Standardbreiten*/
.box_wide {
	width:635px;
}
.box_wide #content {
	width:607px;
}
.box_wide div.box_gradient div#background span#grad_c img {
	width:587px;
}
.box_slim {
	width:415px;
}
.box_slim #content {
	width:387px;
}
.box_slim div.box_gradient div#background span#grad_c img {
	width:367px;
}


/* Hintergrund-Styles fuer runde Ecken: Rot */
div.box_red {
}
div.box_red #lo {
    background:url(../images/overview/box_red_lo.png) top left no-repeat;
}
div.box_red #ro {
    background:url(../images/overview/box_red_ro.png) top right no-repeat;
}
div.box_red #ru {
    background:url(../images/overview/box_red_ru.png) bottom right no-repeat;
}
div.box_red #lu {
    background:url(../images/overview/box_red_lu.png) bottom left no-repeat;
}
/* Hintergrund-Styles fuer runde Ecken: Grau */
div.box_grey {
}
div.box_grey #lo {
    background:url(../images/overview/box_grey_lo.png) top left no-repeat;
}
div.box_grey #ro {
    background:url(../images/overview/box_grey_ro.png) top right no-repeat;
}
div.box_grey #ru {
    background:url(../images/overview/box_grey_ru.png) bottom right no-repeat;
}
div.box_grey #lu {
    background:url(../images/overview/box_grey_lu.png) bottom left no-repeat;
}
/* Hintergrund-Styles fuer runde Ecken: Farbverlauf Gelb > Weiß */
div.box_y2w {
}
div.box_y2w #lo {
    background:url(../images/overview/box_y2w_lo.png) top left no-repeat;
}
div.box_y2w #ro {
    background:url(../images/overview/box_y2w_ro.png) top right no-repeat;
}
div.box_y2w #ru {
    background:url(../images/overview/box_y2w_ru.png) bottom right no-repeat;
}
div.box_y2w #lu {
    background:url(../images/overview/box_y2w_lu.png) bottom left no-repeat;
}
div.box_y2w #background {
    padding: 24px 0px 24px 0px;
    /* Ausnahme fuer IE */
    !padding: 24px 0px 0px 0px;
    z-index:0;
}
div.box_y2w #background span#grad_l{
	float:left;
}
div.box_y2w #background span#grad_l img{
	width:24px;
}
div.box_y2w #background span#grad_c{
	float:left;
}
div.box_y2w #background span#grad_r{
	float:right;
}
div.box_y2w #background span#grad_r img{
	width:24px;
}
/*Styles fuer JS-Gallerie*/
.gvIIContainer{
    width:390px;
    margin:10px 0px 0px 14px;
    position:relative;
    clear:both;
}
.gvIIContainer .gvIIImgContainer{
    width:390px;
    height:390px;
    position:relative;
    overflow:hidden;
    border:1px solid #000;
}
.gvIIContainer .gvIIImgContainer .gvIILoader{
    background: url(../images/overview/loadingAnimation.gif) no-repeat center center;
    width:390px;
    height:390px;
    display:none;
}
.gvIIContainer .gvIIHolder{
    position:relative;
    /*height:170px;*/
    width:410px;
    overflow:auto;
    margin:0 0 18px 0;
}
.gvIIContainer .gvIIHolder .gvIIArrow{
/*
    background:url(/experiments/jqGalViewII/common/img/arrow.png);
    width:20px;
    height:28px;
    position:absolute;
    margin-left:-15px;
    margin-top:-28px;
    z-index:99;
*/
}
.gvIIContainer .gvIIHolder .gvIIItem{
    float:left;
    height:64px;
    width:90px;
    border:1px solid #000;
    margin:8px 8px 0px 0px;
    position:relative;
    overflow:hidden;
}
.gvIIContainer .gvIIHolder .gvIIItem .gvIIFlash{
    background:#b2b2b2;
    position:absolute;
    top:0;
    left:0;
    height:64px;
    width:90px;
    cursor:pointer;
}
.gvIIContainer .gvIIHolder .gvIIItem img{
    position:absolute;
    top:0;
    left:0;
    padding:0;
    margin:0;
    margin-left:0;
    margin-top:0;
    border:none;
    cursor:pointer;
}
.debugborder {
	border:red solid 1px;
}

.gallery {
    padding: 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}
.gallery A {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

.gallery A:hover {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}
.minHeight {
    min-height:160px;
}