/**************************************************************************/
/*** Opmaaksheet voor : website Dilling Design Greece *********************/
/*** Ontworpen door   : Dilling Design Greece         *********************/
/*** Ontwerper        : Albert Dilling                *********************/
/*** Ontwerpdatum     : 04-12-2009                    *********************/
/*** Versie           : 1.01.01                       *********************/
/**************************************************************************/
/**************************************************************************/
/**************************************************************************/
body {
	background: #000000 url('../images/bg_new_normal.png') repeat-x 0 0;
	margin: 0px;
	padding: 0px;
	font-family: Microsoft Sans Serif, Arial Unicode MS, Arial, Verdana
}
p { font-size: 12px; font-weight: normal; color: #444444; text-align: justify; }
.news {font-size: 12px; font-weight: bold; color: #2f8a02; text-align: left; }
.item {font-size: 12px; font-weight: normal; color: #666666; text-align: left; }
.desi {font-size: 12px; font-weight: bold; color: #1d5a95; text-align: left; }
.cust {font-size: 12px; font-weight: bold; color: #fd6f01; text-align: left; }


h1, h2, h3, h3 a { color: #03b1dc; font-size: 12pt; font-weight: bold; }
h2 {font-size: 9pt; font-weight: bold; color: #ec6915; margin-top: 0px; }
h3 {font-size: 11pt; font-weight: bold; color: #ec6915; margin-top: 30px; }
h4 {font-size: 10pt; font-weight: bold; color: #fd6f01; margin-top: 0px; }
h3 a {font-weight: bold; text-decoration: none; }
h3 a:hover {text-decoration: none; }
a img {border: none }

#container { 
    position: relative;
	background: url('../images/topper_new_normal.png') no-repeat center 0px; 
	width: 100%;
	float: left;
	min-width: 900px
}

#photocont { 
    position: relative;
	background: url('../images/topper_new_normal_photo.png') no-repeat center 0px; 
	width: 100%;
	float: left;
	min-width: 900px
	}
	
#graphiccont { 
    position: relative;
	background: url('../images/topper_new_normal_graphic.png') no-repeat center 0px; 
	width: 100%;
	float: left;
	min-width: 900px
}
#marketcont { 
    position: relative;
	background: url('../images/topper_new_normal_marketing.png') no-repeat center 0px; 
	width: 100%;
	float: left;
	min-width: 900px
}

#portcont { 
    position: relative;
	background: url('../images/topper_new_normal_portfolio.png') no-repeat center 0px; 
	width: 100%;
	float: left;
	min-width: 900px
	}
	
#cntcont { 
    position: relative;
	background: url('../images/topper_new_normal_cont.png') no-repeat center 0px; 
	width: 100%;
	float: left;
	min-width: 900px
	}

#corcont { 
    position: relative;
	background: url('../images/topper_new_normal_thanks.png') no-repeat center 0px; 
	width: 100%;
	float: left;
	min-width: 900px
	}
#flscont { 
    position: relative;
	background: url('../images/topper_new_normal_sorry.png') no-repeat center 0px; 
	width: 100%;
	float: left;
	min-width: 900px
	}


#incontainer { position: relative; width: 900px; margin: 0px auto; }


#header { position: relative; width: 900px; float: left; height: 320px;  }

/**************************************************************************/
/*** Content inhoudsbereik van de website *********************************/
/**************************************************************************/

#content { position: relative; width: 900px; height: 250px; float: left; margin-top: 0px; margin-left: 0px; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px }
#left { position: relative ; overflow: auto; float: left; width: 530px; height: 250px; margin-left: 100px; margin-top: -30px;}
#right { position: relative ; float: right; width: 250px; height: 250px; margin-top: 0px;}


table { font-size: 0.75em; color: #666; border-collapse: collapse; border-bottom: solid 1px #99c4d5; border-left: solid 1px #99c4d5; width: 100%; }
table th { background: #c5e3e9; border: solid 1px #99c4d5; border-left: none; padding: 6px 8px; text-align: left; }
table td { background: #fff; border-right: solid 1px #99c4d5; border-top: solid 1px #99c4d5; padding: 6px 20px 6px 8px; } 


/*************************************************************************/
/*** Navigation van de website *******************************************/
/*************************************************************************/

#navigation { float: right; 
              width: 100%; 
              height: 0px;
              margin-left:40px;
              margin-right:0px;
              margin-top:0px}
              
             
#navigation ul { float: right; 
                 border-right: 1px solid #ffffff; 
                 margin-left:0px; 
                 margin-right:100px; 
                 margin-top:0px; 
                 margin-bottom:0px}
                 
#navigation ul li { float: 
                    left; 
                    list-style-type: none; }
                    
#navigation ul li a {
     float: rght;
     height: 15px;
     color: #02E7FC;
     text-decoration: none;
     border-left: 1px solid #ffffff; 
     font-style:normal;
     font-weight:bold; 
     font-variant:normal; 
     font-size:8pt; 
     padding-left:7px; 
     padding-right:10px; 
     padding-top:0px; 
     padding-bottom:1px;  }
     
#navigation ul li a:hover { color: #ee8916; }


/*************************************************************************/
/*** Left side of container **********************************************/
/*************************************************************************/


#tleft { float: left; width: 97%; margin-right: 0px;}


/*************************************************************************/
/*** Right side of container *********************************************/
/*************************************************************************/

#tright { float: left; width: 95%; margin-right: 0px;}

/*************************************************************************/
/*** Footer van de website ***********************************************/
/*************************************************************************/

#bottom { 
    position: relative;
	background: url('../images/botter_new.png') no-repeat center 0px; 
	width: 900px;
	height: 70px;
	float: right;
	min-width: 900px
	}

#bright { position: relative; float: right; width: 30px; height: 16px; margin-top: 45px; margin-right: 0px;}
#bright2 { position: relative; float: right; width: 30px; height: 16px; margin-top: 45px; margin-right: 10px;}