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

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

}

html {
	background:url(../img/bg.jpg) repeat;
}

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

#container {
	width:990px;
	height:1550px;
	margin: 0 auto;
	border:0;
	background-position:top;
}

/*----------------------------------------fonts----------------------------------------*/

@font-face {
	font-family: 'KippNo1Regular';
	src: url('../fonts/kipp-no1-webfont.eot');
	src: local('?'), url('../fonts/kipp-no1-webfont.woff') format('woff'), url('../fonts/kipp-no1-webfont.ttf') format('truetype'), url('../fonts/kipp-no1-webfont.svg#webfontaIGKBeNE') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTStd57Condensed';
	src: url('../fonts/helveticaneueltstd-cn-webfont.eot');
	src: local('?'), url('../fonts/helveticaneueltstd-cn-webfont.woff') format('woff'), url('../fonts/helveticaneueltstd-cn-webfont.ttf') format('truetype'), url('../fonts/helveticaneueltstd-cn-webfont.svg#webfont0jfLGDtc') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

h2 {
	font-size: 14px;
	width:350px;
	margin-bottom:10px;
	font-family: HelveticaNeueLTStd57Condensed, 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);
}

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

.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);
}

.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;
}

.submit {
	background: #CD0101;
	border:0;
	padding:4px 8px;
	font-weight: 400;
	font-size:18px;
	letter-spacing: 2px;
	color:#fff;
	font-family: KippNo1Regular, Tahoma, Verdana, Geneva;
	cursor:pointer;
}

.submit:hover {
	background: #111;
}

/*-------------------------------------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------------------------------------------*/

/* Slider *****/
.slider                         { width: 360px; height: 435px; position: relative; margin: 0; }
.slider .wrapper                { width: 360px; overflow: auto; height: 396px; margin: 0 0; position: absolute; top: 0; left: 0; }
.slider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; }
.slider .wrapper ul li          { display: block; float: left; padding: 0; height: 435px; width: 360px; margin: 0; background:none;}
.slider .arrow                  {  }
.slider .forward a              { background-position: -9px -16px; }
.slider .back a                 { background-position: -9px 0px; margin:0 7px 0 0; }
.slider .forward a:hover        { background-position: 0 -16px; }
.slider .back a:hover           { background-position: 0 0; }
.slider h3 						{ background:#cd0101;color:#fff;padding:5px;width:100%;margin:0; }
.slider h3 a 					{ color:#fff; }
.slider .read-more 				{ background:url(../img/slider-nav-arrow-bg.gif) no-repeat right -33px;padding-right:22px; }

.thumbNav                       { position: absolute; padding:7px; top: 0; right:0; text-align: center; height:14px; z-index:10; background:url(../img/slider-nav-bg.gif) no-repeat 50% 7px #CD0101;}
.thumbNav ul                    { padding:0;margin:0; height:16px;width:25px;overflow:hidden }
.thumbNav li                    { float: left; padding:0;}
.thumbNav a                     { cursor: pointer; height:16px;width:9px; background:url(../img/slider-nav-arrow-bg.gif) no-repeat 0 0; text-indent:-9999px; display:block; }

.start-stop                     { display:none; z-index: 10; background: green; background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.start-stop.playing             { background-color: red; }
.start-stop:hover               { background-image: none; }

/*
  Prevents
*/
.slider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.slider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.twtr-widget * {
	font-family: Georgia, serif !important;
}

.twtr-ft a img {
	display: none;
}

.row {
	overflow:hidden;
	clear: both;
	margin:20px 0 0 70px;
}

.row .col {
	width:244px;
	margin-right:30px;
	float:left;
}

.row .col.last {
	margin-right:0;
}

.row .sitemap a {
	color: #000;
}

.row h3 {
	margin-bottom: 5px;
}