/*====================================
kleuren website www.republika.nl
rood:		#cc0000
====================================*/

html, body {
	font-family: Georgia;
	font-size: 12px;
	color:#000000;
	height:100%;
}

body {
	background:url(../img/bg.jpg) repeat;
	padding:0px;
	margin: 0 auto;
	background-position:top center;
}

#container {
	width:990px;
	height:1550px;
	margin: 0 auto;
	border:0;
	background:url(../img/bg_container4.jpg) no-repeat;
	background-position:top;
}

/*----------------------------------------algemeen----------------------------------------*/
h1 {
	font-size: 30px;
	margin:0;
	padding:0;
	width:400px;
	height:32px;
	font-family: Tahoma, Verdana, Geneva;
}

h2 {
	font-size: 14px;
	width:350px;
	margin-bottom:10px;
	font-family: Tahoma, Verdana, Geneva;
	color:#cd0101;
}

h3 {
	font-size: 15px;
	width:300px;
	margin-bottom:0;
	font-family: Tahoma, Verdana, Geneva;
	color:#cd0101;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}

.clear {
	clear:both;
}

.spacer {
	height:10px;
	font-size:10px;
}

ul {
	margin: 5px 0 5px 0px;
	list-style:none;
	padding-left:50px;
}

ul li {
	background:url(../img/dot.gif) no-repeat;
	background-position:center left;
	padding-left:10px;
}

a {
	color:#cc0000;
	text-decoration:none;
}

a:hover {
	color:#cc0000;
	text-decoration:underline;
}

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

img {
	padding:0;
	margin:0;
	border:0;
}

.left {
	float:left;
}

.right {
	float:right;
}

/*----------------------------------------content----------------------------------------*/
#menu {
	width:566px;
	height:200px;
	font-size:11px;
	float:left;
}

#menu ul {
	list-style:none;
	margin: 30px 0 0 260px;
	padding-left:30px;
}

#menu ul li {
	background: none;
	padding:0;
}

#menu ul li a {
	color:#000000;
	font-size:17px;
	font-family:Georgia;
	text-decoration:none;
}

#menu ul li a:hover,
#menu ul li a.active {
	color:#cc0000;
	text-decoration:underline;
}

#content_all {
	width:880px;
	margin:25px 0 0 70px;
	float:left;
}

.content_left {
	width:420px;
	height:530px;
	float:left;
}

.content_right {
	width:420px;
	height:435px;
	float:left;
	margin:-10px 0 0 20px;
}

.content_bottom {
	width:230px;
	margin:20px 0 0 70px;
	float:left;
}

.content_bottom.large {
	width:490px;
}

#map {
	border:1px solid #cc0000;
  border-bottom: 15px solid #cc0000;
	margin:40px 0 0 0;
	width: 375px; 
	height: 275px;
}

#parkingLots {
width:400px;
height:400px;
margin-top:10px;
border:1px solid #cc0000;
border-bottom: 15px solid #cc0000;
}

#directions {
width:350px;
height:400px;
border:1px solid #cc0000;
border-bottom: 15px solid #cc0000;
margin-top:10px;
overflow:auto;
background:url(../img/directions.png) no-repeat center center;
}

#directions div {
background:#F0ECCF;
}

.klant {
	width:193px;
	height:221px;
	margin:0 10px 15px 0;
	float:left;
}

.table_home th,
.table_achtergrond th,
.table_webdesign_groningen th {
	text-align:right;
}

.table_advies_left {
}

.table_advies_right {
	margin-left:80px;
	float:left;
}

.table_advies_left th,
.table_advies_right {
	width:225px;
	text-align:right;
}

.achtergrond_ul {
	width:200px;
	padding:0; 
	margin-right:10px;
	float:left;
}

.klanten {
	width:200px;
	margin: 0;
	padding: 0;
}

.routebeschrijving {
	width:430px;
	margin:0 10px 10px 0;
	float:left;
}

.routebeschrijving ul {
	padding:0; 
	margin:0 10px 0 0;
	float:left;
}

/*----------------------------------------polaroid------------------------------------------*/

#polaroid {
	width:327px;
	height:335px;
	float:right;
	margin-top:-215px;
}

.polaroid_home {
	width: 327px;
	height: 335px;
	background: url(../img/polaroid_empty.png);
	*background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/polaroid_empty.png',sizingMethod='scale');
}

.polaroid_1 {
	width: 327px;
	height: 335px;
	background: url(../img/polaroid_1.png);
	*background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/polaroid_1.png',sizingMethod='scale');
}

.polaroid_2 {
	width: 327px;
	height: 335px;
	background: url(../img/polaroid_2.png);
}

.polaroid_3 {
	width: 327px;
	height: 335px;
	background: url(../img/polaroid_3.png);
}

.polaroid_3d {
	width: 327px;
	height: 335px;
	background: url(../img/polaroid_3d.png);
}

.polaroid_3people {
	width: 327px;
	height: 335px;
	background: url(../img/polaroid_3people.png);
}

.polaroid_4 {
	width: 327px;
	height: 335px;
	background: url(../img/polaroid_4.png);
}

.polaroid_5 {
	width: 327px;
	height: 335px;
	background: url(../img/polaroid_5.png);
}

.polaroid_6 {
	width: 327px;
	height: 335px;
	background: url(../img/polaroid_6.png);
	*background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/polaroid_6.png',sizingMethod='scale');
}

.polaroid_7 {
	width: 327px;
	height: 335px;
	background: url(../img/polaroid_7.png);
}

.polaroid_8 {
	width: 327px;
	height: 335px;
	background: url(../img/polaroid_8.png);
}

.polaroid_9 {
	width: 327px;
	height: 335px;
	background: url(../img/polaroid_9.png);
}

/*----------------------------------------footer------------------------------------------*/
#footer {
	width:100%;
	line-height:30px;
	font-size:11px;
	text-align:center;
	margin-top:10px;
}

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

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

/*----------------------------------------bottom----------------------------------------*/
#bottom {
	width:990px;
	height:425px;
	float:left;
}

#bottom_image {
	width:100%;
	height:360px;
	float:left;
}

.spin {
	width: 413px;
	height: 334px;
	margin-top:25px;
	margin-left:250px;
	background: url(../img/spin.png);
}

.salamander {
	height: 289px;
	width: 500px;
	margin-left:150px;
	background: url(../img/salamander.png);
}

.salamander1 {
	height: 518px;
	width: 303px;
	background: url(../img/salamander1.png);
}

.schoenen {
	height: 281px;
	width: 400px;
	margin-top:40px;
	margin-left:250px;
	background: url(../img/schoenen.png);
}

.koffiekop {
	height: 300px;
	width: 287px;
	background: url(../img/koffiekop.png);
}

.pepers {
	height: 197px;
	width: 336px;
	background: url(../img/pepers.png) no-repeat;
}

.pepers.contact {
margin:0 0 0 300px;
}

.pin {
	width: 250px;
	height: 239px;
	background: url(../img/pin.png) no-repeat;
}

.pin_small {
	width: 175px;
	height: 167px;
	margin:0 0 0 100px;
	background: url(../img/pin_small.png) no-repeat;
}

.sticker {
	height: 400px;
	width: 400px;
	margin:30px 0 0 0;
	background: url(../img/sticker.png) no-repeat;
}

.sticker_small {
	height: 150px;
	width: 150px;
	background: url(../img/sticker_small.png) no-repeat;
}

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

/*----------------------------------------advies formulier----------------------------------------*/
.dinputtext {
	background: url(../img/inputtext.gif) no-repeat top left;
	float: left;	
	width: 173px;	
	height: 18px;
	padding: 4px;	
}

.inputtext {
	height: 14px;
	width: 170px;	
	border: 0px;
	font-size: 11px;
	background:none;
}

.dinputtextsmall {
	background: url(../img/inputtextsmall.gif) no-repeat top left;
	float: left;
	height: 18px;	
	padding: 4px;	
}

.inputtextsmall {
	width: 52px;
	height: 14px;
	border: 0px;
	font-size: 11px;
	background:none;
}

.dinputarea {
	background: url(../img/inputarea.gif) no-repeat top left;
	height: 62px;	
	width: 260px;
}

.inputarea {
	width: 233px;
	height: 51px;
	border: 0px;
	font-size: 11px;
	margin: 4px;
	overflow: auto;
	background:none;
}

.inputbutton {
	float: right;
	height: 40px;
}

.inputbutton a {
	color: #cc0000;
	text-decoration: none;
}

.inputbutton a:hover {
	color: #cc0000;
	text-decoration: none;
}

/*-------------------------------------tv frontpage CSS---------------------------------------*/
#tv
{
  width:420px;
  height:288px;
}

#tvbg
{
  background: url(../img/tv/tvbg.png) no-repeat;
  width:420px;
  height:288px;
  position: absolute;
  z-index: 999;
}

ul#animated-showcase
{
  position: absolute;
  top:-5px;
  left:-11px;
  list-style-type: none;
}

ul#animated-showcase li img{
  
}

.innerfade-title{
  position: absolute;
  top: 20px;
  right: 80px;
  z-index: 400;
}

.innerfade-title h2{
  color: #CD0101;
  font-weight: bold;
  margin-top: 0;
  text-transform:uppercase;
  margin-bottom: 0;
  text-align: right;
  font-family: Arial;
  font-size: 14px;
  font-style: italic;
  line-height: 34px;
}

/*----------------------------------------einde CSS------------------------------------------*/