/*††††††††††††††††††-CONSTANT-††††††††††††††††††††††††*/
body, form, h3, h4, input, textarea, select, td, ul {
	margin:0px 0px 0px 0px; 				  			 	 
	padding:0px 0px 0px 0px; 
}
body {														  	
	background:#E7E8E4;
}	
table {								 	  	  
	border-collapse:collapse;			 	 
	border:0px;	
	padding:0px 0px 0px 0px;
	width:100%;
}									   
td {							       				  
	font:normal 11px Tahoma, Arial;							 
	vertical-align:top;				  			  
	line-height:14px;
	color:#545451;
}										   	   
input, textarea, select{			     
	font:normal 11px Tahoma, Arial;		
	padding:1px 0px 0px 4px;		   
	vertical-align:middle;
	color:#393737;
}		
ul {list-style:none;}
img {border:0px;}	

.bgnorm {background-color:#E7E8E4; margin:-3px 5px 0px 0px}
/*____________________________________________________*/
/*†††††††††††††††††††††-MAIN-†††††††††††††††††††††††††*/

.base 			{height:100%}
.tail_left		{background:url(images/tail_left.jpg) 0 0 repeat-x; height:350px}
.tail_right		{background:url(images/tail_right.jpg) 0 0 repeat-x; height:350px}
.main_table 	{width:766px; height:100%;}
.tail_bottom	{width:50%; background:url(images/fbg1.jpg) bottom left repeat-x}

/*____________________________________________________*/
/*†††††††††††††††††††††-TEXT-†††††††††††††††††††††††††*/
a 		{color:#545451; font:normal 11px Tahoma}	   
a:hover {text-decoration:none;}	
b 		{color:#545451; font:bold 11px Tahoma}
b a		{color:#313131; font:bold 11px Tahoma}
.nn a	{text-decoration:none;}
.nn a:hover {text-decoration:underline;} 
p	{
	margin-bottom: 0px;
	margin-top: 0px;
	}
h3	{font-size: 13px; padding:5px 0px 0px 0px;}
h4	{font:bold 13px Tahoma; background:url(images/0t5.jpg) 0 0 no-repeat; width:218px; height:29px; padding:5px 0px 0px 5px;}
/*____________________________________________________*/
/*†††††††††††††††††††-INPUTS-†††††††††††††††††††††††††*/
.input, .ta{
	width:170px;
	height:15px;
	margin:0px 0px 5px 0px;
}
.ta {
	height:134px;
	overflow:auto;
	margin:0px 0px 6px 0px;
}

/*____________________________________________________*/
/*†††††††††††††††††††††-LINKS-††††††††††††††††††††††††*/
.rdmr{
	background:url(images/0blt1.gif) 0 0 no-repeat;
	padding:0px 0px 0px 14px;
	color:#E98236;
	font:normal 11px Tahoma;  
}
.lnk_1 {color:#E98236;}
.lnk_2 {color:#7A981E !important}
/*____________________________________________________*/
/*††††††††††††††††††††††-LISTS-†††††††††††††††††††††††*/

li {
	list-style:none;
	line-height:12px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
li a {
	background:url(images/0blt1.gif) 0 0 no-repeat;
	padding:0px 0px 0px 14px;
	color:#E98236;
	font:normal 11px Tahoma; 
}
.disc {
	list-style-type: disc;
	margin: 0px 0px 0px 15px;
	line-height:16px;
}
.w	{background:none !important}
/*_____________________________________________________*/
/*††††††††††††††††††††††-HEADER-†††††††††††††††††††††††*/
.header {
	height:350px;
}
.header_left {
	width:174px; 
	background:url(images/hbg.jpg) 0 0 no-repeat
}
.header_right {
	width:592px;
	height:264px;
	background:url(images/mpct.jpg) 0 0 no-repeat;
}

.top {height:86px}
/*_____________________________________________________*/
/*††††††††††††††††††††††-FOOTER-†††††††††††††††††††††††*/

.footer td{
	color:#535353; 
	font:normal 11px Tahoma;
	height:87px;
	background:url(images/fbg.jpg) 0 0 repeat-x;
}
.footer a {
	color:#535353; 
	font:normal 11px Tahoma;
}
.fbg2 {background:url(images/fbg2.jpg) 0 0 repeat-x #FFF !important;}
.fbg3 {width:251px; background:url(images/fbg3.jpg) 0 0 no-repeat !important}
.fbg4 {background:url(images/fbg4.jpg) 0 0 repeat-x #FFF !important}
/*_____________________________________________________*/
/*††††††††††††††††††††††-„„„„„„„†††††††††††††††††††††††*/
.input_width {width:170px; margin:0px 0px 6px 0px; font-size:10px; height:15px}
.input_width1 {width:185px; font-size:11px; height:22px}
.date {background:url(images/date.jpg) 0 0 no-repeat; width:55px; height:17px; color:#E7E8E4; font-size:10px; padding: 0px 0px 0px 3px;}
.table_contact {padding:2px 5px 0px 0px; text-align:right;}
/*_____________________________________________________*/
/*††††††††††††††††-Kontaktformular 1&1-†††††††††††††††††*/

.admin {
	margin:0 4px;
}
.warn {
	color:#000000;
	font-weight:bold;
}
.invert {
	background-color:#000000;
	color:#FFFFFF
}
.high {
	background-color:#D8D8D8
} 
.warn {
	background-color:#F71F1F
}
.admin {
	color:#F71F1F;
}
.button {
	border:1px solid #383838;
}
.button_align {
	text-align: center;
}
.message {
	border-bottom:1px solid #ECECEC;
	border-left:1px solid #ECECEC;
	line-height:150%;
	padding:3px 3px 3px 3px
}

/*††††††††††††††††-Lightbox-†††††††††††††††††*/
#lightbox{
	position: absolute;
	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://archisol.de/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://archisol.de/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://archisol.de/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#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;
	}

