html,body{
    margin : 0;
    padding : 0;
    background-color : #404040;
    font-family : verdana;
    font-size : 11px;
    color : #FFFFFF;
    /*text-shadow: #000 1px 1px 2px;*/
    height : 100%;
}


/* //////////////////// LINKS \\\\\\\\\\\\\\\\\\\\ */


a:link, a:visited, a:active {
	color : #FFFFFF;
	text-decoration : none;
}

a:hover {
	color : #FF0099;
	text-decoration : none;
}

a.footer_blok_link:link, a.footer_blok_link:visited, a.footer_blok_link:active {
	color : #CCCCCC;
	text-decoration : underline;
	font-style : italic;
}

a.footer_blok_link:hover {
	color : #FF0099;
	text-decoration : underline;
	font-style : italic;
}


/* //////////////////// TEXT \\\\\\\\\\\\\\\\\\\\ */


.upper {
	text-transform : uppercase;
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 0;
}

.lifooter { 
	margin : 10px 0 10px 0;
}


/* //////////////////// LAYOUT \\\\\\\\\\\\\\\\\\\\ */


.content {
	float : left;
	padding : 0 0 28px 0;
    background-color : #252525;
    width : 100%;
}

.header {
    padding : 28px 0 0 0;
	margin : 0 0 0 45px;
    width : 815px;
	height : 70px;
}

.logo {
    background-repeat : no-repeat;
    background-image : url(../images/swd_logo.jpg);
    background-position : top right;
    margin : 0 0 -5px 0;
    width : 815px;
	height : 35px;
}

.menu_actief a {
	float : left;
	margin : 0 18px  0 0;
	padding : 6px 0 0 0;
	border-top : 1px solid #FF0099;
	color : #FF0099;
    height : 20px;
}

.menu_link a {
	float : left;
	margin : 0 18px 0 0;
	padding : 6px 0 0 0;
	border-top : 1px solid #444444;
    height : 20px;
}

.menu_link a:hover {
	float : left;
	margin : 0 18px 0 0;
	padding : 6px 0 0 0;
	border-top : 1px solid #FF0099;
    height : 20px;
}

.content_box {
	float : left;
	margin : 8px 0 0 0;
    background-repeat : repeat-y;
    background-image : url(../images/pink.gif);
    background-position : top left;
    width : 880px;
}

.content_text {
	float : left;
	text-align : justify;
	color : #CCCCCC;
	line-height : 20px;
	margin : 0 30px 0 45px !important;
	margin : 0 30px 0 23px;
    width : 305px;
}

.content_image {
	float : left;
    width : 480px;
}


/* //////////////////// PORTFOLIO \\\\\\\\\\\\\\\\\\\\ */


h1 {
	text-transform : uppercase;
	font-size : 20px;
    color : #FF0099;
    letter-spacing : 2px;
    margin : -105px 10px 10px 10px;
    font-weight : normal;
    text-shadow: #000 1px 1px 3px;
}

.content_portfolio {
	float : left;
	text-align : justify;
	color : #CCCCCC;
	line-height : 20px;
	margin : 0 30px 0 45px !important;
	margin : 0 30px 0 23px;
    width : 400px;
}

.portfolio_blok {
	float : left;
	color : #CCCCCC;
	margin : 0 0 8px 0;
	padding : 8px 0 8px 8px;
    background-color : #2E2E2E;
	width : 377px;
	height : 44px;
	border : 1px solid #404040;
}

.url_out {
	padding-left : 10px;
	background : url(../images/arrow.gif) no-repeat left center;
}


/* //////////////////// SPLASH \\\\\\\\\\\\\\\\\\\\ */


.container {
	background-color : #252525;
    background-position: center center;
    width : 100%;
    height : 100%;
}

.container_logo a {
	position : absolute;
	display : block;
    background-repeat : no-repeat;
    background-image : url(../images/logo.jpg);
    background-position: center center;
    width : 100%;
    height : 100%;
}


/* //////////////////// FOOTER \\\\\\\\\\\\\\\\\\\\ */


.footer {
	float : left;
    background-repeat : repeat-x;
    background-image : url(../images/shadow.jpg);
    background-position : top left;
    width : 100%;
    height : 200px;
}

.footer_blok {
	float : left;
	margin : 20px 0 0 45px !important;
	margin : 20px 0 0 23px;
	width : 384px;
}

.footer_kop_recentwerk {
	float : left;
	margin : 0 0 8px 0;
    background-repeat : no-repeat;
    background-image : url(../images/recent_werk.gif);
	width : 384px;
	height : 19px;	
}

.footer_kop_recentwerk_text {
	float : left;
	color : #CCCCCC;
	margin : 0 0 8px 0;
	padding : 8px 0 8px 15px;
    background-repeat : repeat-y;
    background-image : url(../images/light_grey.gif);
    background-position : top left;
    background-color : #4E4E4E;
	width : 369px;
	height : 44px;		
}

.footer_kop_adres {
	float : left;
	margin : 0 0 8px 0;
    background-repeat : no-repeat;
    background-image : url(../images/adres.gif);
	width : 384px;
	height : 19px;		
}

.footer_kop_adres_text {
	float : left;
	color : #CCCCCC;
	padding : 0 0 0 15px;
    background-repeat : no-repeat;
    background-image : url(../images/blok_rechts_bg.gif);
	width : 384px;
	height : 128px;		
}


/* //////////////////// GALLERY \\\\\\\\\\\\\\\\\\\\ */


.content_gallery {
	float : left;
	text-align : justify;
	color : #CCCCCC;
	line-height : 20px;
	margin : 0 30px 0 45px !important;
	margin : 0 30px 0 23px;
    width : 815px;
}