*
{
	margin: 0;
	padding: 0;
}


body{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	
}

a
{
	color:gray;
}


a:hover
{
	color:#9fb4cc;
}

hr
{
	border-color:#db4105;	
}

img
{
	border:none;
}

#header
{
	background-color: #000000;
	background: url(../images/header_bg.gif);
	width: 100%;
	height: 132px;
	
}

#header #container 
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#header #container h1
{
	margin-top: 23px;
	background: url(../images/logo.gif);
	background-repeat: no-repeat;
	font-size: 0px;
	height: 48px;
	width: 298px;
	display: block;
	position: relative;
	float: left;

}

#header #container #slogan1
{
	background: url(../images/slogan1.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 361px;
	margin-top: 18px;
	float: right;
}


ul#topmenu { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
	  width: 100%;
	 /* width: 100%;*/
      height: 30px;
} 

ul#topmenu li { 
      float: left; 
      height: 30px; 
	  margin-top:19px;
} 
 
 
ul#topmenu li a { 
      display: block; /* We maken er een block element van */ 
      text-indent: -9999px; /* Zorg ervoor dat de text verdwijnt. */ 
      overflow: hidden; /* IE 5 */ 
      height: 27px;
} 
 
 
ul#topmenu li a.index { 
      width: 105px; 
      background: url('../images/homepagina.gif') no-repeat top left; 
} 
ul#topmenu li a.index:hover { /* Bij mouseover */ 
      background: url('../images/homepagina2.gif') no-repeat top left; 
} 
ul#topmenu li a.ringtones { 
      width: 91px; 
      background: url('../images/ringtones.gif') no-repeat top left; 
} 
ul#topmenu li a.ringtones:hover { /* Bij mouseover */ 
      background: url('../images/ringtones2.gif') no-repeat top left; 
} 
ul#topmenu li a.afbeeldingen { 
      width: 110px; 
      background: url('../images/afbeeldingen.gif') no-repeat top left; 
} 
ul#topmenu li a.afbeeldingen:hover { /* Bij mouseover */ 
      background: url('../images/afbeeldingen2.gif') no-repeat top left; 
} 
ul#topmenu li a.games { 
      width: 70px; 
      background: url('../images/games.gif') no-repeat top left; 
} 
ul#topmenu li a.games:hover { /* Bij mouseover */ 
      background: url('../images/games2.gif') no-repeat top left; 
} 
ul#topmenu li a.themas { 
      width: 76px; 
      background: url('../images/themas.gif') no-repeat top left; 
} 
ul#topmenu li a.themas:hover { /* Bij mouseover */ 
      background: url('../images/themas2.gif') no-repeat top left; 
} 
 

#containerb 
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

#containerb h1
{
	margin-top: 30px;
	font-size: 24px;
}

 #links
{

	width: 234px;
	position: relative;
	display: block;
	float: left;


}

#links #blokb {
	height: 234px;
	width: 234px;
	margin-top: 15px;

}

#links #blokc {
	background: url(../images/blok-blauw.gif);
	background-repeat: no-repeat;
	height: 204px;
	width: 234px;

	padding-top: 30px;
}

#links #blokc ul
{
	padding-left: 30px;
	list-style-type: square;
	color: #ffffff;
	
}

#links #blokc a 
{
	color: #ffffff;
	text-decoration: none;
	
}

#links #blokc a:hover
{
	text-decoration: underline;
}

#content
{
	width: 715px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	position: relative;
	display: block;
	float: right;
}

#content h2
{
	color: #9fb4cc;
	margin-top: 0;
}

#content ul
{
	margin-left: 20px;
}

table.content{border:0; padding:0; margin:0;}
table.content td{padding:4px; width:200px; border-bottom:solid 1px #DEDEDE;}
table.content th{padding:4px;}
table.content thead{background:#e3edef; color:#333333; text-align:left;}
table.content tfoot{font-weight:bold; }
table.content tfoot td{border:none;}

table.telefoon{border:0; padding:0; margin:0;}
table.telefoon td{padding:4px; width:200px; border-bottom:solid 1px #DEDEDE; text-align:center;}
table.telefoon th{padding:4px;}
table.telefoon thead{background:#e3edef; color:#333333; text-align:center;}
table.telefoon tfoot{font-weight:bold; }
table.telefoon tfoot td{border:none;}


#content #leftmenu
{
	width:150px;
	float:left;

}

#content #leftmenusmall
{
	width:100px;
	float:left;

}

#footer
{
	background-color: #000000;
	background: url(../images/footer-bg.gif);
	width: 100%;
	height: 118px;
	margin-top: 15px;
}

#footer #container 
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
}

#footer #container #rij
{
	color:#e35e2b;
	width: 163px;
	float: left;
	padding-top:15px;
	
}

#footer #container ul{
	list-style-type: none;
}

#footer #container a
{
	color: #e35e2b;
	text-decoration:none;
}

#footer #container a:hover
{
	text-decoration:underline;
}


label.formulier {
	
	float: left;
	width: 160px;
	text-align: left;
	cursor: pointer;

}

label.align_text {
	float: left;
	width: 120px;
	text-align: right;
}


input, submit, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.cms-error {
	padding: 8px;
	margin: 8px;
	border: 1px solid #f00;
	background: #ffcccc;
	color: #f00;
	font-weight: bold;
	width:450px;
}
.cms-warning {
	padding: 8px;
	margin: 8px;
	border: 1px solid #ffd800;
	background: #ffef87;
	color: #d58c00;
	width:450px;
}
.cms-success {
	padding: 8px;
	margin: 8px;
	border: 1px solid #2f9000;
	background: #c1ffab;
	color: #2f9000;
	font-weight: bold;
	width:450px;
}
.cms-error li, .cms-warning li {
	font-weight: normal;
}

/* ringtonio */

.syc
  {
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
  color: #000000;
  }

.stable
  {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
  color: #000000;
  background-color: #FFFFFF;
  }

.ssubmit
  {
  font-family: arial;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  color: #000000;
  }

.srttitle
  {
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
  color: #000000;
  }

.snormal, .sinput, .ringtr1, .ringtr0, .ringtext:link, .ringtext:visited, .ringtext:active, .ringtable, .ringpos1, .logotr1, .logotr0, .logotable, .logobody, .lcat
  {
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  color: #000000;
  }

.slink:link, .slink:visited, .slink:active, .rpgtr, .lpgtr
  {
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  color: #0000EE;
  }

.slink:hover
  {
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  font-style: normal;
  color: #0000FF;
  }

.scap
  {
  font-family: arial;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
  color: #000000;
  }

.rpg4, .lpg4
  {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
  color: #A0A0A0;
  }

.rpg3, .lpg3
  {
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
  color: #707070;
  }

.rpg2:link, .rpg2:visited, .rpg2:active, .ringpos, .lpg2:link, .lpg2:visited, .lpg2:active, .lcattext:link, .lcattext:visited, .lcattext:active
  {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
  color: #000000;
  }

.rpg2:hover, .lpg2:hover
  {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
  color: #000000;
  background-color: #ff9900;
  }

.rpg1:link, .rpg1:visited, .rpg1:active, .lpg1:link, .lpg1:visited, .lpg1:active
  {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
  color: #707070;
  }

.rpg1:hover, .lpg1:hover
  {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
  color: #707070;
  background-color: #ff9900;
  }

.ringtext:hover
  {
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  font-style: normal;
  color: #000000;
  }

.logocap
  {
  font-family: arial;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
  color: #000000;
  }

.lcattext:hover
  {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  font-style: normal;
  color: #000000;
  }