body {
	margin:0 0 0 0;
	padding:0;
	font-size:11px;
	font-family:verdana,sans-serif;
	background-color: #dda71b;
}
h1#intro_enter {
	position:absolute;
	bottom:10%;
	right:20%;
}

h1#intro_enter #content {
	display:none;
}

h1#intro_enter .maintext {
	display:block !important;
border:2px solid green;
}

h1#intro_enter:hover {
	background:none;
}


h1#intro_enter a {
	cursor:pointer;
	display:block;
	height:50px;
	width:475px;
	background:url(../img/intro_enter.png) no-repeat top left;
}

h1#intro_enter a:hover {
	background:transparent url(../img/intro_enter_hov.png) no-repeat top left;
}

h1#intro_enter a:hover #content a {
	background:none;
}

h1#intro_enter a:hover #content {
	display:block !important;
	position:absolute;
	top:-200px;
	background:none;
	color:#fff;
	border:1px solid red; 
}

/* \*/
* html h1#intro_enter a {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://82.165.8.199/typo3cms_aha/homepage/typo3conf/ext/tmpl_aha/files/img/intro_enter.png', sizingMethod='crop') !important;
}

* html h1#intro_enter a:hover {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://82.165.8.199/typo3cms_aha/homepage/typo3conf/ext/tmpl_aha/files/img/intro_enter_hov.png', sizingMethod='crop') !important;
}
/* */



body#startseite a {
	color:#fff;
}

h1, h2, p {
	margin:10px 0;
	font-size:11px;
}

td, li, #content_left, input {
	font-size:11px;
	line-height:16px;
}

a {color:#000;}

#all {   
	width:790px;
}

#head {
	height:188px;
	background:url(../img/head_portrait.jpg) no-repeat top left;
}

body#portrait #head {
	background:url(../img/head_portrait.jpg) no-repeat top left;
}

body#weg #head {
	background:url(../img/head_weg.jpg) no-repeat top left !important;
}  

body#ziel #head {
	background:url(../img/head_ziel.jpg) no-repeat top left !important;
}  

body#ziel {
	background:#EFEFE9 url(../img/body_ziel.gif) no-repeat top left !important;
} 

body#leistungen #head {
	background:url(../img/head_leistungen.jpg) no-repeat top left !important;
}  

body#leistungen {
	background:#EFEFE9 url(../img/body_leistungen.gif) no-repeat top left !important;
}  

body#promotion #head {
	background:url(../img/head_promotion.jpg) no-repeat top left !important;
}  

body#promotion {
	background:#EFEFE9 url(../img/body_promotion.gif) no-repeat top left !important;
}    

body#downloads {
	background:#EFEFE9 url(../img/body_downloads.gif) no-repeat top left !important;
} 

body#downloads #head {
	background:url(../img/head_downloads.jpg) no-repeat top left !important;
} 

body#kontakt #head {
	background:url(../img/head_kontakt.jpg) no-repeat top left !important;
}

body#kontakt {
	background:#EFEFE9 url(../img/body_kontakt.gif) no-repeat top left !important;
} 

body#shop #head {
	background:url(../img/head_shop.jpg) no-repeat top left !important;
}

body#shop {
	background:#EFEFE9 url(../img/body_shop.gif) no-repeat top left !important;
} 

#right {
	float:right;
	margin:20px 0 0 0;
	width:120px;
	color:#A8A6A3;
}

.tx-macinasearchbox-pi1 {
	font-size:10px;
	color: #999999;
}

#field {
	margin:0 0 -2px 0 !important;
	margin:0;
	width:75px !important;
	width:80px;
	height:10px !important;
	height:15px;
	font-size:9px;
}

#static_links span {
	display:block;
	margin:10px 0 0 2px;
}

#static_links a {
	display:block;
	font-size:10px;
	padding:5px 0 5px 24px;
	color:#A8A6A3;
	text-decoration:none;
}   

#static_links a:hover {
	text-decoration:underline;
} 

#home {
	background:url(home.gif) no-repeat left;
}

#kontakt {
	background:url(kontakt.gif) no-repeat left;
}

#anfahrt {
	background:url(anfahrt.gif) no-repeat left;
}

#sitemap {
	background:url(sitemap.gif) no-repeat left;
}

#impressum {
	background:url(impressum.gif) no-repeat left;
}

#agb {
	background:url(agb.gif) no-repeat left;
}

#nav {
	min-height:500px;
	height:auto !important;
	height:500px;
	float:left;  
	width:188px !important;
	width:188px;   
	background:#7A611F; 
	margin:0 -3px 0 0;
}

#nav ul {
	margin:20px 0 0 0;
	padding:0;
	list-style-type:none;
	font-weight:bold;

}

#nav li {   	
}  

.lev_1_act {
	background:url(../img/line.gif) repeat-x top left; 
}   
.lev_1_act a {
color:#9C1001;
}   

.lev_2 a {
	color: #9C1001;
}

body#portrait .lev_1_act a, body#weg .lev_1_act a {
	color:#EC3955;
}   

body#portrait .lev_2_act, body#weg .lev_2_act {
color:#EC3955;      
  background:url(../img/raquo_portrait.gif) no-repeat;  
	background-position:0 8px !important;  
	background-position:0 10px;
} 

body#ziel .lev_1_act a {
	color:#F36114;
}   

body#ziel .lev_2_act {
	background:url(../img/raquo_ziel.gif) no-repeat;  
	background-position:0 8px !important;  
	background-position:0 10px;
}  

body#leistungen .lev_1_act a {
	color:#C95BB4;
}   

body#leistungen .lev_2_act {
	background:url(../img/raquo_leistungen.gif) no-repeat;  
	background-position:0 8px !important;  
	background-position:0 10px;
} 

body#promotion .lev_1_act a, body#downloads .lev_1_act a {
	color:#375FAA;
}   

body#promotion .lev_2_act {
	background:url(../img/raquo_promotion.gif) no-repeat;  
	background-position:0 8px !important;  
	background-position:0 10px;
} 

body#kontakt .lev_1_act a {
	color:#72BF44;
}   

body#kontakt .lev_2_act {
	background:url(../img/raquo_kontakt.gif) no-repeat;  
	background-position:0 8px !important;  
	background-position:0 10px;
}

body#shop .lev_1_act a {
	color:#78A141;
}   

body#shop .lev_2_act {
	background:url(../img/raquo_shop.gif) no-repeat;  
	background-position:0 8px !important;  
	background-position:0 10px;
}

#nav ul ul {
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
	border-top:0px solid #ffffff;
}  

#nav li li a {   
	padding:4px 13px; 
/*	font-size:11px;	*/  
	font-weight:normal !important; 
} 

#nav a {
	display:block;   
	font-weight:bold;
	padding:3px 0 3px 5px;
	text-decoration:none;
}

#content_left {
	margin:45px 0 -45px 0;
}

#content_left p {
	margin:0;
	padding:5px 10px 10px 10px;
}

#content_left h1 {
	margin:0;
	padding:2px 0 2px 10px;
	color:#fff;
	background:#EC3955;
}    

body#ziel #content_left h1 {
	padding:2px 0 2px 10px;
	color:#fff;
	background:#F36114;
}  

body#leistungen #content_left h1 {
	padding:2px 0 2px 10px;
	color:#fff;
	background:#C95BB4;
}   

body#promotion #content_left h1, body#downloads #content_left h1 {
	padding:2px 0 2px 10px;
	color:#fff;
	background:#375FAA;
} 

body#shop #content_left h1 {
	padding:2px 0 2px 10px;
	color:#fff;
	background:#78A141;
} 

#elefant {
	width:59px;
	height:52px;    
	position:relative;
	left:-60px; 
	bottom:-55px;
	background:url(../img/elefant.gif) no-repeat top left;
}

#content {
	width:440px !important;
	width:460px;
	min-height:460px;
	height:auto !important;
	height:500px;
	margin:0 0 0 188px !important;
	margin:0 0 0 0px;
	padding:20px 10px;
	line-height:16px;
	background:#fff;
	/* kleiner Hack gegen den "The IE Three Pixel Text-Jog" im IE bei Floats / mehr dazu auf http://www.positioniseverything.net/explorer/threepxtest.html   */
/*	height: auto !important;
	height: 1%;    */
	/* Ende des "The IE Three Pixel Text-Jog" Hacks */
}

#gs-sitemap a {
	text-decoration:none;
	display:block;
	width:100%;
	margin:1px;
}

.gs-sitemap_1 {
	padding:5px 0 5px 10px;
	background:#E1E2D9;
}

.gs-sitemap_1 a {
	font-weight:bold;
}

.gs-sitemap_2 {
	padding:3px 0 3px 25px;
	background:#EFEFE9;
}

.gs-sitemap_3 {
	padding:2px 0 2px 40px;
	background:#fff;
}
/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:420px;
	background-color:#EEEADD;
	
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	background-color:#EEEADD;
	border-top:2px solid #fff;
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:120px;
	border-right:2px solid #fff;
}

#form-module label.checkbox {
	width:372px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:200px;
	border:1px solid #333;
}

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 5px 137px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}
/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p {
	margin:0;
}
#main-block .download-hdl p {
	padding:5px 7px;
	background-color:#393;
	font-weight:bold;
	color:#fff;
}

#main-block .download-file {
	padding:1.2em 7px;
	border-left:2px solid #393;
	border-right:2px solid #393;
}

#main-block .download-desc {
	margin-bottom:1.2em;
	padding:1.2em 7px;
	background-color:#e5ffe5;
	border-left:2px solid #393;
	border-right:2px solid #393;
	border-bottom:2px solid #393;
}

#main-block .download-without-desc {
	margin-bottom:1.2em;
	border-top:2px solid #393;
}
.flLeft { float:left; }
.flRight { float:right; }
/*--------------------------------------------------------
 Styles für die gallerie
--------------------------------------------------------
*/
.gallery_images a {
	width				: 140px;
	height				: 140px;
	margin-bottom		: 10px;
	margin-left			: 10px;
	text-align			: center;
	vertical-align		: middle;
	border				: 1px solid black;
	background-color	: #eee;
	float				: left;
}

.gallery_images a:hover {
	width				: 140px;
	height				: 140px;
	margin-bottom		: 10px;
	margin-left			: 10px;
	text-align			: center;
	vertical-align		: middle;
	border				: 1px solid black;
	background-color	: #ddd;
	float				: left;
}

.gallery_images a img {
	border 				: 0px;
	margin-top			: 10px;
}
.gallery_images img {
	border 				: 0px;
}

#abc_menu {
	width				: 504px;
	background-color	: #EEE;
	margin-left			: 1px;
}
.abc_menu_item {
	width				: 130px;
	border-top-color	: #F3F3F3;
	border-left-color	: #F3F3F3;
	border-right-color	: #BBB;
	border-bottom-color	: #BBB;
	
	background-color	: #EEE;
	
	border-style		: solid;

	border-top-width	: 1px;
	border-left-width	: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	
	margin-bottom		: 2px;
	padding-left		: 3px;
	padding-right		: 3px;
	text-align			: left;
}
.abc_menu_item a {
	color				: black;
	text-decoration		: none;
}
/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:370px;
	color:#666;
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:80px;
}

#form-module label.checkbox {
	width:200px;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:200px;
	border:1px solid #333;
}

#form-module input.text {
	height:16px;
}

#form-module input.checkbox {
	width:80px;
	padding:0;
	border:none;
}


#form-module input.submit:hover { 
	
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}
.download-file {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10px;
}
#form-module input.submit { 
	margin:10px 0px 0px 95px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	font-family: arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}
/* JAOS Gallery
*******************************************************************************/
.jaosg_galerie{
	text-align:center; 
	vertical-align:middle; 
	padding:5px;
}

.jaosg_thumbnail {
	margin:5px;
	padding: 15px 5px 5px 5px;
	float: left;
	height: 120px;
	width: 120px;
	text-align: center;
	vertical-align:middle;
	border: 1px dashed #333;
	background-color: #eeeeee;
	text-decoration: none;
}

.jaosg_nav {
	text-align: center;
}

.jaosg_bild {
	text-align: center;
}

.jaosg_bildbeschreibung {
	text-align: center;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 60px;
	width: 80px;
	margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 80px;
	width: 60px;
	margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://din-77200.de/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; background: url(http://din-77200.de/images/prev.gif) left 15% no-repeat; }
#nextLink { right: 0; float: right; background: url(http://din-77200.de/images/next.gif) right 15% no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url(http://din-77200.de/images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://din-77200.de/images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	


