/***************************************/
/*    ADRIANVELEZ.COM                  */
/***************************************/

body
{
  font-family     : Verdana, Arial;
  font-size       : 9pt;
  font-weight     : normal;
  text-decoration : none; 
  border          : 0px;
  margin          : 1px;
  background-color: #B0CCAE;

}


/*GENERAL */

/* FONT FACE */ 
@font-face { font-family: Miniom; src: url('fonts/MinionPro.otf'); }

#linetop{height:5px; background-color:#CCC;}

body{
   /* background-image:url(images/madera1.png);*/
	background-image:url(images/vac.jpg);
	font-family:Arial, Helvetica, sans-serif;  
	background-color:#CCC; 
	color:#333; 
}

img{
	border:none;
}

hr{
	border:none;
	border-top:1px double #CCC;
}


h2{
	color:#0B4E20;
	padding:0px;
	margin:0px;
	font-size:20px;
	font-family:Miniom;
	font-weight:100;
} 

h3{color:#8F150F;}

h4{color:#3D920F;}

strong{
	color:#6C995A;
}

li{line-height:15pt; list-style-type:square;}

p{line-height:17px;}

a{  text-decoration:none;
	color:#323F57;
	border-bottom:1px dotted;
}


/******************* HEAD **********************/


#headp{
  /*  background-image:url(images/baca.png); */
	background-color:#EBF0E5;
	letter-spacing:0.05em;
	font-weight:500;
	padding-top:11px;   	
}

#head{ 
	width:1024px; height:200px; margin:0 auto;	
}

#head #logo {
	height:150px;
	border-bottom:none;
}          

#head #logo a{

	border-bottom:none;
}          


#head #info{
	font-size:10px; 
	
}

#head .menu{ 
	text-shadow: 0.0em 0.2em 0.3em black;
	background-image:url(images/part.png);
	height:50px;
	padding:0px 0px 0px 20px;
	border:1px solid #0C5C25; 
	color:#0E642B;
}

#head .menu a{	
	font-family:Arial;
	color:white;
	font-size:12px;
	border-bottom:none;
}

#head .menu a:hover{
	text-shadow: 0.0em 0.2em 0.3em black;  
	border-bottom:solid 1px #999;
}
/* CONTENT PAGE */

#content{
	margin:0 auto;
	width:1024px; 
	min-height:600px; 
	background-color:#FFF;
	-moz-box-shadow: 0px 10px 30px black;
	 -webkit-box-shadow: 0px 10px 30px black;
 	box-shadow: 0px 0px 0px black;


}


/* INDEX  CSS */

#slide{
	width:900px;
	margin:0 auto;
}

#message{
	background-image:url(images/lines.png);
	background-color:#333;
	height:40px;
	width:862px;
	color:white;
	font-size:24px;	
	padding:11px 20px 0px 20px;	
}

#slideshow {
	border:1px solid #252727;
    position:relative;
    height:300px;
	width:900px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;

}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    display: block;
    border: 0;
    margin-bottom: 10px;
}

/************ PEOPLE ****************/ 
#preview table{
 		width:905px; background:#EDEBEA; 
		border:1px solid #BABABA; margin-top:50px;
		padding:10px;
}
#preview tr{

	height:50px;

}
#preview td{
	background-color:white;
 	padding:10px;
    vertical-align:top;   
}
#preview a{
	border-bottom:0px;
}

#preview a:hover{
	border-bottom:1px solid #ABABAB; 
	color:#7A0B07;
}

#preview img{
}
 
#preview {
	text-align:left;
}

.people img{
  	float:left;
	top:0px;
	padding-right:20px;
}
.people p{
	padding-left:30px;
	margin-left:30px;
	float:right;
}


/*********** END  PEOPLE ****************/


.mtxt{
 /*   background-image:url(images/map.jpg);*/
	background-repeat:no-repeat;
	width:904px;
	padding:40px 60px 60px 60px;

}

                    
/****************** DAS BUREAU *****************/

.submtxt #bureau ul li{
	margin-left:-23px;
}
.submtxt #bureau ul{
}


.submtxt #bureau table{
	border:1px solid  #E2E2E2;
	padding:12px;
}


/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}

br.c { clear: both; }

/* ------------------------------------*/
/* END COPY >>>                        */
/* ------------------------------------*/

/* ignore the nonsense below, you don't need it for your projects */

 /* TOOLTIP */


#tooltip{
	position:absolute;
	border:1px solid #569945;
	background:#4B9143;
	padding:2px 5px;
	color:white;
	display:none;
}   


/************* CONTACT *************/
#form table{

 }
 
#form #info{
	 border:none;
	 padding:0px;
	 margin-right:20px;
	 width:350px;
	 float:left;
 }
 
#form div {
/*	 background-color:#CCC;  */
	 padding:13px 13px 13px 0px;
	/* border-top:1px solid #E2E2E2 ;
	 border-right:1px solid  #BEBEBE;
	 border-bottom:1px solid #999;*/

}

#form div input{
	/*background-color:#CCC;*/
	float:right;
	width:310px;
	height:30px;
	margin-top:-23px;
	border:none;
	border-bottom:dotted 1px #666;
}

#form p{
	 margin:0px 20px 0px 0px;
	 padding:0px 20px 0px 20px;
	color:black;
}

#form button{
 border:none; 
 cursor:pointer;
}





/******************** FOOTING **********************/
#pie{
	bottom: 0px;
	margin:0 auto;
	width:984px;
	background-color:#E7E7E7;
	padding:15px 20px 15px 20px;
	background-position:10;
	-moz-box-shadow: 0px 10px 30px black;
	-webkit-box-shadow: 0px 10px 30px black;
 	box-shadow: 0px 0px 0px black;  
    border-top:2px solid #E2E2E2;
	margin-bottom:70px;
}

/************* SUB MENU STYLE ****************/

#submenu{
	border-bottom:1px solid #999;
	padding-bottom:8px;
	width:1024px;
	margin-left:-60px; 
} 


#subcontent{
	margin-left:60px;
}
#submenu #subcontent .active{
	color:black;
	background-color:white;
	margin-left:5px;
	padding:8px 15px 8px 15px;
	border-top:1px solid #999; 
	border-left:1px solid #999; 
	border-right:1px solid #999; 
	border-bottom:1px solid white;    	
}

#submenu #subcontent  .desactive{
	margin-left:5px;
	background-image:url(images/part.png);
	padding:8px 15px 8px 15px;
	border-top:1px solid green; 
	border-right:1px solid green;
	border-left:1px solid green;  
}
  
#submenu #subcontent  a {
	color:white;
	border-bottom:none;
}

#submenu #subcontent  a:hover{
	background-image:none;
	color:black;
	background-color:white;
	border-top:1px solid #999; 
	border-left:1px solid #999; 
	border-right:1px solid #999; 
	border-bottom:1px solid white;
} 

/***************** PROJEK******************/

#projek #suborder{
	border:1px solid #C5C5C5;
	width:300px;
	padding:20px;        
	-moz-border-radius: 8px;
}
#read{
	cursor:pointer;
	background-image:url(images/rmore.png);
	width:80px;
	height:30px;
	margin:-10px 0px 2px -10px;
}

/**************** END PROJEK *****************/

#impressum{
	line-height:20px;
}