html {
	height : 100%;
}

body {
	width			: 100%;
	height			: 100%;
	margin			: 0px;
	padding			: 0px;
	background-color	: #eeffbb;
	color			: #556633;
	font-family		: sans-serif;
	font-size		: 12pt;
}

pre {
	border			: 1px solid #563;
	width			: inherit;
	word-break		: break-all;
	padding			: 10px;
	background-color	: #efb;
}

img {
	border			: none;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#wleft, #wright {
	position		: absolute;
	left			: 50%;
	top			: 20px;
	margin-left		: -635px;
	background-color	: white;
	-moz-border-radius	: 10px; /* Firefox */
	-moz-box-shadow		: 3px 3px 8px #888;
	-webkit-border-radius	: 10px;
	-webkit-box-shadow	: 3px 3px 8px #888
	border-radius		: 10px;
	box-shadow		: 3px 3px 8px #888;
	border			: 1px solid #556633;
	/* For IE 8 */
	-ms-filter		: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter			: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');	
}

#wleft {
	top			: 350px;
}

#wright {
	margin-left		: 420px;
}

#wleft td, #wright td {
	width			: 215px;
	max-width		: 215px;
	padding			: 0px;
	vertical-align		: middle;
	font-size		: 9pt;
	text-align		: center;
}

#wleft td a, #wright td a {
	text-decoration		: none;
	color			: black;
}

#wleft td hr, #wright td hr {
	height			: 0px;
	margin-left		: 20px;
	margin-right		: 20px;
	color			: #efb;
	border-color		: #efb;
	-moz-box-shadow		: 2px 2px 2px #888;
	-webkit-box-shadow	: 2px 2px 2px #888;
	box-shadow		: 2px 2px 2px #888;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#widgets_left {
	position		: absolute;
	left			: 50%;
	top			: 20px;
	margin-left		: -635px;
}

#widgets_right {
	position		: absolute;
	left			: 50%;
	margin-left		: 420px;
	top			: 20px;
}

#widgets_left td, #widgets_right td {
	width			: 215px;
	height			: 215px;
	max-width		: 215px;
	max-height		: 215px;
	background-image: url(../gfx/widget_bg.png);
	/*background-image: url(../gfx/Post-it_note1_251x215.png);*/
	background-repeat : no-repeat;
	padding			: 0px;
	vertical-align	: middle;
}

#widgets_left td p a, #widgets_right td p a {
	color			: #563;
	text-decoration	: none;
}

#widgets_left td p a:hover, #widgets_right td p a:hover {
	color			: black;
	text-decoration	: none;
}

#widgets_left td p, #widgets_right td p {
	width			: 186px;
	max-width		: 186px;
	max-height		: 186px;
	margin-left		: 7px;
	margin-top		: 7px;
	font-size		: 8pt;
	overflow		: hidden;
	text-align		: center;
}

#valid_xhtml {
	position		: absolute;
	left			: 10px;
	bottom			: 10px;
}

#wrapper {
	position : absolute;
	left : 50%;
	margin-left : -400px;
	width : 815px;
	top : 0px;
	background-color : white;
	background-image : url(../gfx/shadow_right_repeat_y.png);
	background-position : right top;
	background-repeat : repeat-y;
}
#shadow_paw {
	position : relative;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 30px;
	background-color : #efb;
	background-image : url(../gfx/shadow_paw.png);
	background-repeat : no-repeat;
	background-position : 380px 0px;
}
#content {
	width : 800px;
	min-height : 416px;
	background-image	: url(../gfx/content_bg.jpg);
	background-position	: bottom;
	background-repeat	: no-repeat;
	padding : 0px;
	font-size : 10pt;
	text-align : justify;
}

#padding {
	padding : 10px;
}

#shadow_bottom {
	width : 100%;
	height : 15px;
	background-image : url(../gfx/shadow_bottom.png);
	background-repeat : no-repeat;
}

#patches {
	position : absolute;
	right : 0px;
	top : 0px;
	padding : 5px;
	width : 100px;
}

#shadow_top_right {
	position : absolute;
	left : 50%;
	margin-left : 400px;
	width : 15px;
	height : 45px;
	top : 0px;
	background-image : url(../gfx/shadow_top_right.png);
}

#logo_letters {
	width			: 100%;
	height			: 112px;
}

#logo_paw {
	position		: absolute;
	left			: 50%;
	top				: 4px;
	margin-left		: -62px;
	width			: 155px;
	height			: 164px;
	z-index			: 101;
}

#banner {
	background		: url(../gfx/banner.gif);
	width			: 800px;
	height			: 20px;
	text-align		: center;
}

#content h1 {
	font-size		: 12pt;
	margin			: 0px;
	margin-top		: 10px;
	padding			: 0px;
	font-style		: italic;
}

#content h2 {
	font-size		: 11pt;
	margin			: 0px;
	margin-top		: 10px;
	padding			: 0px;
	font-style		: italic;
}

#content h3 {
	font-size		: 10pt;
	margin			: 0px;
	margin-top		: 10px;
	padding			: 0px;
	font-style		: italic;
}

#news {
	position		: absolute;
	left			: 50%;
	top				: 0px;
	margin-left		: -610px;
	width			: 200px;
}

#news th {
	background-color: white;
	border-bottom	: 1px solid lightblue;
}

#news td {
	background-color: white;
	border-bottom	: 1px solid lightblue;
	height			: 10px;
	vertical-align	: center;
	padding-left	: 10px;
	padding-right	: 10px;
	border-left		: 1px solid red;
	font-family		: Purisa;
	font-size		: 8pt;
}

#news td a {
	color			: #556633;
	text-decoration : none;
}

#news td a:hover {
	text-decoration : underline;
}

p.select_small {
	font-size		: 10pt;
	font-style		: normal;
	font-weight		: bold;
	color			: #563;
	border			: 1px solid #563;
	background-color: white;
	padding			: 3px;
	margin			: 3px;
	text-align		: center;
	-moz-border-radius-topleft : 10px;
	-moz-border-radius-bottomright : 10px;
	opacity			: 0.8;
	-moz-opacity	: 0.8;
	filter			: Alpha(opacity=80);
	float : left;
}

table.select,p.select {
	font-size		: 10pt;
	font-style		: normal;
	font-weight		: bold;
	color			: #563;
	border			: 1px solid #563;
	background-color: white;
	padding			: 3px;
	margin			: 3px;
	text-align		: center;
	-moz-border-radius-topleft : 10px;
	-moz-border-radius-bottomright : 10px;
	opacity			: 0.8;
	-moz-opacity	: 0.8;
	filter			: Alpha(opacity=80);
	width : 765px;
}

table.select img {
	height			: 50px;
}

table.select a {
	text-decoration : none;
	font-weight		: normal;
	color			: #563;
}

table.select:hover,p.select_small:hover {
	background-color : #efc;
}

p.select_small img {
	height			: 30px;
}

p.select_small a {
	text-decoration : none;
	font-weight		: normal;
}

p.select:hover {
	background-color : #efc;
}

p.select img {
	height			: 60px;
}

p.select a {
	text-decoration : none;
	font-weight		: normal;
}

p.selected {
	font-size		: 10pt;
	font-style		: normal;
	font-weight		: bold;
	color			: #563;
	border			: none;
	background-color: white;
	padding			: 3px;
	margin			: 3px;
	text-align		: left;
	width			: 700px;
}

p.selected img, p.selected table tr td a img {
	height			: 30px;
}

p.selected table tr td {
	vertical-align	: center;
}

table td {
	text-align		: left;
	vertical-align	: top;
}

table caption {
	font-size		: 11pt;
	font-style		: italic;
	font-weight		: bold;
	text-align		: left;
	padding-left	: 3px;
	padding-right	: 3px;
	background-color: #563;
	color			: white;
}

table.main 	{
	width			: 780px;
}

table.main tbody {
	width			: 790px;
}

table.login {
	position		: relative;
	width			: 50%;
	height			: 35%;
	left			: 25%;
}

table.login th {
	width			: 30%;
	text-align		: left;
}

table.login td {
	width			: 70%;
	text-align		: left;
}

table.login td input {
	width			: 100%;
}

/* Kontaktformular ----------------------------------------------------------------------------- */
#gftnkf input,textarea {
	width			: 100%;
	opacity			: 0.8;
	-moz-opacity	: 0.8;
	filter			: Alpha(opacity=80);
	border			: 1px solid #556633;
	background-color: #eeffbb;
}

#gftnkf table {
	width			: 100%;
}

/* sonstiges ----------------------------------------------------------------------------------- */
a.extlink {
	font-size			: 10pt;
	color				: #556633;
	padding-left		: 13px;
	background-image	: url(../gfx/link_marker.png);
	background-repeat	: no-repeat;
	background-position	: left;
	text-decoration		: underline;
	font-style			: italic;
}

a.btn {
	min-width			: 70px;
	background-color	: #eeffbb;
	border-top			: 2px solid white;
	border-left			: 2px solid white;
	border-bottom		: 2px solid #556633;
	border-right		: 2px solid #556633;
	color				: #556633;
	text-decoration		: none;
	padding-top			: 5px;
	padding-bottom		: 5px;
	padding-left		: 15px;
	padding-right		: 15px;
}

button {
	min-width			: 70px;
	background-color	: #eeffbb;
	border-top			: 2px solid white;
	border-left			: 2px solid white;
	border-bottom		: 2px solid #556633;
	border-right		: 2px solid #556633;
	color				: #556633;
	text-decoration		: none;
	padding-top			: 5px;
	padding-bottom		: 5px;
	padding-left		: 15px;
	padding-right		: 15px;
}

table.gallery {
	width				: 100%;
}

table.gallery img {
	/*max-width			: 100px;
	max-height			: 100px;*/
}

table.gallery td {
	vertical-align		: middle;
	text-align			: center;
	border				: 1px solid #563;
	width				: 20%;
	max-width			: 20%;
	margin				: 0px;
	padding				: 0px;
}

table.gallery big {
	color 				: red;
}

table.gallery td a {
	color				: #563;
	text-decoration		: none;
	width				: 100%;
	height				: 100%;
}

table.gallery td:hover {
	background-color	: #efc;
}

table.gallery td:hover a {
}

table.gallery td a:hover {
	background-color	: #efc;
	color				: black;
}

td.r {
	text-align			: right;
	padding-right		: 20px;
}

#long_text {
	margin			: 50px;
}

#john_ruskin {
	margin			: 50px;
}

#john_ruskin q {
	font-style		: oblique;
	font-size		: 11pt;
	font-family		: sans-serif;
	line-height		: 150%;
}