@charset "utf-8";
/* CSS Document 
				
	In opdracht van				: G-rilla
	Design 						: Mill
	Code & functionaliteiten	: VanderLoo-Design.nl
	Websop & CMS				: Alwinus & VanderLoo-Design
	
	Updated: Augustus 2010
	
	g-rilla.nl
	Groningen 2010
	| © 2010 G-rilla |
				
	Kleurcodes
	achtergrondkleur			: #E5EEF9
	kleur rood					: #ce0020

––––––––––––––––––––––––––––––––––––––––––––––––*/ 

* {margin:0; padding:0;}

body {
	background-color:#E5EEF9;
	color:#21506E;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:normal;
	margin:auto;
	width:1000px;
	word-spacing:normal;
}

#container{
	background:url(../images/background_g-rilla.jpg) no-repeat;
	width:1000px;
}

	#header{}

		#header-logo{
			float:left;
		}
		
		#winkelmandje_aantal{
			float:right;
			margin:20px 20px 0 0;
		}

#title{
	float:right;
	padding:0 20px 5px 0;
}

#content{
	border:3px solid #ce0020;
	height:394px;
	width:974px;
}

#content_collectie_overzicht{
	background-color:#FFFFFF;
	border:3px solid #ce0020;
	height:394px;
	width:974px;
}

	#content_li{
		background-color:#FFFFFF;
		border-right:3px solid #ce0020;
		float:left;
		padding:30px 20px 0 20px;
		height:364px;
		width:397px;
	}

		#content_li li{
			list-style:outside;
			margin-left:15px;
		}

	#content_li_contact{
		background:url(../images/mees2.gif) no-repeat #ffffff center bottom; 
		border-right:3px solid #ce0020;
		float:left;
		padding:30px 20px 0 20px;
		height:364px;
		width:397px;
	}
	
	#content_li_vrienden{
		background:url(../images/hidde2.jpg) no-repeat bottom right #FFFFFF;
		border-right:3px solid #ce0020;
		float:left;
		padding:30px 20px 0 20px;
		height:364px;
		width:397px;
	}

		#content_li_vrienden p{
			width:300px;
		}

	#content_li_nieuws{
		background:url(../images/buttons-collectie/korte_mouw_bg.jpg) no-repeat bottom right #FFFFFF;
		border-right:3px solid #ce0020;
		float:left;
		padding:30px 20px 0 20px;
		height:364px;
		width:397px;
	}


	#content_re{
		background-color:#FFFFFF;
		float:left;
		height:344px;
		padding:30px 30px 20px 20px;
		width:484px;
	}

	#content_re_trans_25{
		background:url(../images/bg_trans_25.png) repeat;
		float:left;
		height:394px;
		width:534px;
	}

	#content_re_trans_50{
		background:url(../images/bg_trans.png) repeat;
		float:left;
		height:344px;
		padding:30px 30px 20px 20px;
		width:484px;
	}

	#content_re_product_details{
		background-color:#FFFFFF;
		float:left;
		height:394px;
		width:534px;
	}


#navigatie{
	height:30px;
	margin-left:-5px;
}

#bottom{
	height:44px;
}

#ontwerp{
	font-size:10px;
	margin-right:10px;
	text-align:right;
}

/*---Pages–––––––––––––––––––––––––––––––––––––––––––––––*/


/*home*/
#home_categorieen{
	height:400px;
}

#home_categorieen a.home_categorieen_nav img{
	margin-right:6px;
}

#content-collecite{
	background-color:#ffffff;
	height:394px;
	width:975px;
}

	#content-collecite li{
		list-style-position:outside;
		list-style-type:none;
	}

	#content-collectie-li{
		background-color:#ce0020;
		float:left;
		height:374px;
		padding-top:20px;
		width:210px;
	}
	
	#content-collectie-re{
		float:right
	}


div.collectie_overzicht{
	height:484px;
	margin-left:124px;
	padding-top:0px;
	width:850px;
}

	div.collectie_details{
		float:left;
		width:240px;
	}

#content_re_collectie img{
	margin:170px 0 0 20px;
}

div.collectie_tshirt{
	display:block;
	height:165px;
	text-decoration:none;
	width:240px;
}

div.collectie_tshirt_naam{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	float:left;
	margin:10px 0 0 85px;
}

div.rode_pijl{
	float:left;
	margin:5px 0 0 10px;
}

div.rode_pijl_collectie{
	float:left;
	margin:10px 0 0 10px;
}

div.rode_pijl_li{
	float:left;
	margin:5px 10px 0 0;
}

#content_collectie_overzicht{
	background-color:#FFFFFF;
	height:394px;
	width:974px;
}

/*Product_details*/
div.product_details_attributen{
	float:left;
	margin-top:20px;
}
div.product_details_attributen_aantal{
	float:left;
	margin:20px 0 0 20px;
}
	div.attributen{
		height:30px;
	}

	#size{
		background-color:white;
		border: 1px solid #21506E;
		color:#21506E;
		margin:0 10px 10px 0;
		width:75px;
	}
	
	div.kleur{
		border:#000000 1px solid;
		color:#000;
		float:left;
		height:16px;
		margin:0 10px 10px 0;
		padding:0 5px 0 5px;
		width:30px;
	}

div.tekst_pijl{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	float:left;
	margin-top:5px;
}

div.tekst_pijl_li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float:left;
	margin:5px 80px 0 0;
}

/*Betaalmethoden*/
div.ideal-logo{
	margin-top:150px;
}

table.betaalmethoden{
	width:300px;
}

/*Nieuwsbrief*/
#nieuwsbrief{
	margin-top:250px;
}

/*Bestelling plaatsen*/
div.bestelling_verstuurd{
	margin:50px 0 0 30px;
}

/*---Pages––––––––––––––––––––––––––––––––––––––––einde––*/

/*---Menu––––––––––––––––––––––––––––––––––––––––––––––––*/

ul.main_navigatie{list-style:none; margin:0px; padding:0px;}
ul.main_navigatie li{float:left; margin:0px; padding:0px; width:110px;}

ul.main_navigatie_boven{list-style:none; margin:0px; padding:0}
ul.main_navigatie_boven li{float:left; height:400px; margin:0px; padding:0px; width:110px;}


/*---Images––––––––––––––––––––––––––––––––––––––––––––––*/
img {border:0; margin:0;}
img.maatlabel{margin:20px 0 20px 0;}
/*---Images–––––––––––––––––––––––––––––––––––––––Einde––*/


/*---Form––––––––––––––––––––––––––––––––––––––––––––––––*/
form{
/*    width:45px; */
}

select{
    background-color:white;
    border: 1px solid #21506E;
	color:#21506E;
    width:45px;
}
/*---form-––––––––––––––––––––––––––––––––––––––––einde––*/

/*---Hyperlinks––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited, a:active{
	color: #CE0020;
	text-decoration: none;
}

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

.blauw:link, .blauw:visited, .blauw:active{
	color: #21506E;
	text-decoration: none;
}

.blauw:hover {
	text-decoration: none;
	color: #CE0020;
}

#facebook li{
	display:inline;
	list-style:inside none;
	margin-right:10px;
}

/*---Hyperlinks–––––––––––––––––––––––––––––––––––einde––*/

h1{
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	letter-spacing: 2px;
	margin-left:5px;
	margin-top:80px;
}

span.kop_rood{
	color:#CE0020;
}

.grillatitels {
	color:#CE0020;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
}

div.spacer{clear:both;}

ul.product_details{ list-style: none;  padding: 0; }
ul.product_details li{ border:#ce0020 solid 1px; float:left; margin:0 10px 10px 0; padding:0 3px 0 3px;  position:relative;}

.melding-ok{
	margin-top:20px;
}

/*knopjes*/
input[type="submit"],input[type="reset"],input[type="button"] { 
  background:#ce0020; 
  border:1px solid #ce0020; 
  color:#fff;
  text-decoration:none; 
  width:75px;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{ 
  background:#fff; 
  border:1px solid #ce0020; 
  color:#ce0020; 
  text-decoration: none; 
  width:75px;
}

/*---Login formulier–––––––––––––––––––––––––––––––––––––*/
#loginform {
	background:#ffffff;
	border:solid 2px #CD001F;
	color:#242424;
	display:none;
	font-size:11px;
	left:35%;
	margin:0px;
	padding:10px 20px;
	position:absolute;
	top:20px;
	width:250px;
	z-index:10;
}
	#loginform h2{
		color:#242424;
		font-size:14px;
	}


	#loginform form {
		margin:0px;
		padding:0px;
	}

	#loginformheader{ 
		padding-left:73px;
	}

	input{
		background-color:#ffffff;
		border:solid 1px #D2D2D2;
		color:#464646;
		padding:1px 3px 1px 3px;
		width:150px;
	}


	#loginform-input input[type="submit"],input[type="reset"], #loginform-input input[type="button"] { 
	  background:url(../images/knoppen/knop_login.png) no-repeat;
	  border:0;
	  color:#ffffff;
	  cursor:pointer;
      font-size:13px;
	  font-weight:bold;
	  height:19px;
	  margin-top:10px;
	  text-decoration:none;
	  width:99px;
	}
	
	#loginform-input input[type="submit"]:hover,input[type="reset"]:hover, #loginform-input input[type="button"]:hover{ 
	  background:url(../images/knoppen/knop_login.png) no-repeat;
	  border:0;
	  color:#ffffff; 
	  cursor:pointer;
      font-size:13px;
	  font-weight:bold;
	  height:19px;
	  margin-top:10px;
	  text-decoration:none;
	  width:99px;
	}
	
	#loginform-input{
		background-color:#F2F9FC;
		border:solid 1px #D2D2D2;
		margin:20px 0px;
		padding:10px;
	}

		#loginform-input input{
			background-color:#ffffff;
			border:solid 1px #D2D2D2;
			color:#464646;
			padding:1px 3px 1px 3px;
			width:150px;
		}
		
		#loginform-input input[type="image"]{
			background-color:none;
			border:0;
			margin-top:10px;
			padding:0;
			width:75px;
		}

	#loginform-wachtwoord a{
		color:#242424;
		text-decoration:none;
	}

	#loginform-wachtwoord a:hover{
		color:#242424;
		text-decoration:underline;
	}

#forgot_password, #closelogonform{
	float:left; 
	margin-top:10px; 
	font-size:11px; 
}

	#forgot_password{
		width:200px;
	}

/*---Login formulier––––––––––––––––––––––––––––––einde––*/