/*************************************************************/
/*   Design:  Tanja Werner (Screen)                          */
/*   Date:    Oktober 2024                                  */
/*************************************************************/


body {font-size: 62.5%; margin: 0px auto; padding: 0px;}

.page-container {width: 1452px; margin: 0px auto; padding: 0px; background-color: rgb(246,217,192);}


/*----------------------------------------------------------*/
/* 2.1 -  Sitename/Headerm und Navigation level 1           */
/*----------------------------------------------------------*/
.site-name-container {float: left; width: 1430px; height:200px; overflow: hidden; margin: 0px; padding: 0px 10px 0px 10px; background: url(img/logogite.jpg); background-color: rgb(246,217,192); }


.nav1-container {width: 1430px; height: 15px; background: transparent;}
.nav1 {margin: 0px; padding: 15px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
.nav1 ul {float: right; margin: 0px; padding: 0px 15px 0px 0px; border-left: solid 1px rgb(12,95,25); font-weight: bold;}	
.nav1 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav1 li a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-right: solid 1px rgb(12,95,25); color: rgb(12,95,25); text-decoration: none; font-size: 10px;}
.nav1 a:hover, .nav1 a.selected {color: rgb(255,255,255);background-color: rgb(228,187,85); text-decoration: none;}


/*----------------------------*/
/* 2.2 - Navigation - Level 2 */
/*----------------------------*/

.nav2 {width: 1452px; font-family: verdana, arial, sans serif; font-size: 0.8 em; background-color: rgb(246,217,192);}
.nav2 ul { margin: 0px 0px 0px 190px;  padding: 0px; text-align: center; font-weight: bold;}	
.nav2 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav2 li a {display: block; float: left; width: 106px; margin: 2px ; padding: 5px 10px 5px 10px; border: solid 1px rgb(0,0,0); color: rgb(0,0,0); text-transform: uppercase; text-decoration: none; font-size: 120%;}
.nav2 a:hover, .nav2 a.selected {color: rgb(255,255,255);background-color: rgb(228,187,85); text-decoration: none;}
.buffer {clear: both; width: 1430px; height: 50px; margin: 0px; padding: 0px; background-color: rgb(0,0,0);}


.nav4 {width:1452px: clear:both; font-family: verdana, arial, sans serif; font-size: 0.8 em; background-color: rgb(246,217,192);}
.nav4 ul { margin: 0px 0px 0px 200px;  padding: 0px; text-align: center; font-weight: bold;}	
.nav4 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav4 li a {display: block;width: 1000px; float: left; margin: 2px ; padding: 5px 10px 5px 10px; border: solid 1px rgb(0,0,0); color: rgb(0,0,0); text-transform: uppercase; text-decoration: none; font-size: 120%;}
.nav4 a:hover, .nav4 a.selected {color: rgb(255,255,255);background-color: rgb(228,187,85); text-decoration: none;}

/*----------------------------*/
/* 2.3 - Side- left - right    */
/*----------------------------*/
.nav3 {overflow: hidden; clear: both; float: left; width: 190px; min-height: 300px; margin: 0px; padding: 0px; background-color: rgb(246,217,192); font-size: 1.0em; }
.sidebar {overflow: hidden; float: right; width: 190px; min-height: 300px; margin: 0px; padding: 0px ; text-align: left; background-color: rgb(246,217,192);}

/*******************************************/
/* Content1                                */
/*******************************************/

.content1 {float: left; width: 1052px; margin: 0px; padding: 0px 10px 0px 10px; color: rgb(0,0,0);background-color: rgb(246,217,192);}
.content1-container {clear: both; width: 1050px; margin: 0px 0px 15px 0px; padding: 0px;}

.content1-container-foto {clear: both; width: 1050px; margin: 0px 0px 4px 4px; padding: 0px;}
.content1-container-1col-foto {overflow: hidden; width: 1050px; margin: 0px 4px 0px 4px; padding: 0px;}

.content1-container-1col {overflow: hidden; width: 1050px; margin: 0px; padding: 0px;}
.content1-container-1col-840px {width: 840px; margin: 0px 0px 0px 105px; padding: 0px;}

.content1-container-2col-left-details {overflow: hidden;  float: left; width: 155px; margin: 0px 25px 0px 100px; padding: 0px;}
.content1-container-2col-right-details {overflow: hidden; float: right; width: 645px;  margin: 0px 100px 0px 25px;  padding: 0px;}

.content1-container-2col-left {overflow: hidden;  float: left; width: 490px; margin: 0px 10px 0px 25px; padding: 0px;}
.content1-container-2col-right {overflow: hidden; float: right; width: 490px;  margin: 0px 25px 0px 10px;  padding: 0px;}




.content1-container-1col-txtright-160px {float: right; width: 236px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-120px {float: right; width: 276px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-100px {float: right; width: 296px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-80px {float: right; width: 316px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-60px {float: right; width: 336px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-40px {float: right; width: 356px; margin: 0px; padding: 0px;}

.content1-container-2col-txtright-100px {float: right; width: 79px; margin: 0px; padding: 0px;}
.content1-container-2col-txtright-80px {float: right; width: 99px; margin: 0px; padding: 0px;}
.content1-container-2col-txtright-60px {float: right; width: 119px; margin: 0px; padding: 0px;}
.content1-container-2col-txtright-40px {float: right; width: 139px; margin: 0px; padding: 0px;}
.content1-container-2col-txtright-20px {float: right; width: 159px; margin: 0px; padding: 0px;}


.content1-pagetitle {overflow: hidden; width: 1052px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px rgb(228,187,85); color: rgb(228,187,85); font-weight: bold; font-size: 180%;}

.content1 a:link {color: rgb(0,0,0); text-decoration: underline;}
.content1 a:hover {color: rgb(133,45,7);text-decoration: none; }
.content1 a:visited {color: rgb(0,0,0);}

.content-title-anker {float: right; margin: 0px; padding: 0px; color: rgb(0,0,0); background-color: rgb(158,173,166);font-weight: bold; font-size: 130%;}
.content1 a href:hover, .content1 a name.selected {color: rgb(255,255,255);background-color: rgb(228,187,85); text-decoration: none;}


/*--------------------*/
/* 6.1 - Content Area */
/*--------------------*/

/* Titles and textboxes*/
.content-title-noshade-size1 {margin: 0px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 130%;}
.content-title-noshade-size2 {margin: 0px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 150%;}
.content-title-noshade-size3 {margin: 0px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 160%;}
.content-title-noshade-size4 {margin: 0px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 180%;}
.content-title-noshade-size5 {margin: 0px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 200%;}

.content-title-noshade-size1-k {width: 840px; margin: 0px 0px 0px 105px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 130%;}
.content-title-noshade-size2-k {width: 840px; margin: 0px 0px 0px 105px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 150%;}
.content-title-noshade-size3-k {width: 840px; margin: 0px 0px 0px 105px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 160%;}
.content-title-noshade-size4-k {width: 840px; margin: 0px 0px 0px 105px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 180%;}
.content-title-noshade-size5-k {width: 840px; margin: 0px 0px 0px 105px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 200%;}

.content-title-shade-size1 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(0,0,0); font-weight: bold; font-size: 130%;}
.content-title-shade-size2 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(0,0,0); font-weight: bold; font-size: 150%;}
.content-title-shade-size3 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(0,0,0); font-weight: bold; font-size: 160%;}
.content-title-shade-size4 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(0,0,0);  font-weight: bold; font-size: 180%;}
.content-title-shade-size5 {margin: 0px; padding: 0px 10px 0px 10px; background-color: rgb(215,215,215); color: rgb(0,0,0);  font-weight: bold; font-size: 200%;}
.content-subtitle-noshade-size1 {margin: 0px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 110%;}
.content-subtitle-noshade-size2 {margin: 0px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 120%;}
.content-subtitle-noshade-size3bold {margin: 0px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 130%;}
.content-subtitle-noshade-size3 {margin: 0px; padding: 0px; color: rgb(0,0,0); font-size: 130%;}
.content-subtitle-noshade-size4 {margin: 0px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 140%;}
.content-subtitle-noshade-size5 {margin: 0px; padding: 0px; color: rgb(0,0,0); font-weight: bold; font-size: 150%;}
.content-subtitle-shade-size1 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(0,0,0); font-weight: bold; font-size: 110%;}
.content-subtitle-shade-size2 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(0,0,0); font-weight: bold; font-size: 120%;}
.content-subtitle-shade-size3bold {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(0,0,0); font-weight: bold; font-size: 130%;}
.content-subtitle-shade-size3 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(0,0,0); font-size: 130%;}
.content-subtitle-shade-size4 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(0,0,0); font-weight: bold; font-size: 140%;}
.content-subtitle-shade-size5 {margin: 0px; padding: 0px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(0,0,0); font-weight: bold; font-size: 150%;}

.content-txtbox-noshade {margin: 0px; padding: 7px 0px 0px 0px; background-color: rgb(255,255,255);}
.content-txtbox-shade {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(235,235,235);}

.contactform {width:450px; margin:0px 0px 0px 15px; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}




/* Headings */
h1 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 160%;}
h2 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 150%;}
h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 140%;}
h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 130%;}
h6 {margin: 0px 0px 0.2em 0px;font-weight: bold; font-style: italic; font-size: 130%;}

/* Paragraphs */
p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.3em; font-family: arial, sans serif; font-size: 120%; }
p.readmore {margin: 1.0em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}
p.embed {float: left; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
p.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Quote */
p.quote {clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 110%;}

/* Embedded emphasis */
.embed {float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Lists */
ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 160%;}
ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-family: arial; font-size: 160%;}
ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 120%;}
ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }





/* Table prices */
.tablee {clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(233,232,244);}
.tablee tr {margin: 0px; padding: 0px;}
.tablee td {padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 120%;}
.tablee th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; 	}
.tablee-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;}


/* Table belegung */
.tableb-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: top; font-size: 160%;text-decoration: underline}
.tableb {margin: 2px 2px 2px 2px; empty-cells: show; border: solid 1px rgb(0,0,0); border-collapse: collapse; background-color: rgb(233,232,244);}
.tableb tr {margin: 2px; padding: 2px;}
.tableb td {padding: 2px; border: solid 1px rgb(0,0,0);  font-size: 120%;  color: black; text-align: right;font-weight: bold;}
.tableb th {margin: 0px; padding: 0px; font-size: 160%; color: rgb(133,45,7); font-weight: bold; font-variant: small-caps; border: solid 1px rgb(0,0,0);}

/* Table livre d or */
.tableo {clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px rgb(150,150,150); background-color: rgb(246,217,192);empty-cells: show; }
.tableo tr {margin: 0px; padding: 0px;}
.tableo td {padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); font-size: 120%;}
.tableo th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; 	}
.tableo-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;}
.tableo img {width:40px; height:40px; border-radius:2em; }

.sasu-r {background-color: red; text-decoration: line-through;font-weight: bold; }
.r {background-color:rgb(229,98,77); text-decoration: line-through;font-weight: bold; }
.sasu-g {background-color: green; font-weight: bold;}
.g {background-color:rgb(114,185,51);}
.notspecified {background-color: rgb(158,173,166); font-weight: bold;}

.content1-container-3col-left {overflow: hidden; float: left; width: 200px; margin: 0px 10px 0px 0px; padding: 0px;}
.content1-container-3col-middle {overflow: hidden; float: left; width: 200px;margin: 0px 10px 0px 0px ; padding: 0px;}
.content1-container-3col-right {overflow: hidden; float: right; width: 200px; margin: 0px ; padding: 0px;}

/* Images */
.img-left {float: left; margin: 0px 0px 0px 0px;}
.img-left-noborder-notopmargin {float: left; margin: 0px 4px 4px 0px;}
.img-left-noborder-topmargin {float: left; margin: 3px 10px 0px 0px;}
.img-left-border-notopmargin {float: left; margin: 0px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-left-border-topmargin {float: left; margin: 3px 10px 0px 0px; border: solid 1px rgb(0,0,0);}
.img-right {float: left; margin: 0px 0px 0px 0px;}
.img-right-noborder-notopmargin {float: right; margin: 0px 0px 0px 10px;}
.img-right-noborder-topmargin {float: right; margin: 3px 0px 0px 10px;}
.img-right-border-notopmargin {float: right; margin: 0px 0px 0px 10px; border: solid 1px rgb(150,150,150);}
.img-right-border-topmargin {float: right; margin: 3px 0px 0px 10px; border: solid 1px rgb(150,150,150);}
.img-center {float: left;margin: 0px 0px 0px 86px;}


/*--------------------*/
/* 6.3 - Footer Area  */
/*--------------------*/
.footer {overflow: hidden; clear: both; width: 1452px; height: 2.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px;  background-color: rgb(228,187,85);); color: rgb(0,0,0); font-size: 1.0em;border: solid 1px rgb(150,150,150);}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}

.footer a {color: rgb(255,255,255); text-decoration: underline;}
.footer a:hover {color: rgb(0,0,0); text-decoration: none;}


/*******************************/
/* SECTION 7 - GENERIC CLASSES */
/*******************************/

/*----------------------------*/
/* 7.1 - Title decoration box */
/*----------------------------*/
.box-on {float: left; min-width: 0.3em; margin-right: 0.2em; padding: 0px 0.2em 0px 0.3em;}
.box-off {display: none;}
/* html box-on {width: 1%;} /* IE6-Hack for min-width. Also compliant with IE7-Beta2 */

/*-----------------------------*/
/* 7.2 - Horizontal alignments */
/*-----------------------------*/
.links {text-align: left;}
.rechts {text-align: right;}
.mittig {text-align: center;}

/*------------------*/
/* 7.3  Text colors */
/*------------------*/
.txt-white {color: rgb(255,255,255);}
.txt-black {color: rgb(0,0,0);}

.txt-k-rot {color: rgb(133,45,7);}

.txt-red01 {color: rgb(252,235,233);}
.txt-red02 {color: rgb(248,216,211);}
.txt-red03 {color: rgb(245,196,188);}
.txt-red04 {color: rgb(242,177,166);}
.txt-red05 {color: rgb(238,157,144);}
.txt-red06 {color: rgb(235,137,122);}
.txt-red07 {color: rgb(232,118,100);}
.txt-red08 {color: rgb(229,98,77);}
.txt-red09 {color: rgb(225,79,55);}
.txt-red10 {color: rgb(222,59,33);}
/*-------------------------*/
/* 7.4 - Background colors */
/*-------------------------*/
.bg-white {background-color: rgb(255,255,255);}
.bg-black {background-color: rgb(0,0,0);}

.bg-hinter {background-color: rgb(246,217,192);}

.bg-braun1 {background-color: rgb(242,238,227);}
.bg-braun2 {background-color: rgb(232,225,204);}
.bg-braun3 {background-color: rgb(216,202,159);}
.bg-t {background-color: transparent;}
.bg-grey01 {background-color: rgb(242,242,242);}
.bg-grey02 {background-color: rgb(230,230,230);}
.bg-grey03 {background-color: rgb(217,217,217);}
.bg-grey04 {background-color: rgb(204,204,204);}
.bg-grey05 {background-color: rgb(191,191,191);}
.bg-grey06 {background-color: rgb(178,178,178);}
.bg-grey07 {background-color: rgb(153,153,153);}
.bg-grey08 {background-color: rgb(127,127,127);}
.bg-grey09 {background-color: rgb(89,89,89);}
.bg-grey10 {background-color: rgb(51,51,51);}

.bg-yellow01 {}
.bg-yellow02 {background-color: rgb(253,249,201);}
.bg-yellow03 {background-color: rgb(253,246,185);}
.bg-yellow04 {background-color: rgb(252,243,162);}
.bg-yellow05 {background-color: rgb(251,239,139);}
.bg-yellow06 {background-color: rgb(250,236,116);}
.bg-yellow07 {background-color: rgb(249,233,93);}
.bg-yellow08 {background-color: rgb(249,230,69);}
.bg-yellow09 {background-color: rgb(248,227,46);}
.bg-yellow10 {background-color: rgb(247,224,23);}

.bg-green01 {background-color: rgb(237,246,229);}
.bg-green02 {background-color: rgb(220,238,204);}
.bg-green03 {background-color: rgb(202,229,178);}
.bg-green04 {background-color: rgb(185,220,153);}
.bg-green05 {background-color: rgb(167,211,127);}
.bg-green06 {background-color: rgb(149,203,102);}
.bg-green07 {background-color: rgb(132,194,76);}
.bg-green08 {background-color: rgb(114,185,51);}
.bg-green09 {background-color: rgb(97,177,25);}
.bg-green10 {background-color: rgb(79,168,0);}



.bg-red01 {background-color: rgb(252,235,233);}
.bg-red02 {background-color: rgb(248,216,211);}
.bg-red03 {background-color: rgb(245,196,188);}
.bg-red04 {background-color: rgb(242,177,166);}
.bg-red05 {background-color: rgb(238,157,144);}
.bg-red06 {background-color: rgb(235,137,122);}
.bg-red07 {background-color: rgb(232,118,100);}
.bg-red08 {background-color: rgb(229,98,77);}
.bg-red09 {background-color: rgb(225,79,55);}
.bg-red10 {background-color: rgb(222,59,33);}

/*---------------------------*/
/* 7.5  Bottom border colors */
/*---------------------------*/
.line-box {border-bottom: solid 1px rgb(200,200,200); padding-bottom: 15px; margin: 0px 0px 15px 0px;}

.line-white {border-bottom: solid 1px rgb(255,255,255); padding-bottom: 2px; margin: 0px 0px 1px 0px;}
.line-black {border-bottom: solid 1px rgb(0,0,0); padding-bottom: 2px; margin: 0px 0px 1px 0px;}

.line-grey01 {border-bottom: solid 1px rgb(242,242,242); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey02 {border-bottom: solid 1px rgb(230,230,230); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey03 {border-bottom: solid 1px rgb(217,217,217); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey04 {border-bottom: solid 1px rgb(204,204,204); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey05 {border-bottom: solid 1px rgb(191,191,191); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey06 {border-bottom: solid 1px rgb(178,178,178); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey07 {border-bottom: solid 1px rgb(153,153,153); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey08 {border-bottom: solid 1px rgb(127,127,127); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey09 {border-bottom: solid 1px rgb(89,89,89); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey10 {border-bottom: solid 1px rgb(51,51,51); padding-bottom: 2px; margin-bottom: 1px;}

.line-yellow01 {border-bottom: solid 1px rgb(254,252,232); padding-bottom: 2px; margin-bottom: 1px;}
.line-yellow02 {border-bottom: solid 1px rgb(253,249,201); padding-bottom: 2px; margin-bottom: 1px;}
.line-yellow03 {border-bottom: solid 1px rgb(253,246,185); padding-bottom: 2px; margin-bottom: 1px;}
.line-yellow04 {border-bottom: solid 1px rgb(252,243,162); padding-bottom: 2px; margin-bottom: 1px;}
.line-yellow05 {border-bottom: solid 1px rgb(251,239,139); padding-bottom: 2px; margin-bottom: 1px;}
.line-yellow06 {border-bottom: solid 1px rgb(250,236,116); padding-bottom: 2px; margin-bottom: 1px;}
.line-yellow07 {border-bottom: solid 1px rgb(249,233,93); padding-bottom: 2px; margin-bottom: 1px;}
.line-yellow08 {border-bottom: solid 1px rgb(249,230,69); padding-bottom: 2px; margin-bottom: 1px;}
.line-yellow09 {border-bottom: solid 1px rgb(248,227,46); padding-bottom: 2px; margin-bottom: 1px;}
.line-yellow10 {border-bottom: solid 1px rgb(247,224,23); padding-bottom: 2px; margin-bottom: 1px;}

.line-green01 {border-bottom: solid 1px rgb(237,246,229); padding-bottom: 2px; margin-bottom: 1px;}
.line-green02 {border-bottom: solid 1px rgb(220,238,204); padding-bottom: 2px; margin-bottom: 1px;}
.line-green03 {border-bottom: solid 1px rgb(202,229,178); padding-bottom: 2px; margin-bottom: 1px;}
.line-green04 {border-bottom: solid 1px rgb(185,220,153); padding-bottom: 2px; margin-bottom: 1px;}
.line-green05 {border-bottom: solid 1px rgb(167,211,127); padding-bottom: 2px; margin-bottom: 1px;}
.line-green06 {border-bottom: solid 1px rgb(149,203,102); padding-bottom: 2px; margin-bottom: 1px;}
.line-green07 {border-bottom: solid 1px rgb(132,194,76); padding-bottom: 2px; margin-bottom: 1px;}
.line-green08 {border-bottom: solid 1px rgb(114,185,51); padding-bottom: 2px; margin-bottom: 1px;}
.line-green09 {border-bottom: solid 1px rgb(97,177,25); padding-bottom: 2px; margin-bottom: 1px;}
.line-green10 {border-bottom: solid 1px rgb(79,168,0); padding-bottom: 2px; margin-bottom: 1px;}


/*****************************/
/* SECTION 8 - MISCELLANEOUS */
/*****************************/
.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}

/*****************************/
/* dia */
/*****************************/


#warp {
  width: 90%;
  max-width: 800px;
  height: auto;
 	background: #fafafa;
	margin: 30px auto;
	overflow: hidden;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul#gallery-container {
	position: relative;
	width: 100%;
	max-width: 800px;
	height: auto;
	padding: 52% 0 10px;
	margin: 0;
	text-align: center;
	display: block;
}
li.gallery-item {display: inline-block;width: 10%;cursor:pointer;*display:inline;}
img.gallery-preview{
	background: white;
    margin: 0;
    padding: 2% 2% 2%;
    *padding: 2px 2px 2px;
    position: relative;
    top: 0;
    width: 85%;
    height: auto;
    max-height: 45px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out .2s;
    -moz-transition: all 0.3s ease-out .2s;
    -o-transition: all 0.3s ease-out .2s;
    transition: all 0.3s ease-out .2s;
}

input.gallery-selector:checked ~ label.gallery-label>img.gallery-preview,
ul#gallery-container:hover li:hover img.gallery-preview:hover{
z-index: 5;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.75);
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
  
-webkit-transform-origin: bottom center;
-moz-transform-origin: bottom center;
-o-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul#gallery-container:hover li:hover img.gallery-preview:hover {z-index: 20;}
input.gallery-selector:checked ~ label.gallery-label>img.gallery-preview{background: #254210}
input.gallery-selector:checked ~ label.gallery-label:before{
content: " ";
position: relative;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 20px solid #254210;
top: -30px;
}

img.gallery-fullsize {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 100%;
height: auto;
z-index: -1;
opacity: 0;
-webkit-transform: scale(0.25);
-moz-transform: scale(0.25);
-o-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: bottom center;
-moz-transform-origin: bottom center;
-o-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul#gallery-container:hover li.gallery-item:active img.gallery-fullsize{
z-index: 50;
opacity: 0.75;
-webkit-filter:blur(10px) grayscale(1);
border-radius: 10%;
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
-webkit-transform-origin: bottom center;
-moz-transform-origin: bottom center;
-o-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transition: all 0.3s ease-out .2s;
-moz-transition: all 0.3s ease-out .2s;
-o-transition: all 0.3s ease-out .2s;
transition: all 0.3s ease-out .2s;
}
ul#gallery-container:hover li:hover input.gallery-selector:checked ~ img.gallery-fullsize{z-index: 10;opacity: 1;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}

input.gallery-selector:checked ~ img.gallery-fullsize {
display: block;
opacity: 1;
z-index: 10;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
 
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-transition: all .2s ease-in .3s;
-moz-transition: all .2s ease-in .3s;
-o-transition: all .2s ease-in .3s;
transition: all .2s ease-in .3s;
}
input.gallery-selector {display: none;}
label.gallery-label {cursor: pointer;}