/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #5A1516;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

a {color: #DB7093;}
a:visited {color: #DB7093;}
a:hover {color: #564b47;}
a:active {color: #000000;}


h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px;
}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
width: 974px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #5A1516;
padding: 0px;
margin: 0px; }

#banner img {padding:0px 0px;} 

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 200px #EBD3E0;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 font-size:15px;
 }

/* -------------navbox----------------*/
.navbox ul li.active {
	color:black;
}



/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px; }

p{
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; }

/* ---------------forms------------------------ */
form {
	margin-left: 30px;
	width: 90%;
}
form p {
	padding: 0;
	display: inline;
}
fieldset {
	padding:20px;
	margin-bottom:3px;
	border: 1px dashed #CCCCCC;
}
legend {
	color:#DB7093;
	font-weight:bold;
}
label {
	text-decoration: underline;
	margin-top:12px;
	display: block;
	width: 39%;
	float: left;
	padding-right: 1%;
	text-align: right;
}
label.error {
	margin-top: 0px;
	text-decoration: none;
	float: right;
	font-weight:bold;
	margin-left: 1%;
	width: 100%;
	color: red;
}
input.error {
	border: 1px solid red;
}
select {
	margin-top:10px;
	margin-left: 1%;
	border:1px solid #CCCCCC;
	background-color:#f4f4f4;
}
input {
	margin-top:10px;
	margin-left: 1%;
	width: 50%;
	border: 1px solid #CCCCCC;
	background-color:#f4f4f4;
}
input:hover {
	background-color: #E8EBF0;
}
textarea {
	margin-top:10px;
	margin-left: 1%;
	width: 89%;
	height: 150px;
	border: 1px solid #CCCCCC;
	background-color:#f4f4f4;
}
textarea:hover {
	background-color: #E8EBF0;
}
input[type="submit"] {
	border: 1px solid #CCCCCC;
	width: 27%;
}

input[type="submit"]:hover {
	font-weight: bold;
	background-color: #677E32;
	color: white;
	cursor: pointer;
}

input[type="hidden"] {
	display: none;
}
input[type="reset"] {
	text-decoration: underline;
	background: none;
	border: none;
	width: 27%;
}

input[type="reset"]:hover {
	color: red;
	cursor: pointer;
}
input.small {
	width: 20%;
}
select.small {
	min-width: 20%;
}
select.mini {
	min-width: 0%;
}
select.standard {
	min-width: 59%;
}
/* ---------------whitebook (Jot)------------------------ */
.jot-err {border: 1px solid red;font-weight: bold;color: red;padding: 5px;margin-bottom: 10px;}
.jot-cfm {border: 1px solid green;font-weight: bold;color: green;padding: 5px;margin-bottom: 10px;}
.jot-row {border: 0px solid #CCCCCC;margin-left: 30px;margin-bottom: 10px;background-color: #F7F8E0;width: 90%; border-radius: 10px 10px; -moz-border-radius: 10px;}
.jot-row-alt {background-color: #ECF8E0;}
.jot-row-author {background-color: #FFFFE1;}
.jot-row-me {background-color: #FFDDDD;}
.jot-row-up {border: 1px dotted red;}
.jot-row-new {border: 1px dotted green;}
.jot-comment {padding: 5px;}
.jot-comment hr {border: 0px; border-bottom: 2px solid #ffffff;}
.jot-posticon {float: right;width: 48px;height: 30px;padding-top: 0px;padding-right: 5px;}
.jot-posticon img {border: 0px;}
.jot-mod {float: right;width: 100px;text-align: right;color: #666666;font-weight: bold;}
.jot-mod img {border: 0px;}
.jot-mod a {float: right;padding: 1px;padding-left: 2px;padding-right: 2px;}
.jot-mod a:hover {background-color: #666666;color: #666666;}
.jot-subject {font-weight: bold;font-size: 1.1em;}
.jot-message {text-align: justify;padding: 2px;overflow: auto;}
.jot-poster {padding: 0px;text-align: left;font-size: 10px;}
.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-list ul {padding: 0px;text-align: left;margin-bottom: 10px;list-style-position: inside;}
.jot-subscribe {margin-bottom: 10px;}
.jot-user {float: left;width: 80px; }
.jot-content {margin-left: 85px;}
.jot-extra {text-align: right;}
.jot-editby {font-size: 10px;color: #666666;font-style: italic;}

/* ---------------Links------------------------ */
.lien {
	border: 0px solid #CCCCCC;
	margin-left: 30px;
	margin-bottom: 10px;
	background-color: #F7F8E0;
	width: 90%;
	min-height: 120px;
	border-radius: 10px 10px;
	-moz-border-radius: 10px;
}
.lien-image {
	padding: 10px;
	float: right;
	text-align: right;
	width: 220px;
}
.lien-image img {
	background: white;
	border:0px;
}
.lien-contenu {
	margin-right: 230px;
}
.lien-contenu h3 {
	text-align: center;
	padding: 10px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 1.1em;
}
.lien-contenu hr {
	border: 0px;
	padding: 0px;
	border-bottom: 2px solid #ffffff;
}
.lien-contenu p {
	text-align: justify;
	padding-left: 10px;
	overflow: auto;
}
.lien-contenu a {
	text-decoration: none;
}
/* ---------------Slider------------------------ */
.galerie {
margin-left: 140px;
margin-right: auto;
width: 600px;
}
.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer {
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}