/* - - - - - - - - - - - - - - - - - - - - -

Title : WISHKEY
Author : WISHKEY
URL : http://www.wishkey.nl

Description : 

Created : 21/04/2008
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* GLOBAL */  
body {
    font-size: 14px;
    font-family: 'Verdana', sans-serif;
	background-color: #fff;
}   
	
* {
	margin: 0;
	padding: 0;
}

ul,li {
	list-style-type: none;
}
	
img {
  	border: none;
}


/* WRAPPER */
#home #wrapper, #wie #wrapper, #contact #wrapper {
	position:absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	height: 560px;
	margin-top: -280px; /*set to a negative number 1/2 of your height*/
	margin-left: -480px; /*set to a negative number 1/2 of your width*/
	padding: 0px;
	overflow: auto;
	color: #FFFFFF;
	background : #fff url(../images/bg_wrapper_rc_grey.gif) no-repeat;
}

#wish #wrapper {
	position:absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	height: 560px;
	margin-top: -280px; /*set to a negative number 1/2 of your height*/
	margin-left: -480px; /*set to a negative number 1/2 of your width*/
	padding: 0px;
	overflow: auto;
	color: #FFFFFF;
	background : #fff url(../images/bg_wrapper_rc_white.gif) no-repeat;
}

#wat #wrapper {
	position:absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	height: 560px;
	margin-top: -280px; /*set to a negative number 1/2 of your height*/
	margin-left: -480px; /*set to a negative number 1/2 of your width*/
	padding: 0px;
	overflow: auto;
	color: #FFFFFF;
	background : #fff url(../images/bg_wrapper_rc_tagcloud.gif) no-repeat;
}

#splash #wrapper {
	position:absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	height: 560px;
	margin-top: -280px; /*set to a negative number 1/2 of your height*/
	margin-left: -480px; /*set to a negative number 1/2 of your width*/
	padding: 0px;
	overflow: auto;
	color: #FFFFFF;
	background : #fff url(../images/bg_wrapper_rc_splash.gif) no-repeat;
}


/* HEADER */
#header {
	height: 90px;	
}

#logo {
	float: left;
	width: 292px;
	padding-left: 48px;
	margin-top: 34px;
}

#splash #logo {
	padding-left: 400px;
	margin-top: 230px;
}

#button_wishkey a:link, #button_wishkey a:visited {
	display: block;
    background-position: left top;
    background-repeat: no-repeat;
    background: url(../images/logo_button.gif);
    width: 166px;
    height: 50px;
    outline: none; /* hide dotted outline in Firefox */
    text-indent: -999px;
}

#button_wishkey a:hover, #button_wishkey a:active{
  	background-position: 100% 50px;
}

#wishcloud {
	float: left;
	width: 572px;
	height: 52px;
	margin-top: 34px;
	background-image: url(../images/praatwolk.gif);
}

#wishcloud p.wish_text {
	font-size: 11px;
	color: #4d4d4d;
	margin-left: 10px;
	margin-top: 11px;
	width: 470px;
	float: left;
}

a.meer_berichten {
	display: block;
	float: right;
	font-size: 10px;
	width: 70px;
	height: 36px;
	text-indent: -9999px;
	outline: none;
}



/* NAVIGATIE */
#nav ul {
	float: right;
	margin-right: 48px;
	display: inline;
}

#nav li {
	float: left;
	margin-left: 4px;
}

/* TAB HOME */
.tab_home a:link, .tab_home a:visited {
	background: url(../images/tabs_home.gif) right 0px;
	display: block;
	height: 33px;
	width: 111px;
	text-indent: -9999px;
	outline: none;
}

.tab_home a:hover {
	background: url(../images/tabs_home.gif) right 66px;
	display: block;
}

#tab_home_active .tab_home a {
	background: url(../images/tabs_home.gif) right 33px;
	display: block;
	border-bottom: 1px solid #fff;
}

/* TAB WIE */
.tab_wie a:link, .tab_wie a:visited {
	background: url(../images/tabs_wie.gif) right 0px;
	display: block;
	height: 33px;
	width: 111px;
	text-indent: -9999px;
	outline: none;
}

.tab_wie a:hover {
	background: url(../images/tabs_wie.gif) right 66px;
	display: block;
}

#tab_wie_active .tab_wie a {
	background: url(../images/tabs_wie.gif) right 33px;
	display: block;
	border-bottom: 1px solid #fff;
}

/* TAB WAT */
.tab_wat a:link, .tab_wat a:visited {
	background: url(../images/tabs_wat.gif) right 0px;
	display: block;
	height: 33px;
	width: 111px;
	text-indent: -9999px;
	outline: none;
}

.tab_wat a:hover {
	background: url(../images/tabs_wat.gif) right 66px;
	display: block;
}

#tab_wat_active .tab_wat a {
	background: url(../images/tabs_wat.gif) right 33px;
	display: block;
	border-bottom: 1px solid #fff;
}

/* TAB CONTACT */
.tab_contact a:link, .tab_contact a:visited {
	background: url(../images/tabs_contact.gif) right 0px;
	display: block;
	height: 33px;
	width: 111px;
	text-indent: -9999px;
	outline: none;
}

.tab_contact a:hover {
	background: url(../images/tabs_contact.gif) right 66px;
	display: block;
}

#tab_contact_active .tab_contact a {
	background: url(../images/tabs_contact.gif) right 33px;
	display: block;
	border-bottom: 1px solid #fff;
}

/* TAB WISH */
.tab_wish a:link, .tab_wish a:visited {
	background: url(../images/tabs_wish.gif) right 0px;
	display: block;
	height: 33px;
	width: 111px;
	text-indent: -9999px;
	outline: none;
}

.tab_wish a:hover {
	background: url(../images/tabs_wish.gif) right 66px;
	display: block;
}

#tab_wish_active .tab_wish a {
	background: url(../images/tabs_wish.gif) right 33px;
	display: block;
	border-bottom: 1px solid #fff;
}


/* CONTENT */
#content {
	padding-left: 48px;
	padding-right: 48px;
}

/* CONTENT LEFT */
#content_left_home, #content_left_wie, #content_left_wat, #content_left_contact, #content_left_wish {
	float: left;
	width: 432px;
}

#content_left_home img {
	margin-top: 80px;
	margin-left: 40px;
}

#content_left_wie h1 {
	background: url(../images/header_wie-is-irene.gif) no-repeat;
	text-indent: -9999px;
	margin-top: 40px;
	margin-left: 40px;
}

#content_left_wat h1 {
	background: url(../images/header_wat-doet-wishkey.gif) no-repeat;
	text-indent: -9999px;
	margin-top: 40px;
	margin-left: 40px;
	height: 70px;
}

#content_left_contact h1 {
	background: url(../images/header_contact.gif) no-repeat;
	text-indent: -9999px;
	margin-top: 40px;
	margin-left: 40px;
	height: 70px;
}

#content_left_wish h1 {
	background: url(../images/header_wens-voor-wishkey.gif) no-repeat;
	text-indent: -9999px;
	margin-top: 40px;
	margin-left: 40px;
	height: 70px;
}

#content_left_wie #foto {
	margin-left: 40px;
	padding-top: 30px;
	margin-right: 20px;
}

#content_left_wie #linked_in {
	margin-left: 40px;
	clear: both;
}

#content_left_wie img {
	float: left;
}

.clear { /* hack IE 6 & 7 */
    overflow: hidden;
    width: 100%;
    margin-bottom: 16px;
}

#content_left_wie p {
	font-size: 11px;
	margin-left: 20px;
	margin-top: 10px;
	line-height: 16px;
	color: #4d4d4d;
	float: left;
	width: 200px;
}

#content_left_wat #copy_left, #content_left_contact #copy_left, #content_left_wish #copy_left {
	margin-left: 40px;
	margin-right: 30px;
}

#content_left_wat #copy_left p, #content_left_contact #copy_left p, #content_left_wish #copy_left p {
	font-size: 11px;
	margin-bottom: 10px;
	line-height: 16px;
	color: #4d4d4d;
}

.ywik {	
	text-transform: uppercase;
}

/* CONTENT RIGHT */
#content_right_home, #content_right_wie, #content_right_wat, #content_right_contact, #content_right_wish {
	float: right;
	width: 432px;
}

#content_right_home h1 {
	font-size: 11px;
	margin-bottom: 10px;
	line-height: 16px;
	color: #4d4d4d;
}

.bullet {
	color: #999999;
}

#content_right_home #copy, #content_right_wie #copy, #content_right_wat #copy, #content_right_contact #copy, #content_right_wish #copy {
	margin-top: 110px;
	margin-right: 40px;
}

#content_right_home #copy p, #content_right_wie #copy p, #content_right_wat #copy p, #content_right_contact #copy p, #content_right_wish #copy p {
	font-size: 11px;
	margin-bottom: 10px;
	line-height: 16px;
	color: #4d4d4d;
}

#content_right_home #copy p a:link, #content_right_home #copy p a:visited,
#content_right_wie #copy p a:link, #content_right_wie #copy p a:visited,
#content_right_wat #copy p a:link, #content_right_wat #copy p a:visited,
#content_right_contact #copy p a:link, #content_right_contact #copy p a:visited,
#content_right_wish #copy p a:link, #content_right_wish #copy p a:visited {
	color: #4d4d4d;
	text-decoration: underline;
}

#content_right_home #copy p a:hover, #content_right_home #copy p a:active,
#content_right_wie #copy p a:hover, #content_right_wie #copy p a:active,
#content_right_wat #copy p a:hover, #content_right_wat #copy p a:active,
#content_right_contact #copy p a:hover, #content_right_contact #copy p a:active,
#content_right_wish #copy p a:hover, #content_right_wish #copy p a:active {
	color: #4d4d4d;
	text-decoration: underline;
}


/* FORM */
form {
	margin-top: 10px;
}

label {
	width: 20%;
	text-align: left; 
	float: left;
	font-size: 11px;
	color: #4d4d4d;
	margin-left: 20px;
	padding: 4px;
}

.row {
	padding:4px;
}

#bericht {
	margin-top: 3px;
	
}

#submit{
	margin-left: 103px;
	margin-top: 5px;
	outline: none;
}

.required {
	margin-top: 40px;
}

.not_published {
	margin-top: 30px;
}

#charcount {
	font-size: 11px;
	color: #cccccc 
}

input, textarea {
	font-family: 'Verdana', sans-serif;
	font-size: 11px;
}