* {	margin: 0px; padding: 0px; }

body {
	color: #BFBFBF;
	font: normal 13px/145% Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #303030 url(../layout-img/transparent.png) no-repeat right top;
}

/* ---------------------------- CONTAINER --------------------------- */

#wrapper  {
	width: 1000px;
	margin: 10px auto 25px auto;
}


#logo {
	height: 210px;
	background: url(../layout-img/logo-kindesign.png) no-repeat left 0px;	
}

#logo h1 {
	padding: 82px 0px 0px 41px;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #8EBC6D;
}


#col-1 {
	float: left;
	width: 215px;
	padding: 0px;
}


#col-2 {
	float: left;
	width: 760px;
	padding: 81px 0 0 0;
}

/* ----------------------- Content -------------------- */

div.content {
	min-height: 500px;
	padding: 5px 30px 25px 30px;
	border-top: 1px solid #6A6A6A;
	border-left: 1px solid #6A6A6A;
	background: rgb(86,86,86); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(86,86,86,1) 0%, rgba(56,56,56,1) 28%, rgba(20,20,20,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(86,86,86,1)), color-stop(28%,rgba(56,56,56,1)), color-stop(100%,rgba(20,20,20,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(86,86,86,1) 0%,rgba(56,56,56,1) 28%,rgba(20,20,20,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(86,86,86,1) 0%,rgba(56,56,56,1) 28%,rgba(20,20,20,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(86,86,86,1) 0%,rgba(56,56,56,1) 28%,rgba(20,20,20,1) 100%); /* IE10+ */
	background: linear-gradient(left, rgba(86,86,86,1) 0%,rgba(56,56,56,1) 28%,rgba(20,20,20,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#141414',GradientType=1 ); /* IE6-9 */
	-moz-box-shadow:4px 4px 8px #000000;
	-webkit-box-shadow:4px 4px 8px #000000;
	box-shadow:4px 4px 8px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength=4, direction=135, color='#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=4, Direction=135, Color='#000000')";
}

/* ----------------------- HTML Tags -------------------- */


#col-2 img {
	margin: 0px 0px 15px 0px;
}

#col-2 div#gallery img {
	margin: 0px;
}

#col-2 p {
	margin: 6px 0 2em 0;
	text-align: justify;
}

#col-2 p.einruecken {
	padding: 0 0 0 20px;
}

#col-2 p.infobox {
	font: bold 1em/140% Arial, Helvetica, sans-serif;
	color: #90AF29;
	margin: 10px 0 15px;
	padding: 15px;
	border: 1px dotted #CCC;
}

#col-2 em {
	color: #3C0;
	font-weight: bold;
}


/* ------- Headings -------- */

h1 {
	font: bold 1.9em/150% Helvetica, Arial, sans-serif;
	color: #A8A8A8;
	margin: 5px 0px 10px 0px;
	text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
}

h2 {
	font: 1.6em/140% Helvetica, Arial, sans-serif;
	color: #A8A8A8;
	margin: 15px 0px 15px 0px;
}

h3 {
	font: bold 1.2em/140% Helvetica, Arial, sans-serif;
	color: #9FC227;
	margin: 0px 0px 5px 0px;
}


h4 {
	color: #9FC227;
	font-weight: bold;
	font-size: 1.1em;
	display: inline;
	font-style: italic;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 12px;
	padding-bottom: 1px;
}



/*  -- Listen allgemein -- */

ul {
	list-style-type: none;
	list-style: none;
}

#col-2 ul {
	padding: 12px 5px 12px 8px;
	background: #3C3C3C;
	margin: 10px 0 12px 0;
}

#col-2 li {
	background: url(../layout-img/li.gif) no-repeat left 0.5em;
	padding-left: 17px;
	margin-bottom: 4px;
}


/*  -- Links  -- */


/*
#col-2 a  {
	color: #970000;
	outline-width: 0px;
	text-decoration: none;
}

#col-2 a:hover  {
	color: #F00;
}
*/

#col-2 a:link {  color: #90A227; }
#col-2 a:visited { color: #90A227; }
#col-2 a:hover { color: #cccccc; }
#col-2 a:active {  color: #90A227; }


a img, a:link img { border: none; }


/* ----- NavLeft - Ebene eins ----- */

#navleft ul {
	margin: 0px;
	list-style: none;
}

#navleft ul li {margin-bottom: 5px;}

#navleft ul a {
	display: block;
	height: 1%;
	color: #AAA;
	text-decoration: none;
	font: bold 1.0em Helvetica, Arial, sans-serif;
/* ---- font-size: 1.1em; ----- */
	font: bold 1.0em Helvetica, Arial, sans-serif;
/* ---- line-height: 1.0em; ----- */
	padding: 2px 0px 2px 0;

	margin: 5px 0px 10px 0px;
	text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;

}

#navleft ul a:hover {
	color: #fff;
}


/* --- aktive Links Ebene 1  ---- */
#navleft  li a.rex-current {
	color: #fff;
}


/* ----- NavLeft - Ebene zwei ----- */

#navleft ul ul {
	padding-top: 4px;
	padding-bottom: 2px;
}

#navleft ul ul li {
	background: url(../layout-img/pfeil.gif) no-repeat left -14px;
}
#navleft ul ul li:hover {
	background: url(../layout-img/pfeil.gif) no-repeat left 7px;
}

#navleft ul ul a {
	padding: 2px 0px 2px 25px;
	color: #ccc;
}

#navleft ul ul a:hover {
	color: #fff;
}

/* --- aktive Links Ebene 2  ---- */
#navleft  li li a.rex-current {
	color: #fff;
	background: url(../layout-img/layout/pfeil.gif) no-repeat left 7px;	
}





/* ----------------- CLASSEN ---------------------- */

.clear {
	clear: both;
}


.dotline {
	height: 20px;
	border-bottom: 1px dotted #900;
	clear: both;
	margin-bottom: 30px;
}

#col-2 .floatleft {
	float: left;
	margin-right: 10px;
}

#col-2 img.img_left {
	float: left;
	margin: 5px 12px 5px 0px;
}
#col-2 img.img_right {
	float: right;
	margin: 5px 0px 5px 17px;
}
p.block {
	text-align: justify;
}

div.right-1, td.right-1 {
	text-align: right;
}




/* ----------------- Tabellen ---------------------- */

table {
	margin-bottom: 15px;
	margin-top: 5px;
}

table caption {
	font-weight: bold;
	text-align: left;
	padding-bottom: 3px;
}

td {
	vertical-align: top;
}




/* ----------------- Gallery  ---------------------- */

#col-2 div#gallery {
	border-top: 1px solid #1B1B1B;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
}

div#fotoanzeige {
	width: 700px;
	height: 440px;
}
div#fototxt {
	font: 12px/130% Verdana, Geneva, sans-serif;
	color: #ccc;
	padding: 3px 10px 3px 10px;
}

div.Bild_Nav {
	height: 30px;
}	

a.bildzuruck, a.bildvor {
	float: right;
	background: url(../layout-img/BildBtn.gif) no-repeat left top;
	height: 18px;
	width: 27px;
	display: block;
	margin-right: 2px;
}

a.bildvor {
	background: url(../layout-img/BildBtn.gif) no-repeat -28px top;
	margin-right: 0px;
}

a.bildvor:hover {
	background: url(../layout-img/BildBtn.gif) no-repeat -84px top;
}
a.bildzuruck:hover {
	background: url(../layout-img/BildBtn.gif) no-repeat -56px top;
}

div.Bild_Status {
	float: right;
	width: 115px;
}

div#vor_btn {
	float: right;
	height: 18px;
	width: 80px;
	font: 13px/16px Verdana, Geneva, sans-serif;
	border-top: 1px solid #A2CA17;
	border-left: 1px solid #A2CA17;
	margin-right: 15px;
	border-right-color: #51650C;
	border-bottom-color: #51650C;
	text-align: center;
	background-color: #728E11;
	color: #F9FCF5;
	cursor: pointer;
}

span#BildAnzahl {
	margin-right: 15px;
}


div#thumbs {
	background: #383838;
	padding-top: 3px;
}

div#thumbs img:hover {
	cursor: pointer;
}

/* ----------------- Sound  ---------------------- */

div.sound_button {
	height: 20px;
	text-align: right;
	padding-right: 31px;
}

div.sound_button a {
	font-size:10px;
	color:#E8E8E8;
	text-decoration:none;
}

div.sound_button a:hover {
    text-decoration:underline;
}