/*### Settings ###*/

#browserzualt {
    padding: 7px;
    border: 1px groove #FFFFFF;
	margin: -400px 0 0 -100px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    height: 1000px;
    z-index: 1000150;
	background:url(../../bilder/bg_patern.jpg);
	text-align:justify;
}
.belehrung {
	display:block;
	margin-left:230px;
	margin-top: 100px;
	height: 120px;
	width: 350px;
 	border: 1px groove #515151;
	background: #292929;
	float:inherit;
}
.alternateimpressum {
	display:block;
	margin-left:230px;
	margin-top: 10px;
	height: 120px;
	width: 350px;
 	border: 1px groove #515151;
	background: #292929;
	float:inherit;
}

h1  {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	}
h3  {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	}
BODY {
    color: #fff;
    background: #312d4d url(../../bilder/bg_patern.jpg);
    padding: 0px;
    margin: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
}
DIV {
    font-family: Verdana, sans-serif;
}

UL, LI {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-align: left
}

A {
    text-decoration: none;
	color:#BABAC7;
    font-family: Verdana, sans-serif;
    cursor: pointer;
}


/*### Site ###*/

#hintergrund {
    background: url(../../bilder/hintergrund-kunstbusch.gif)
                no-repeat
                center;
    padding: 7px;
    border: 0px dashed #33CC00;
    margin: -280px 0 0 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 380px;
    height: 768px;
    z-index: 0;
}
#hintergrund2 {
    background: transparent
				url(../../bilder/hintergrund-kunstbusch.gif)
                no-repeat
                center;
    padding: 7px;
    border: 0px dashed #33CC00;
    margin: -280px 0 0 -540px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 380px;
    height: 768px;
    z-index: 0;
}
#flags {
    background: transparent
                no-repeat
                center;
    padding: 7px;
    border: 0px dashed #33CC00;
    margin: -273px 0 0 360px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 15px;
    z-index: 6;
}

#submenue {
    padding: 7px;
    border: 0px dashed #5f8d61;
    margin: -25px 0 0 -410px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 190px;
    height: 420px;
    z-index: 130;
}
#content {
    padding: 7px;
    border: 0px dashed #5f8d61;
    margin: 5px 0 0 -410px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 820px;
    height: 420px;
    z-index: 115;
}
#bodenteil {
    background: transparent
			 	url(../../bilder/menues/bodenteil/bodenteil.gif)
                no-repeat
                center;
    padding: 10px 0px 0px 0px;
    border: 0px dashed #5f8d61;
    margin: 0px 0px 20px 0px;
    width: 812px;
    height: 30px;
    z-index: 25;
}
#bodenteil ul li {
	padding:2px 7px 0 0;
	font-size:9px;
	color:#999999;
	display:inline;
	float:right;
}


/*###  Navitagtion ###*/



#menue {
    padding: 7px;
    border: 0px dashed #5f8d61;
    margin: -25px 0 0 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 350px;
    height: 23px;
    z-index: 130;
}
#menue ul {
	font-family: Verdana, sans-serif;
	font-size:11px;
	text-align:left;
}
#menue ul li {
	display:inline;
}
#menue ul li a {
	background: url(../../bilder/menues/hauptmenue/panorama-menu-rot.gif) bottom no-repeat;
	display:block;
	width:69px;
	height:18px;
	padding-top:5px;
	color:#ececec;
	text-align:center;
	float:left;
	margin-left:1px;
	text-decoration:none;
}
#menue ul li a:hover {
	color:#fff;
	background: url(../../bilder/menues/hauptmenue/panorama-menu-rot-hover.gif) bottom no-repeat;
}
/*###  Subnavitagtion ###*/
#mainNavholder {
	position: absolute;
	margin-top:24px;
	padding: 0px 0px 0px 0px;
	width: 188px;
	padding-top:2px;
}
#mainNavWrapper {
	position: absolute;
	margin-top:29px;
	padding: 0px 0px 0px 0px;
	width: 188px;
	height: 29px;
	padding-top:2px;
	background: url(../../bilder/menues/submenue/home/subnav-top.gif) no-repeat top;

}
#mainNavWrapper div.navMid {
	padding-bottom:22px;
	width: 188px;
	background: #141417 url(../../bilder/menues/submenue/home/subnav-bottom.gif) no-repeat bottom;
	z-index:1130;
}
ul.mainNav {
	list-style-type:none;
	width: 185px;
	margin: 8px 2px 8px 2px;
	padding: 20px 0px 0px 0px;
	background: #24242A url(../../bilder/menues/submenue/home/subnav-bg3.gif) top no-repeat;

}
ul.mainNav li {
width: 183px;
	display:block;
	float:none;

}
ul.mainNav li a {
	float:none;
	display:block;
	font-size:12px;
	margin:0px 0px 1px 0px;
	padding:8px 0px 8px 30px;
	color:#BABAC7;
	text-decoration:none;
	background: url(../../bilder/menues/submenue/bullets/nav-bullet.gif) no-repeat left;

}
ul.mainNav li a:hover {
	background: #141417 url(../../bilder/menues/submenue/bullets/nav-bullet2.gif) no-repeat left;
	color:#fff;

}
ul.mainNav li.current_page_item a {
	background: #141417 url(../../bilder/menues/submenue/bullets/nav-bullet2.gif) no-repeat left;
	color:#fff;
	border-top: 1px solid #000;
	z-index:1131;
}
ul.mainNav li.expanded a {
	background: #141417 url(../../bilder/menues/submenue/bullets/nav-bullet3.gif) no-repeat left;

} 
ul.mainNav li.current_page_item ul {
	background: #141417;
	padding:5px 0px;
	margin:-1px 0px 0px 0px;
	border-bottom:1px solid #343434;

}
ul.mainNav li.expanded ul li a {
	font-size:12px;
	margin-bottom:1px;
	padding: 4px 0px 4px 40px;
	border:none;
	color:#999;
	background: url(../../bilder/menues/submenue/bullets/nav-bullet4.gif) no-repeat left;

}
ul.mainNav li.expanded ul li a:hover, ul.mainNav li.expanded ul li.current_page_item a {
	color:#f1f1f1;
	background: #000 url(../../bilder/menues/submenue/bullets/nav-bullet4.gif) no-repeat left;
	z-index:130;
}

/*=========Bannerbereich=========*/
#logo {
	background: url(../../bilder/banner/evopicslogo.gif) no-repeat;
	margin: -268px 0px 0px -400px;
	border: thick #FF0000 3px;
	position:absolute;
	width:  220px; 
	height: 49px; 
	top: 50%;
	left: 50%;
	z-index:1140;
}
.titelboxpano{  
	width: 100%; 
	display: block; 
	position:absolute;
	top: 50%;
	left: 50%;
	z-index:21001;
	margin: -16px 0px 0px -397px;
	
	
}

.beschreibung { 
color: #333333; 
font-size: 11px; 
font-family: Verdana, sans-serif; 
top: 5px; 
right: 5px; 
width: auto; 
float: left; 
padding: 2px;
background-color:#CCCCCC;
z-index:21002;
}
.beschreibung a:link, .panotext a:visited { 
color: #333333; 
font-size: 11px; 
font-family: Verdana, sans-serif; 
background-color: #ececec;
z-index:21003;
}
.underline { color: #1b1b1b; font-size: 11px; font-family: arial; text-decoration: underline; }

#banner {
display: block;
width: 100%;
z-index: 1;
}

#banner .blendung { 

position:absolute;
width: 100%; 
height: 100%; 
z-index: 1;
}

.changebanner { 
margin: -247px 0px 0px -400px;
background-repeat: no-repeat; 
position:absolute;
width: 850px; 
height: 250px; 
top: 50%;
left: 50%;
z-index: 1;
}

img 
{
	filter:alpha(opacity=100);
}

img.idupe {
	position:absolute;
	z-index:3;
	visibility:hidden;
}

/*###  Content ###*/

.doppel {
display: block;
height: 12px;
width: 1px;
border: dotted #006600 0px;
}
.einfach {
display: block;
height: 10px;
width: 1px;
border: dotted #006600 1px;
}
.spacerpanotour {
	width: 600px;
	height: 1300px;
}
.spacersix {
	width: 600px;
	height: 777px;
}
.spacerwerkzeuge{
	width: 600px;
	height: 820px;
}
#headline {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	border: 1px #333333 groove ;
	height: 25px;
	font-size:18px;
	color:#FFFFFF;
	background:#000000;
	text-align:left;
}

.headline2 {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	border: 1px #333333 groove ;
	width: 50;
	height: 25px;
	font-size:18px;
	color:#FFFFFF;
	background:#000000;
	text-align:left;
}
#contentholder {
	width: 620px;
	margin: 0px 0px 0px 190px;
}
#mainNavWrapper-content {
	position:relative;
	background:#000000;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 1px;
	background: url(../../bilder/content/content-top.gif) no-repeat top;
	z-index:1;
}
ul.maincontent {
	font-size:11px;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px; /*<===================================Einrückung Content X-Achse*/
	background: url(../../bilder/content/content-patern.gif) repeat-y;
	z-index:1;
}
#mainNavWrapper-content div.navMid-content {
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 20px 0px;
	background: url(../../bilder/content/content-bottom.gif) no-repeat bottom;
	z-index:1;
}
ul.maincontent li {
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	display:block;
	float:none;
}	
	
/*###  Infobox ###*/

.tumb {
	width: 160px;
	border: #333333 groove 2px;
	
}
#MainInfobox {
	margin:5px 0px 0px 0px;
	padding: 5px 0px 6px 0px;
	width: 190px;
	background: url(../../bilder/menues/infobox/infobox-top.gif) no-repeat top;
}
#MainInfobox div.Infoboxmid {
	padding-bottom: 8px;
	background: url(../../bilder/menues/infobox/infobox-bottom.gif) no-repeat bottom;
}
ul.infoboxmain {
	list-style-type: none;
	margin: 8px 2px 8px 2px;
	padding: 10px 0px 10px 0px;
	background: url(../../bilder/menues/infobox/infobox-mid.gif) repeat-y;
	display: block;
	float: none;
}
ul.infoboxmain a {
	float:none;
	display:block;
	font-size:10px;
	color:#999999;
	text-decoration:none;
}
ul.infoboxmain li {
	float:none;
	display:block;
	margin:0px 0px 1px 0px;
	padding:0px 10px 2px 10px; 
	color:#999999;
	text-decoration:none;
}
/*###  Infobox2 ###*/

#tumb {
	width: 120px;
	border: #333333 groove 2px;
	
}
#MainInfobox2 {
	margin:5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 190px;
	padding-top:2px;
	background: url(../../bilder/menues/infobox/infobox-top.gif) no-repeat top;
}
#MainInfobox2 div.Infoboxmid2 {
	margin: 0px 0px 0px 0px;
	padding-bottom: 8px;
	background: #141417 url(../../bilder/menues/infobox/infobox-bottom.gif) no-repeat bottom;
}
ul.infoboxmain2 {
	font-size:12px;
	list-style-type:none;
	margin: 8px 2px 8px 2px;
	padding: 10px 0px 10px 0px;
	background: url(../../bilder/menues/infobox/infobox-mid.gif) repeat-y;
	display:block;
	float:none;
}
ul.infoboxmain2 li {
	float:none;
	display:block;
	margin:0px 0px 1px 0px;
	padding:0px 10px 3px 10px; /*<===================================Einrückung infobox X-Achse*/
	color:#999999;
	text-decoration:none;
}


/*==========================================###Galerie###========================================*/



.six-y-spacer {
	height:800px;
}
.galimgpos {
	float:right;
	display:block;
	margin: 10px 10px;
	border: #000000 groove 1px;
}


/*###  galtext ###*/

.headlinegaltext {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	border: 1px #333333 groove ;
	height: 25px;
	font-size:18px;
	color:#FFFFFF;
	background:#000000;
	text-align:left;

}
.galtext {
	width: 235px;
	height: 500px;
	padding:0px 10px 3px 0px;
	border: 0px #333333 groove ;
	float:left;
	display:block;
	}
/*###box1###*/

.pantitel1 {
	margin: 10px 0px 0px 10px;
	float:left;
	display:block;
	z-index:105;
}
.quicktimebutton1 {
	float:left;
	margin: 7px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}
.flashbutton1 {
	float:left;
	margin: 0px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}
.javabutton1 {
	float:left;
	margin: 0px 0px 10px 45px;
	border: 0;
	display:block;
	z-index:105;
}

.gal1 {
	display:block;	
	margin: 0px 0px 10px 0px;
	height: 120px;
	width: 350px;
 	border: 1px groove #515151;
	background: #292929;
	float:right;
}



/*###box2###*/

.pantitel2 {
	margin: 10px 0px 0px 10px;
	float:left;
	display:block;
	z-index:105;
}
.quicktimebutton2 {
	float:left;
	margin: 7px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}
.flashbutton2 {
	float:left;
	margin: 0px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}
.javabutton2 {
	float:left;
	margin: 0px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}

.gal2 {
	display:block;	
	margin: 0px 0px 10px 0px;
	height: 120px;
	width: 350px;
 	border: 1px groove #515151;
	background: #292929;
	float:right;
}

/*###box3###*/

.pantitel3 {
	margin: 10px 0px 0px 10px;
	float:left;
	display:block;
	z-index:105;
}
.quicktimebutton3 {
	float:left;
	margin: 7px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}
.flashbutton3 {
	float:left;
	margin: 0px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}
.javabutton3 {
	float:left;
	margin: 0px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}

.gal3 {
	display:block;	
	margin: 0px 0px 10px 0px;
	height: 120px;
	width: 350px;
 	border: 1px groove #515151;
	background: #292929;
	float:right;
}
/*###box4###*/

.pantitel4 {
	margin: 10px 0px 0px 10px;
	float:left;
	display:block;
	z-index:105;
}
.quicktimebutton4 {
	float:left;
	margin: 7px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}
.flashbutton4 {
	float:left;
	margin: 0px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}
.javabutton4 {
	float:left;
	margin: 0px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}

.gal4 {
	display:block;	
	margin: 0px 0px 10px 0px;
	height: 120px;
	width: 350px;
 	border: 1px groove #515151;
	background: #292929;
	float:right;
}
/*###box5###*/

.pantitel5 {
	margin: 10px 0px 0px 10px;
	float:left;
	display:block;
	z-index:105;
}
.quicktimebutton5 {
	float:left;
	margin: 7px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}
.flashbutton5 {
	float:left;
	margin: 0px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}
.javabutton5 {
	float:left;
	margin: 0px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}

.gal5 {
	display:block;	
	margin: 0px 0px 10px 0px;
	height: 120px;
	width: 350px;
 	border: 1px groove #515151;
	background: #292929;
	float:right;
}
/*###box6###*/

.pantitel6 {
	margin: 10px 0px 0px 10px;
	float:left;
	display:block;
	z-index:105;
}
.quicktimebutton6 {
	float:left;
	margin: 7px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}
.flashbutton6 {
	float:left;
	margin: 0px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}
.javabutton6 {
	float:left;
	margin: 0px 0px 0px 45px;
	border: 0;
	display:block;
	z-index:105;
}

.gal6 {
	display:block;	
	margin: 0px 0px 10px 0px;
	height: 120px;
	width: 350px;
 	border: 1px groove #515151;
	background: #292929;
	float:right;
}
#impressum{
	margin: 0px 0px 0px 20px;
	display: block;
}

/*###Leistungen###*/

.leistungentextheadline {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	border: 1px #333333 groove ;
	height: 25px;
	font-size:18px;
	color:#FFFFFF;
	background:#000000;
	text-align:left;
}

.leistungentext {
	width: 325px;
	height: 500px;
	padding:0px 10px 3px 0px;
	border: 0px #333333 groove ;
	float:left;
	display:block;
	}
.einrueckung{
	margin-left: 6px;
	margin-top: 25px;
	}
ul.einrueckung li{
	margin-top: 10pt;
}
ul.leistungeneinrueckung li {
	margin-left:2px;
	margin-top: 10pt;
	}
	
.spacerimpressum {
	width: 600px;
	height: 500px;
}
	
.spacerleistungen {
	width: 600px;
	height: 1250px;
}
.leistungen_bild {
	float: right;
	display:block;
	margin: 0px 0px 5px 0px;
	height: 270px;
	width: 260px;
 	border: 1px groove #515151;
	background: #292929;
	float:right;
}
.leistungenimgpos {
	float: right;
	display: block;
	margin: 10px 10px 0px 0px;
	border: #000000 groove 0px;
	width:240px;
	font-weight:bold;
	}
	
/*###Referenzen###*/
ul.einrueckung li  {
padding-top: 6px;
}
.referenzenbox {
	margin: 0px 0px -10px 0px;
	border: 1px groove #515151;
	background: #292929;
	width:320px;
	height:51px;
	}
.refbox {
	margin-left: 3px;
	margin-top: 3px;
	float:left;

	border: 0px groove #FF33FF;
	}
.referenzenboxlarge {
	margin: 0px 0px 10px 0px;
	width:100%;
	height:100px;
	border: 1px groove #515151;
	background: #292929;
	}

.referenzen_bild {
	float:right;
	margin: 0px 0px 0px 0px;
	height: 220px;
	width: 260px;
 	border: 1px groove #515151;
	background: #292929;
	z-index: 10;
	
	}
	
.logo {
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	float:right;
	}
	

.spacer {
	margin-top:100px;
	}
.trennung {
	float: right;
	margin-right: 0px;
	margin-top:3px;
	}
	
.spacerreferenz {
	height:1300px;
	}
	
/*###Uberuns###*/

.uberuns {
	width: 200px;
	height: 500px;
	padding:0px 10px 3px 0px;
	border: 0px #333333 groove ;
	float:left;
	display:block;
	}
.profil_bild {
	display: block;
	margin: 0px 0px 10px 0px;
	height: 200px;
	width: 388px;
 	border: 1px groove #515151;
	background: #292929;
	float:right;
	}
	
.profilfoto {
	float:left;
	display:block;
	margin: 20px 1px 10px 10px;
	border: #000000 groove 0px;
	font-weight:bold;
	}
	
.angaben1 {
	float:left;
	display:block;
	margin: 20px 4px 0px 0px;
	border: #000000 groove 0px;
	width:65px;
	font-weight:bold;
	}
.angaben2 {
	float:left;
	display:block;
	margin: 20px 0px 0px 0px;
	border: #000000 groove 0px;
	width:180px;
	}
	
/*###Werkzeuge###*/

.erste_reihe_werkzeuge {
	width: 595px;
	height: 220px;
	padding:0px 10px 3px 0px;
	border: 0px #333333 dotted ;
	float:left;
	display:block;
}
.zweite_reihe_werkzeuge {
	width:  595px;
	height: 313px;
	padding:0px 10px 3px 0px;
	border: 0px #333333 dotted ;
	float:left;
	display:block;
}
.dritte_reihe_werkzeuge {
	width:  595px;
	height: 255px;
	padding:0px 10px 3px 0px;
	border: 0px #333333 dotted ;
	float:left;
	display:block;
}
.bildpos {
	float:left;
	width: 211px;
	height: 196px;
	display:block;
	margin: 10px 1px 11px 10px;
	border: #000000 groove 0px;
	font-weight:bold;
	}
.bildpos2 {
	float:left;
	width: 200px;
	height: 293px;
	display:block;
	margin: 10px 1px 11px 10px;
	border: #000000 groove 0px;
	font-weight:bold;
	}
.bildpos3 {
	float:left;
	width: 200px;
	height: 237px;
	display:block;
	margin: 10px 1px 11px 10px;
	border: #000000 groove 0px;
	font-weight:bold;
	}
.werkzeugtextheadline {
	width: 350px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	border: 1px #333333 groove ;
	height: 25px;
	font-size:18px;
	color:#FFFFFF;
	background:#000000;
	text-align:left;
}
.stativ {
	display: block;
	margin: 0px 0px 0px 0px;
	height: 313px;
	width: 220px;
 	border: 1px groove #515151;
	background: #292929;
	float: left;
	}
.kamera {
	display: block;
	margin: 0px 0px 0px 0px;
	height: 220px;
	width: 230px;
 	border: 1px groove #515151;
	background: #292929;
	float:right;
	}
.textwerkzeuge {
	display: block;
	padding-left: 5px;
	padding-top: 10px;
	height: 210px;
	width: 350px;
 	border: 0px dotted #FF0066;
	float:left;
	}
.textwerkzeuge2 {
	display: block;
	margin: 0px 0px 0px 0px;
	padding-left: 5px;
	height: 313px;
	width: 366px;
 	border: 0px dotted #FF0066;
	float:right;
	}
.textwerkzeuge3 {
	display: block;
	padding-left: 5px;
	padding-top: 0px;
	height: 246px;
	width: 365px;
 	border: 0px dotted #FF0066;
	float:left;
	}

.nodalpunkadapter {
	display: block;
	margin: 0px 0px 0px 0px;
	height: 257px;
	width: 220px;
 	border: 1px groove #515151;
	background: #292929;
	float:right;
	}
	
	
/*=============Panotouren===============*/

.tour1 {
	display:block;	
	margin: 0px 0px 10px 0px;
	height: 200px;
	width: 350px;
 	border: 1px groove #515151;
	background: #292929;
	float:right;
}

.tour2 {
	display:block;	
	margin: 0px 0px 10px 0px;
	height: 200px;
	width: 350px;
 	border: 1px groove #515151;
	background: #292929;
	float:right;
}
.tourtitel1 {
	margin: 10px 10px 0px 10px;
	height:70px;
	border: #FFFFFF groove 0px;
	float:left;
	display:block;
	z-index:105;
}
.tourimgpos {
	float:right;
	display:block;
	margin: 10px 10px 10px 10px;
	
	border: #000000 groove 1px;
}