/*
R: 000
G: 147
B: 221
Farbschema unter http://www.hlrnet.com/colormatch/de.php
*/
body, h1, h2, h3, h4, h5, h6, p, li, td, a, ul, ol, div {
	color : #777; 
	background-color : transparent;
	font-family : verdana, arial, sans-serif; 
	font-style :  normal; 
	font-variant :  normal; 
	font-weight :  normal;
	text-align : justify;
	line-height : normal;
}

body {
	background-color : #FF9900;
}

#main a, #foot a {
	text-decoration : underline;
}	

#foot a {
	color : #777;
}


#menu ul {
	background-image : url(../pics/navigation/kali_background.png);
	background-position : bottom left;
	background-repeat : repeat-x;
	background-attachment:scroll;
	background-color : #FFFFCC;
	margin : 0;
	border : 1px solid #B34D00;
	padding : 10px;
	height : 100px;
	width : 750px;
	font-size : x-small;
	z-index : 0;
}


#menu ul {
	display : block;
	z-index : 1;
	padding-left : 0;
	margin : 0;
}
#menu li {
	display : block;
	float : left;
	margin-left : 10px;
	padding : 0px;
	margin-top : 1px;
}
#menu li a {
	width : 110px;
	height : 90px;
	
	border : none;
	margin-right : 30px;
	
	text-align : center;
	vertical-align : top;
	text-decoration : none;
	font-size : small;
	color : #777;
	font-weight : normal;
		
	display : block;
	background-position : bottom;
	background-repeat : no-repeat;
	background-attachment : scroll;
}
#menu li a:hover {
	color : #000;
}
#menu li.active a {
	color : #FF3000;
}
/*
#menu li.active {
	background-image : url(../pics/navigation/arrow.png);
	background-position-y : 10px;
	background-position-x : center;
	background-repeat : no-repeat;
}*/
#menu li.active a:hover {
	color : #000;
}

/*
#menu li.start a {
	background-image : url(../pics/navigation/kali_start.png);
}

#menu li:hover {
	color : #fff;
	z-index : 0;
}
#menu li.active a, #menu li a {
	padding : 1px;
	padding-left : 10px;
	padding-right : 10px;
	background-position : top;
	background-attachment : inherit;
	background-repeat : no-repeat;
	background-color : transparent;
	z-index : 0;
	text-decoration : none;
	display : block;
	font-weight : bold;
	color : #777;
	vertical-align : bottom;
	text-align : center;
	height : 80px;
	width : 110px;
}
#menu li a:hover {
	color : #B34D00;	
}
#menu li.active a {
	color : #B34D00;
	background-color : #FFFF00;
	z-index : 5;
}
*/




#main {
	clear : left;
	z-index : 0;
	float : left;
	background-color : #FFFFCC;
	padding : 15px;
	border : 1px solid #B34D00;
	width : 730px;
	margin-top : 10px;
}
#main h1{
	margin-top : 0px;
	color : #B34D00;
}
#main p{
	color : #777;
	font-size : small;
}
#main img.left {
	border : 1px dotted #000;
	float : left;
	margin : 15px;
	margin-left : 0px;
	margin-top : 0px;
}

#main table.postcards td {
	font-size : x-small;
	padding-right : 20px;
	padding-bottom : 20px;
}

#main table.guestbook td {
	vertical-align : top;
}

#main table.guestbook {
	clear : left
}

#main li {
	font-size : small;
}

#main hr {
	border : 1px solid #777;
}
#main p.submenu, #main p.submenu a {
	font-weight : bold;
	color : #B34D00;
}

div.logo {
	background-attachment:scroll;
	background-image: url(../pics/.png);
	background-position : center right;
	background-repeat:no-repeat;
	background-color : #FFFF00;
	margin : 0;
	border : 1px solid #B34D00;
	padding : 0;
	height : 70px;
	width : 630px;
	font-size : x-small;
	z-index : 1;
}

#foot p{
	margin-top : 10px;
	background-color : transparent;
	color : #FFFFCC;
	border : none;
	padding : 5px;
	padding-top : 0px;
	padding-bottom : 5px;
	margin-bottom : 10px;
	width : 700px;
	font-size : x-small;
	clear : left;
	float : left;
}
#foot a {
	color : #FFFFCC;
}

#random {
	float : right;
	border : 1px dotted #000;
	padding : 0px;
	background-color : #fff;
	margin-bottom : 15px;
	margin-left : 15px;
	width : 240px;
	height : 160px;
}




#main label {
	font-weight : normal;
	font-size : small;
	float : left;
	display : block;
	margin-top : 5px;
}
#main textarea, input {
	width : 100%;
	border : none;
	font-family : arial, sans-serif;
	padding : 1px;
	background-color : #FFFFCC;
	font-family : "Comic Sans MS";
	color : #0000B7;
	font-weight : bold;
	font-size : small;
}
#main input {
	border-bottom : 1px dotted #B34D00;
}
#main textarea {
	background-image : url(../pics/design/pixel_brown.png);
	background-repeat : repeat;
	background-attachment : scroll;
}
#main input.button {
	text-align : center;
	margin-top : 5px;
	width : 150px;
	border : 2px outset #B34D00;
	font-family : arial, sans-serif;
	color : #B34D00;
}




#okay, #okay a {
	font-weight : bold;
	font-size : small;
	color : #B34D00;
}
#error, #error a {
	font-weight : bold;
	font-size : small;
	color : #f00;
}

#error, #okay {
	clear : left;
	z-index : 3;
	float : left;
	padding : 15px;
	border : 1px dotted #000000;
	width : 730px;
	margin-top : 10px;
	background-color : #FFFFCC;
}

#main p.small {
	font-size : x-small;
}
#main p a:hover {
	color : #000;
}
#main td.data, #main td.data_marked, #main tr.data, #main tr.data_marked{
	border-top : 1px dotted #000000;
}


#main div.imgright a, #main div.imgright h6 {
	font-size : x-small;
	font-weight : normal;
	color : #777;
}
#main div.imgright h6 {
	background-color : #ccc;
	color : #000;
	width : 236px;
	margin : 0px;
	border : 0px solid #ccc;
	border-top : 0px;
	padding : 2px;
}

#main div.imgright {
	float : right;
	margin : 10px;
	margin-right : 0px;
	padding-right : 2px;
	width : 240px;
	border : 1px solid #ccc;
	padding : 0px;
	clear : right;
}

#main div.imgright img {
	width : 240px;
/*	height : 180px;*/
	border : 0px;
}


#main textarea.letter {
	background-color : white;
	border : none;
	padding : 30px;
	background-image : url(../pics/papier.jpg);
	width : 527px;
	height : 445px;
	color : #0000BF;
	font-family : "Comic Sans MS";
	font-size : large;
}



#main div.workshop h2 {
	font-size : large;
	font-weight : bold;
	background-color : #777;
	color : #FFFFCC;
	padding-left : 10px;
	margin-bottom : 3px;
}
#main div.workshop h3 {
	font-size : medium;
	font-weight : normal;
	margin-top : 0px;
	padding-left : 10px;
}
#main div.workshop p.category {
	font-weight : bold;
}
#main div.workshop {
	border : none;
	padding : 0px;
	margin-bottom : 30px;
}


#main div.card {
	position : relative;
	display : block;
	background-image : url(../pics/design/corner_small.png);
	background-position : top right;
	background-repeat : no-repeat;
	background-color : white;
	padding : 2px 12px 2px 12px;
	text-align : left;
	margin : 0px;
	width : 350px;
}
#main div.card p {
	color : #000;
}


#main div.anmeldeformular {
	position : relative;
	display : block;
	background-image : url(../pics/design/corner_small.png);
	background-position : top right;
	background-repeat : no-repeat;
	background-color : white;
	float : left;
	width : 350px;
	padding : 10px;
}
#main div.anmeldeformular label {
	font-weight : normal;
	font-size : small;
	float : left;
	display : block;
	margin-top : 5px;
	color : #000;
}
#main div.anmeldeformular textarea, #main div.anmeldeformular input {
	width : 100%;
	border : none;
	font-family : arial, sans-serif;
	padding : 1px;
	background-color : #fff;
	font-family : "Comic Sans MS";
	color : #0000B7;
	font-weight : bold;
	font-size : 13px;
	line-height : 18px;
}
#main div.anmeldeformular input {
	border-bottom : 1px dotted #000;
}
#main div.anmeldeformular textarea {
	background-image : url(../pics/design/pixel_black.png);
	background-repeat : repeat;
	background-attachment : scroll;
}
#main div.anmeldeformular input.button {
	text-align : center;
	margin-top : 5px;
	width : 150px;
	border : 2px outset #000;
	font-family : arial, sans-serif;
	color : #000;
}
#main div.anmeldeformular p.button {
	padding-top : 10px;
	text-align : center;
}
#main div.anmeldeformular p {
	color : #000;
	text-align : left;
}
#main div.anmeldeformular h1 {
	color : #000;
	font-weight : bold;
	font-size : medium;
	text-align : center;
}