/* --------------------- overige stijlen --------------------- */ .button { /* knop */ display:block; padding:1%; margin:2%; float:left; position: relative; text-align:center; text-decoration:none; text-transform:uppercase; color:rgba(255,255,255,0.7); background-color:rgba(0,0,0,0.7); cursor:pointer; } .button:hover { /* rollover van knop */ padding-top:1.1%; padding-bottom:0.9%; color:rgba(255,255,255,1); background-color:rgba(0,0,0,0.5); } hr { /* lijnstijl van horizontale lijn */ border:none; border-top: 2px dotted #ccc; } .shadow { /* schaduw */ -webkit-box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:-3px 4px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.3); } .rounded { /* ronde hoeken */ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .left { /* lijn links uit */ float:left !important; margin-right:2% !important; margin-left:0 !important; } .right { /* lijn rechts uit */ float:right !important; margin-left:2% !important; margin-right:0 !important; } .no_bg { /* verwijder achtergrondkleur/afbeelding */ background:none !important; } body:after { /* achtergrond afbeelding met transparantie */ background-image:url('../images/wolk_zon.png'); background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; opacity: 0.5; content: ""; top: 0; left: 0; bottom: 0; right: 0; position: fixed; z-index: -1; }