html {
font-family : Verdana;
font-size : 11px;
line-height : 24px;
}
body {
background-image : url(../autoschade_img/content/body_bg.gif);
background-color : black;
font-family : Verdana;
color : white;
font-size : 11px;
background-repeat : repeat-x;
}
h1 {
font-family : Verdana;
font-size : 16px;
color : #ff0101;
}
h2 {
font-family : Verdana;
font-size : 14px;
color : #ff1010;
}
h3 {
font-family : Verdana;
font-size : 12px;
color : #ff1001;
}
h4 {
font-family : Verdana;
font-size : 11px;
color : white;
margin : 0;
line-height : 15px;
}
h5 {
font-family : Verdana;
font-size : 11px;
color : white;
}
p {
font-family : Verdana;
font-size : 11px;
}
table, tr, td {
font-family : Verdana;
font-size : 11px;
}
img {
border-color : white;
}
hr {
height : 1px;
border-bottom : 0;
border-color : #888;
margin : 0;
margin-right : 10px;
}
#pagina a:link, #pagina a:active, #pagina a:visited, #navigatie a:link, #navigatie a:active, #navigatie a:visited {
background-color:transparent;
color : red;
text-decoration : none;
}
#pagina a:hover {
color : #ccc;
}
a.website:link, a.website:visited, a.website:active {
color : white;
text-decoration : underline;
}
a.website:hover {
text-decoration : none;
}
#content {
font-family : Verdana;
font-size : 11px;
position : relative;
margin : 0 0 0 50%;
width : 980px;
min-height : 700px;
top : 50px;
left : -490px;
height : 790px;
background : black url(../autoschade_img/content/content_bg.gif) repeat-x 0% bottom;
}
#Autoschadebedrijf-Roks {
position : relative;
left : 20px;
top : -30px;
overflow : hidden;
width : 175px;
height : 74px;
padding : 0;
}
#navigatie {
position : absolute;
z-index : 999;
font-family : Verdana;
font-size : 9px;
margin : 0 0 0 50%;
width : 720px;
top : 0;
left : -250px;
}
#footer {
position : relative;
z-index : 99;
font-family : Verdana;
font-size : 11px;
margin : 0 0 0 50%;
width : 980px;
top : 50px;
left : -490px;
}
#menuTop {
position : relative;
left : 20px;
top : 0;
margin : 0;
width : 195px;
height : 22px;
background-image : url(../autoschade_img/content/menu_top.gif);
background-repeat : no-repeat;
background-position : left top;
}
#menu {
position : relative;
left : 20px;
top : 0;
background-image : url(../autoschade_img/content/menu_bg.gif);
background-repeat : repeat-y;
background-position : 0% bottom;
width : 195px;
z-index : 9999;
}
#menuBottom {
position : relative;
left : 20px;
top : 0;
margin : 0;
width : 195px;
height : 280px;
}
#pagina {
position : absolute;
left : 240px;
top : 230px;
width : 700px;
height : 500px;
padding : 10px;
overflow:auto;
}
#header {
position : absolute;
top : -30px;
left : 240px;
width : 710px;
height : 200px;
padding : 0;
margin : 0;
border : 5px solid white;
}
#slide-images, #slide-images2 {
position : relative;
width : 710px;
height : 200px;
margin : 0;
padding : 0;
overflow : hidden;
display : block;
}
#slide-images ul, #slide-images2 ul {
margin : 0;
padding : 0;
}
#slide-images li, #slide-images2 li {
position : absolute;
display : block;
list-style-type : none;
margin : 0;
padding : 0;
}
#slide-images li img {
display : block;
}
#payOff {
position : absolute;
top : 180px;
left : 250px;
}
#payOff h1 {
color : white;
font-size : 14px;
}
.telefoon {
font-size : 30px;
}
#ster {
position : fixed;
left : 50%;
margin-left : 400px;
top : 80px;
z-index : 999;
width : 118px;
height : 119px;
padding : 0;
}
img.logo {
overflow : hidden;
width : 175px;
height : 74px;
border : 0;
background-image : url(../autoschade_img/content/autoschadebedrijf-Roks.gif);
background-repeat : no-repeat;
background-position : 0% 0%;
}
img.logo:hover {
overflow : hidden;
width : 175px;
height : 74px;
border : 0;
background-image : url(../autoschade_img/content/autoschadebedrijf-Roks.gif);
background-repeat : no-repeat;
background-position : 0% -74px;
}
.sidebarmenu ul li a.selected, .sidebarmenu ul li a.selected:link, .sidebarmenu ul li a.selected:visited, .sidebarmenu ul li a.selected:active {
background-color : red;
color : white;
}
.sidebarmenu ul {
margin : 0;
padding : 0;
list-style-type : none;
font : bold 11px Verdana;
width : 185px;
text-align : center;
border : 0;
border-left : 5px solid white;
border-right : 5px solid white;
}
.sidebarmenu ul li {
position : relative;
}
.sidebarmenu ul li a {
display : block;
overflow : auto;
color : white;
text-decoration : none;
padding : 6px;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active {
background-color : #dc0b1d;
}
.sidebarmenu ul li a:visited {
color : white;
}
.sidebarmenu ul li a:hover {
background-color : red;
}
.sidebarmenu ul li ul {
position : absolute;
width : 190px;
top : -5px;
visibility : hidden;
border : 5px solid white;
border-left : 0;
}
.sidebarmenu a.subfolderstyle {
background : url(../autoschade_img/content/pijltje.gif) no-repeat 99% 50%;
}
* html .sidebarmenu ul li {
float : left;
height : 1%;
}
* html .sidebarmenu ul li a {
height : 1%;
}
input, textarea, select {
font : 11px/16px Tahoma, Arial, sans-serif;
}
input.normal, textarea.normal {
width : 180px;
}
textarea.normal {
min-height : 60px;
}
textarea.mod3{
height:100px;
}

input.button {
color : #777777;
border : 1px solid #777777;
height : 24px;
font-weight : bold;
}
.error {
color : #ff1111;
}
.hide {
display : none;
}
/* Social */
div.sociable{
	margin:0px;
	float:right;
	padding:0;
	margin-top:-20px;
	display:block;
	margin-right:0px;
}
.sociable img{
	float: none;
	width: 20px;
	height: 20px;
	border: 0;
	margin: 0;
	padding: 0;
}

div.sociable a {
	text-dexoration:none;
	float: left;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	background: url("social-sidebar.png");
}
div.sociable a.hyves {
	background-position: 0px 0px;
}
div.sociable a.hyves:hover {
	background-position: 0px 20px;
}
div.sociable a.twitter {
	background-position: -20px 0px;
}
div.sociable a.twitter:hover {
	background-position: -20px 20px;
}
div.sociable a.linkedin {
	background-position: -40px 0px;
}
div.sociable a.linkedin:hover {
	background-position: -40px 20px;
}
div.sociable a.rss {
	background-position: -60px 0px;
}
div.sociable a.rss:hover {
	background-position: -60px 20px;
}
div.sociable a.youtube {
	background-position: -80px 0px;
}
div.sociable a.youtube:hover {
	background-position: -80px 20px;
}
div.sociable a.flickr {
	background-position: -100px 0px;
}
div.sociable a.flickr:hover {
	background-position: -100px 20px;
}
div.sociable a.facebook {
	background-position: -120px 0px;
}
div.sociable a.facebook:hover {
	background-position: -120px 20px;
}