@CHARSET "ISO-8859-1";

/************************************************************************************
* Standarddefinition
*************************************************************************************/
body {
	margin: 0px;
	font-family: Gill Sans, Arial, sans-serif;
	font-size: 13px;
	color: #333;
	background-image: url("../images/wood.jpg");
}

.header {color: #FFF;}

a		{padding: 2px;color: #333 ;font-size: 15px;text-decoration: none;font-weight: normal;}
a:HOVER {background-color: #e3e3e3; color:#FFF}
a:ACTIVE{background-color: #e3e3e3; color:#FFF}
#selected {
	background-color: #FFFFFF; color:#FFA54F;
}
ul.menu li a {
	font-weight:normal;
}

ul.menu {
	text-indent: 0px;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

h2,h3 {
		font-family: Georgia, serif;
		font-style:italic;
		font-weight:normal;
}

h1 {
		font-family: Georgia, serif;
		font-weight:normal;
}

img.rand {

}
/************************************************************************************
* Content
*************************************************************************************/
.content {
	width: 1195px;
	left: 50%;
	position: absolute;
	margin-left: -600px; /* Breite des Elements geteilt durch zwei! */
	margin-top: 30px;
	height: 700px;
box-shadow: 0 0 10px 10px rgba(0,0,0,0.3);
}
.content .left{
	width: 50%;
	height: inherit;
	float: left;
}

.content .right {
	width: 50%;
	height: inherit;
	float: left;
	background-color: #FFF;
	
}

/************************************************************************************
* Header, Menu1, Menu2
*************************************************************************************/
.left .header {
	width: 295px;
	height: inherit;
	float: left;
	margin-right: 0px;
}

#header_1 {background-image: url("../images/header1.jpg");}
#header_2 {background-image: url("../images/header2.jpg");}
#header_3 {background-image: url("../images/header3.jpg");}
#header_4 {background-image: url("../images/header4.jpg");}
#header_5 {background-image: url("../images/header5.jpg");}
#header_6 {background-image: url("../images/header6.jpg");}
#header_7 {background-image: url("../images/header7.jpg");}
#header_8 {background-image: url("../images/header8.jpg");}
#header_9 {background-image: url("../images/header9.jpg");}
#header_10 {background-image: url("../images/header10.jpg");}

.header h2 {
	font-size: 16px;
	text-align: right;

}

.left .menuleft,
.left .menuright {
	width: 148px;
	height: inherit;
	float: left;
	margin-right: 3px;
}

.left .menuright {
background-color: #FFF;
	opacity:0.9;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	margin-right: 3px;
}

.left .menuleft {
	background-color: #FFF;
	opacity:0.9;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	margin-right: 3px;
}

.left .text {
	padding: 5px;
	padding-top: 100px;
}

.left .title_header {
	padding: 5px;
	padding-top: 520px;
	text-align: right;
}
/************************************************************************************
* Main
*************************************************************************************/
.right .main {
	height: 700px;
	width: 100%;
	overflow: auto;
	position: relative;;
}

.main .textcontent {
	margin: 10px;
	padding-bottom: 20px;
}

.main .newsbox {
	border: 1px dashed white;
	padding: 10px;
	
	float: left;
	margin: 10px;
	width: 257.5px;
}
/************************************************************************************
* Fusszeile
*************************************************************************************/
.footer {
	font-family:Georgia, sans-serif;
	float: left;
	width: 1188px;
	height: 30px;
	margin-top: 15px;
	padding-top: 15px;
	text-align: center;
	padding-right: 10px;
	font-size: 16px;
	margin-bottom: 30px;
	font-weight: normal;
	color: white;
	font-style:italic;

}

.footer a{
	font-size: 14px;
}

/*Flickr Gallerie*/
hr {
	border: none;
	height: 1px;
	line-height: 1px;
	background: #E5E5E5;
	margin-bottom: 20px;
	padding: 0;
}

p {
	margin: 0;
	padding: 7px 0;
}

a {
	outline: none;
}

a img {
	border: none;
	clip: rect(40px, 180px, 120px, 100px);
	position: absolute;
	margin-left: -100px;
	margin-top: -40px;
}

.image_small_box {
	border: 1px solid white;
	padding: 3px;
	margin: 10px 20px 10px 0;
	height: 80px;
	width: 80px;
	overflow: hidden;
	vertical-align: middle;
	float: left;
}

.hover {
	border: 1px dashed #333;
	
}

.clicked {
	border: 1px dashed white;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 2s;
	-webkit-transform: rotateX(0deg) rotateY(360deg);
}

#ref_gallerie {
	padding-left: 30px;
}

.images {
	display: inline-block;
}

a img.last {
	margin-right: 0;
}

ul {
	margin-bottom: 24px;
	padding-left: 30px;
}

#contact_show {
	font-size: 16px;
	color: white;
}

/** Hundis Gallerie klein */

#welpen_slideshow {
	margin-left:30px;
	padding-bottom:40px;
	}

#liste ul {
	list-style-type: none;
	margin: 0;
	padding-left:12px;
}

#liste li {
	float: left;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 11px;
}

#liste a {
	text-decoration: none;
	color: #fff;
}

#liste {
	height: 30px;
	width: 550px;
	position: absolute;
	left: 50%;
	margin-top: 60px;
	margin-left: -300px;
}

.gallerie {
	font-style: normal;
	font-size: 12px;
	color: black;
	height: 309px;
	width: 550px;
	position: relative;
	left: 50%;
	margin-top: 100px;
	margin-left: -300px;
	display: inline-block;
	background-color: orange;
}

.g_content {
	position: relative;
	width: 550px;
	float: left;
}

.g_content_text {
	margin-top: -60px;
	width: 540px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #dcdcdc;
	border-bottom: 2px solid #f5f5f5;
	border-top: 2px solid #f5f5f5;
	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity =   70);
	/* Older than Firefox 0.9 */
	-moz-opacity: 0.7;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.7;
	/* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
	opacity: 0.7;
	z-index: 100;
}

.g_content_show_information {
	margin-top: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: white;
	text-align: center;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px; /* Konqueror */
	border-radius: 10px; /* CSS3 */
	background: -moz-linear-gradient(left, #336600, #666600);
}

.g_content_show_information #showInformation {
	position: absolute;
	height: 130px;
	width: 546px;
	background-color: white;
	color: black;
	border: 2px dashed grey;
	margin-top: -250px;
	padding-top: 70px;
	opacity: 0.9;
	z-index: 20;
}

.g_to,.g_back {
	width: 50px;
	height: 50px;
	margin-top: 129.5px;
	position: absolute;
	z-index: 10;
	opacity: 0.7;
}

.g_to {
	background-image: url(../images/to.png);
	margin-left: 500px;
}

.g_back {
	background-image: url(../images/back.png);
}