/* CSS Document */
body {
	font-family: Helvetica,Arial,sans-serif;
	font-size:1.2em;
	color:#CCCCCC;
	background-image:url(background1.png);
	background-color:#666666;		/*farbe hier ändern!!! */
	background-repeat:repeat-x;
	background-position:top;
	height:100%;
  	margin:0;
}

a:link{
color:#FFF;
font-size:1.0em;
}
a:hover{
text-decoration:none;
color:#CCC;
}
a:visited {
color:#F2F2F2;
text-decoration:underline;
}

a:active {
color:#F2F2F2;
text-decoration:underline;
}


#text {
	color:#F2F2F2;
	font-size:1.0em;
	font-weight:normal;
	float:left;
	

}
#texthead {
	color:#F2F2F2;
	font-size:1.1em;
	font-weight:bold;
}

div#home1 {
	position:absolute;
	top:0;
	left:22px;
	width:412px;
	height:50px;
	border-style:none;
	cursor:pointer;
}
div#home2 {
	position:absolute;
	top:10px;
	right:15px;
	height:28px;
	width:28px;
	border-style:solid;
	border-width:2px;
	text-align:right;
	font-size:larger;
	font-weight:bolder;
	cursor:pointer;
	text-align:center;
}


div#mainframe {
	position:absolute;
	top:10%;
	left:10%;
	width:80%;
	height:80%;
	min-height:470px;
	min-width:760px;

}

div#contentframe {
	background-image:url(bannerfull1.png);
	overflow:auto;
	position:absolute;
	top:0;
	left:0;
	right:16px;
	bottom:21px;
	border-width: 2px;
	border-style:solid;
	border-color:#FFFFFF;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	
	z-index:15;
}

div#shadow_tr {
	background-image:url(shadow_tr.png);
	position:absolute;
	right:0;
	top:0;
	width:16px;
	height:27px;
	z-index:14;
}

div#shadow_r {
	background-image:url(shadow_r.png);
	background-repeat:repeat-y;
	position:absolute;
	right:0;
	top:27px;
	bottom:30px;
	width:16px;
	border:none;
	z-index:14;
}

div#shadow_br {
	background-image:url(shadow_br.png);
	position:absolute;
	right:0;
	bottom:0;
	width:37px;
	height:30px;
	z-index:14;
}

div#shadow_b {
	background-image:url(shadow_b.png);
	background-repeat:repeat-x;
	position:absolute;
	left:33px;
	right:37px;
	bottom:0;
	height:21px;
	border:none;
	z-index:14;
}

div#shadow_bl {
	background-image:url(shadow_bl.png);
	position:absolute;
	left:0;
	bottom:0;
	width:33px;
	height:21px;
	z-index:14;
}
	 
div#aboutme {
position:absolute;
top:80px;
left:20px;
right:20px;
bottom:20px;
overflow:auto;
padding: 0 20px 0 0;
text-align:justify;
}

div#shooting {
position:absolute;
top:80px;
left:20px;
right:20px;
bottom:20px;
overflow:auto;
padding: 0 20px 0 0;
text-align:justify;

}

div#gallery_akt {
position:fixed;
top:70px;
left:20px;
right:20px;
bottom:20px;
overflow:hidden;
z-index:100;
min-width:820px;
min-height:450px;
}

div#gallery_exp {
position:fixed;
top:70px;
left:20px;
right:20px;
bottom:20px;
overflow:hidden;
min-width:820px;
min-height:450px;
}


div#gallery_port {
position:fixed;
top:70px;
left:20px;
right:20px;
bottom:20px;
overflow:hidden;
min-width:820px;
min-height:450px;
}

div#gallery_tiere {
position:fixed;
top:70px;
left:20px;
right:20px;
bottom:20px;
overflow:hidden;
min-width:820px;
min-height:450px;
}

div#gallery_arch {
position:fixed;
top:70px;
left:20px;
right:20px;
bottom:20px;
overflow:hidden;
min-width:820px;
min-height:450px;
}

div#gallery_indo {
position:fixed;
top:70px;
left:20px;
right:20px;
bottom:20px;
overflow:hidden;
min-width:820px;
min-height:450px;
}

div#gallery_icehotel {
position:fixed;
top:70px;
left:20px;
right:20px;
bottom:20px;
overflow:hidden;
min-width:820px;
min-height:450px;
}



div#contact {
position:absolute;
top:80px;
left:20px;
right:20px;
bottom:20px;
overflow:hidden;
}

div#impressum {
position:absolute;
top:80px;
left:20px;
right:20px;
bottom:20px;
overflow:hidden;
text-align:center;
vertical-align:middle;
}

#button_aboutme {
position:absolute;
top:120px;
left:10px;
width:50px;
border-style:solid;
}

#object {
position:absolute;
width:100%;
height:100%;
border-style:hidden;
overflow:auto;
}

div#back_gallery {
position:fixed;
top:20px;
right:20px;
left:20px;
height:50px;
border-style:none;
background-color:#191919;
text-align:right;
font-size:larger;
font-weight:bolder;
padding:5px 15px 0 0;
min-width:820px;
cursor:pointer;
}



/*  ****************** Buttons ************************ */

div#button_shadow1{
position:absolute;
top:130px;
left:30px;
width:110px;
height:130px;
border-style:none;
background:url(button_shadow.png);
}

div#button_shadow2{
position:absolute;
top:130px;
left:170px;
width:110px;
height:130px;
border-style:none;
background:url(button_shadow.png);
}

div#button_shadow3{
position:absolute;
top:130px;
left:310px;
width:110px;
height:130px;
border-style:none;
background:url(button_shadow.png);
}

div#button_shadow4{
position:absolute;
top:130px;
left:450px;
width:110px;
height:130px;
border-style:none;
background:url(button_shadow.png);
}

div#button_shadow5{
position:absolute;
top:130px;
left:590px;
width:110px;
height:130px;
border-style:none;
background:url(button_shadow.png);
}


div#button_shadow6{
position:absolute;
top:0;
left:50px;
width:110px;
height:130px;
border-style:none;
background:url(button_shadow.png);
}

div#button_shadow7{
position:absolute;
top:0;
left:190px;
width:110px;
height:130px;
border-style:none;
background:url(button_shadow.png);
}

div#button_shadow8{
position:absolute;
top:0;
left:330px;
width:110px;
height:130px;
border-style:none;
background:url(button_shadow.png);
}

div#button_shadow9{
position:absolute;
top:0;
left:470px;
width:110px;
height:130px;
border-style:none;
background:url(button_shadow.png);
}

div#button_shadow10{
position:absolute;
top:0;
left:610px;
width:110px;
height:130px;
border-style:none;
background:url(button_shadow.png);
}

div#button_shadow11{
position:absolute;
top:0;
left:750px;
width:110px;
height:130px;
border-style:none;
background:url(button_shadow.png);
}

div#button_shadow12{
position:absolute;
top:0;
left:70px;
width:110px;
height:130px;
border-style:none;
background:url(button_shadow.png);
}

div#button_shadow13{
position:absolute;
top:0;
left:210px;
width:110px;
height:130px;
border-style:none;
background:url(button_shadow.png);
}


div#button_aboutme {
position:absolute;
top:0;
left:0;
width:110px;
height:130px;
border-style:none;
background:url(button_aboutme.png);
}

div#button_shooting {
position:absolute;
top:0;
left:0px;
width:110px;
height:130px;
border-style:none;
background:url(button_shooting.png);
}

div#button_contact {
position:absolute;
top:0;
left:0px;
width:110px;
height:130px;
border-style:none;
background:url(button_contact.png);
}

div#button_impressum {
position:absolute;
top:0;
left:0px;
width:110px;
height:130px;
border-style:none;
background:url(button_impressum.png);
}


div#button_gallery {
position:absolute;
top:0;
left:0;
width:110px;
height:130px;
border-style:none;
background:url(button_gallery.png);
}


div#gallery_sub {
position:absolute;
top:290px;
left:0;
right:0;
bottom:0;
border-style:none;
margin: 10px 30px 10px 0px;
}

div#button_akt {
position:absolute;
top:0;
left:0;
width:110px;
height:130px;
border-style:none;
background:url(button_akt.png);
}

div#button_exp {
position:absolute;
top:0;
left:0;
width:110px;
height:130px;
border-style:none;
background:url(button_exp.png);
}

div#button_port {
position:absolute;
top:0;
left:0;
width:110px;
height:130px;
border-style:none;
background:url(button_port.png);
}

div#button_tiere {
position:absolute;
top:0;
left:0;
width:110px;
height:130px;
border-style:none;
background:url(button_tiere.png);
}

div#button_arch {
position:absolute;
top:0;
left:0;
width:110px;
height:130px;
border-style:none;
background:url(button_arch.png);
}

div#button_indo {
position:absolute;
top:0;
left:0;
width:110px;
height:130px;
border-style:none;
background:url(button_indo.png);
}

div#button_icehotel {
position:absolute;
top:0;
left:0;
width:110px;
height:130px;
border-style:none;
background:url(button_icehotel.png);
}


div#button_reise {
position:absolute;
top:0;
left:0;
width:110px;
height:130px;
border-style:none;
background:url(button_reise.png);
}


div#reise_sub {
position:absolute;
top:150px;
left:0;
right:0;
bottom:0;
border-style:none;
margin: 10px 30px 10px 0px;
}



div#button_aboutme:hover, div#button_shooting:hover, div#button_gallery:hover, div#button_akt:hover, 
div#button_contact:hover, div#button_impressum:hover, div#button_exp:hover, div#button_port:hover, 
div#button_tiere:hover, div#button_arch:hover, div#button_reise:hover, div#button_indo:hover,
div#button_icehotel:hover {
position:absolute;
margin: 4px 0px 0px 4px;
}