/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}

body{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	/*background: url(images/bg.jpg) center top no-repeat #000000;*/
	background: center top no-repeat #00CC99;
	background-color: #00cc99;
	line-height: 20px;
}

	
#main {
	width: 1014px;
	margin: 0px auto;
	background:url(images/main.jpg) right top no-repeat;}

#header {
	width:1014px;
	height: 117px;
	background-image: url(images/topheader.jpg);
}

.videocontainer {
    width: 555px;
    height: 336px;
	float:right;
}
#videobereich {
    background-color: orange;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}	
.videoextern {
    background-color: yellow;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#logo {	
		height: 52px;
		padding: 10px 0px 0px 756px;
}

#logo H2 {

		font-family: Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-size:18px;
		font-style:italic;
		}

#logo a {
	text-decoration: none;
	font-style: italic;
	font-size: 16px;
	color: #FFFFFF;
}
	
#logo H2 a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
}

#buttons{
	text-align:center;
	height: 40px;
	margin-left: 0px;
	padding-left: 0px;
	background: url(images/menu.png) left 65px no-repeat;
	padding-top: 65px;
	color: #FFFFFF;
	font-weight: bold;
}

#buttons a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
	height: 30px;
}

.but {
	width: 123px;
}

.but_home {
	background: url(images/but_home.png) left top no-repeat;
	height: 40px;
	width: 62px;
	display: block;}

.but_razd { width: 2px;
	height: 40px;
	background:url(images/razd_but.gif) left 6px no-repeat;
	float:left;}

#buttons .but:hover {
	color: #FFFFFF;
	background:url(images/but_hov.png) center 7px no-repeat;
	}
	
.top { height: 360px;
padding-top: 20px
	}

.top_text {
	width: 942px;
	float:left;
	background: url(images/content_text.png);
	height:308px;
	padding: 0px 32px 0px 0px;}

.top_img { 
	float:left;
	padding: 15px 31px 0px 15px;			
	}

#content{
	width: 100%;
	background: #DFDDDD;
}

.cont_top{
	background: url(images/cont_top.png) left top no-repeat;
	height: 10px;
	width: 100%;
}

.cont_bot{
	background: url(images/cont_bot.png) left bottom no-repeat;
	height: 10px;
	width: 100%;
}

#cont_razd{
	background: url(images/cont_razd.gif) 679px repeat-y;
	width: 100%;
}

.cont_home {
padding: 0px 20px 0px 20px;}

.home_box {
	float: left;
	width: 298px; }

.home_boxA {
	float: left;
	width: 170px;
	padding-left: 20px;
}

.home_boxB {
	float: left;
	width: 533px;
 }
	
.home_boxC {
	float: left;
	width: 150px; 
	padding-left: 20px;
}

.home_boxD {
	float: left;
	padding-left: 60px;
	width: 900px;
 }

#left{
	width: 640px;
	/*width: 640px;*/
	float: left;
	color:#000000;
	margin-left: 20px;
}

.text{
	padding: 0px 0px 15px 0px;
}

.img_l {	float:left;
		margin: 6px 20px 5px 0px;
}

.img_r {	float: right;
		margin: 9px 10px 3px 10px;
}

.span_cont {	color: #262626;
	font-size:12px;
	font-weight:bold;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color: #006699;
	text-align: center;
	padding: 10px 0px 0px 0px;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color: #006699;
	text-align: center;
	padding: 10px 0px 0px 0px;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #006699;
	/*text-align: center;*/
	padding: 10px 0px 0px 0px;
}
h3 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #006699;
	text-align: center;
	padding: 10px 0px 0px 0px;
}

h3 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding: 10px 0px 0px 0px;
}

.read_l {
	font-size:12px;
	color: #ffffff;
	text-decoration: none;
	padding-right: 2px;
	background: url(images/read.jpg) left top no-repeat;
	display:block;
	height: 17px;
	line-height: 17px;
	width: 66px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	float: left;
	
}

.read_l:hover {
	font-size:12px;
	text-decoration: underline;
}

.next {
	width: 100%;
	text-align: right;
	padding: 0px 0px 0px 0px;}

.next a{
	color:#FFFFFF;
	text-decoration: none; }

.next a:hover {
	text-decoration: underline; }



#right{
	float: right;
	width: 293px;
	margin-right: 20px;
}

.span_dat {
	color: #262626;
	text-decoration: underline;
	font-weight: bold;}
	
#bottom {
	width: 100%;
	background: url(images/bottom.png) left top no-repeat #DFDDDD;
}

#b_col1 {
	width: 197px;
	float: left;
	margin-left: 20px;
}
#b_col2 {
	width: 975px;
	float: left;
	margin-left: 20px;
}
#b_col3 {
	width: 340px;
	float: left;
	margin-left: 27px;
	text-align:center;
}

#b_col3 label {
		width:50px; 
		float:left; 
		text-align:left;
		padding: 5px 0px 0px 0px;}

.input_txt {
	width: 250px;
	border: none;
	background: url(images/input_txt.png) left top no-repeat;
	padding: 5px 10px 7px 10px;
	color:#000000;
	float: left;
}
.input_chk {
	width: 30px;
	border: none;
	background: url(images/input_chk.png) left top no-repeat;
	padding: 5px 10px 7px 10px;
	color:#000000;
	float: left;
}

.text_area {
	width: 400px;
	height:60px;
	border: none;
	background: url(images/text_area.png) 0px 0px no-repeat;
	padding: 5px 0px 7px 0px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}
.submit {
	background:url(images/read.jpg) right 7px no-repeat;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 8px 6px 3px 0px;
	font-size:12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 100;
	width: 66px;
	margin: 0px 0px 0px 0px;
}


.spis_bot {
	list-style:none;
	padding: 0px 0px 0px 0px;}

.spis_bot li {
	padding: 5px 0px 0px 18px;
	background: url(images/fish2.png) 0px 14px no-repeat;
	}
	
.spis_bot a {
	color:#262626;
	text-decoration:none;
	font-weight: 100;
	background: url(images/spis_bot_a.gif) bottom repeat-x;
	display: block;}
.spis_bot a:hover {
	text-decoration: none;
	}
	
.fu_i {
	padding: 0px 14px 0px 0px;
	vertical-align: middle ;
}

#b_col2 ul {
	list-style:none;
	padding: 0px 0px 0px 13px;}

#b_col2 li {
	padding: 8px 0px 0px 0px;
	background: none;
	}

#footer{
	height: 63px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	padding: 27px 0px 0px 0px;
	background: url(images/footer.jpg) 0px 15px no-repeat;
}

#footer a{
	color: #006699;
	font-size: 12px;
	text-decoration: none;
}

#footer a:hover{
	color: #006699;
	font-size: 12px;
	font-weight:bold;
	text-decoration: underline;
}

/* blog */

.dat_img {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	float:left;
	width: 25px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	margin-right: 15px;
	background:url(images/dat_img.gif) 0px 0px no-repeat;
	text-align:center;
	margin-top: 5px;
	}

.datc_coment {
	height: 27px;
	width: 570px;
	background:url(images/datc_coment.gif) top repeat-x;
	padding: 3px 0px 0px 0px;}

.datc  {
	float: left;
	width: 346px;}

.coment {
	float: right;
	width: 146px;
	text-align: right;}

.datc_coment a {
	color: #262626;
	text-decoration:none;
	font-weight: bold;}

.datc_coment a:hover {
	text-decoration:underline;}

.img_ind1 {
	padding: 17px 0px 10px 0px;}

.text_ind1 {
	padding: 0px 87px 0px 0px;}

.spis {
	list-style:none;
	padding: 0px 0px 0px 0px;}

.spis  li {
	padding: 8px 0px 2px 20px;
	background: url(images/spis.gif) left bottom no-repeat;
	}
.spis a:hover {
	text-decoration: none;
	}
	
.spis a {
	color:#262626;
	text-decoration:none;
	font-weight: bold;}

.gal_num {
	width:13px;
	height:21px;
	padding: 0px 0px 0px 7px;
	display:block;
	background: url(images/gal_num.gif) left top no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 5px 0px 0px;
	text-decoration:none;
	float: left;}
	
.gal_num:hover {
	background:url(images/gal_num_hover.gif) left top no-repeat;
	text-decoration: none;}
	
.a_blog {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: 100;
	color: #04078E;
	text-align: left;
	padding: 10px 0px 0px 0px;
	text-decoration: none;
}

.a_blog:hover { text-decoration: underline;}

/* gallery */

.row {
	padding: 0px 0px 0px 20px;
	height: 273px;
}

.box_img2 {
	width: 272px;
	height: 273px;
	background: url(images/box_img.jpg) 0px 0px no-repeat;
	padding: 0px 20px 0px 20px;
	float:left;
	color: #FFFFFF;
}

.box_razd {
	width: 19px;
	height: 50px;
	float: left;
}

.box_img2 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: 100;
	color: #FFFFFF;
	text-align: left;
	padding: 15px 0px 15px 0px;
}

.rol_over:hover {

background:url(images/rol_over_galery.png) left top no-repeat;
}





/* about us */

.box_about {
	width: 310px;
	float:left;}

/* contact us */

#left label {
	width: 203px;
	float:left;
	padding: 5px 0px 0px 5px;}

.input_txt2 {	
	width: 502px;
	border: none;
	background: url(images/input_txt2.gif) left top no-repeat;
	padding: 8px 15px 8px 15px;
	color:#000000;

}

.text_area2 {
	width: 611px;
	height:112px;
	border: none;
	background: url(images/text_area2.gif) 0px 0px no-repeat;
	padding: 6px 15px 6px 15px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}
.submit2 {
	background: url(images/read.jpg) right 0px no-repeat;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	font-size:12px;
	color: #ffffff;
	text-decoration: none;
	width: 66px;
	height: 17px;
	margin: 0px 54px 0px 0px;
}

.box_us {
width: 265px;
background: url(images/box_us.gif) 0px bottom repeat-x;
padding-left: 0px;
}

.box_us_l {
width: 28px;
float: left;
padding-top:0px;
vertical-align: top;
text-align:left;}

.box_us_r {
width: 227px;
float: left;}

/*
Header scroll
*/

.roundabout-holder {
				list-style: none;
				width: 714px;
				height: 280px;
				margin: 0 auto;
			}
.roundabout-moveable-item {
				height: 286px;
				width: 510px;
				background-color: #f3f3f3;
				font-size: 2em;
				cursor: pointer;
			}
.roundabout-in-focus {
				cursor: auto;
			}
/* DIALOG */

#dialog .ui-widget {
			font-family: inherit;
		}
		
		.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
			color: #ffffff;
		}
		
		.ui-widget-header {
			font-size:1em;
			font-weight: bold;
			font-family: Tahoma, Geneva, sans-serif;
			background:#FFCC00;
			border-color: #FF9900;
			border-width: 1px;
			text-align:center;
		}
			
		.ui-dialog-title {
			line-height: 1em;
			color: #ffffff;
			font-weight: bold;
		}
		
		.ui-widget-content {
			font-size:1em;
			font-weight: bold;
			font-family: Tahoma, Geneva, sans-serif;
			background: #f0f0f0;
			border-color: #339999;
			border-width: 1px;
		}
		
		/* tab panel bounding box */ 
		.ui-dialog-content {
			font-family: Tahoma, Geneva, sans-serif;
			color: #333333;
			font-size:12px;
			padding: 10px;
		} 
		
		.ui-dialog-buttonpane {
			font-size:.8em;
		}
		
		a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}


/*FOTOS - Seite wir*/
.col960 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
}

.photography_wrap {
	clear: left;
	float: left;
	width: 960px;
	margin-bottom: 35px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9D9D9;
}

.photography_wrap .p_title {
	float: left;
	width: 150px;
	color: #888888;
	font-size: 11px;
}
.photography_wrap .p_title b {
	font-weight: normal;
	color: #444444;
	font-size: 13px;
}
.photography_wrap .p_thumbs {
	float: left;
	width: 795px;
	padding-left:20px;
}
.photography_wrap .p_thumbs a {
	float: left;
	margin-right: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F5F5F2;
	border-bottom-color: #F5F5F2;
	margin-bottom: 3px;
}
.photography_wrap .p_thumbs a:hover {
	border-top-color: #555555;
	border-bottom-color: #555555;
}

.last {
	margin-right: 0px!important;
}
