/* CSS van De Socialist Online - de linkste site van Nederland. */

/* 
------------------------------------------------------------------
Inhoud van dit stylesheet:
==========================
1 - overkoepelende divs
2 - divs voorpagina
3 - divs artikelpagina
4 - divs agendapagina
5 - divs infopagina
6 - divs themapagina
7 - divs socialistpagina
8 - divs boekenpagina
10 - opmaak fonts e.d.
------------------------------------------------------------------
*/

/* 1 - overkoepelende divs */

html {
	width: 100%;
	height: 100%;
}

body {
	margin: 0px;
	width: 100%;
	height: 100%;
	background: #eee url('images/bg/bg.png') repeat;
}

html>body .canvas {
	height: auto;
}

#fuselage {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	}

#bazzblok0 {
	position: absolute;
	left: 50%;
	overflow: visible;
}

#bazzblok1 {
	position: absolute;
	left: -470px;
	width: 940px;
	overflow: hidden;
	background: #fff;
}

.bazzbreak {
	clear: both;
}

.paddingleft {padding: 0 0 0 20px;}
.paddingaboblok {padding: 0 15px 0 15px;}
.paddingtop10 {padding: 10px 0 0 0;}
.paddingtop5 {padding: 5px 0 0 0;}

#kopblok {padding: 0 0 10px 0;}

#siteheader {
	float: left;
	width: 920px;
	height: 70px;
	overflow: hidden;
}

#headerleft {	
	float: left;
	width: 500px;
	height: 70px;
	overflow: hidden;
}

#headerright {
	float: left;
	width: 400px;
	height: 70px;
	overflow: hidden;
}

#navigatie {
	float: left;
	width: 900px;
	height: auto;
	overflow: hidden;
	background-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #ccc;
}

#banner {
	float: left;
	width: 920px;
	height: 51px;
	overflow: hidden;
}

#voetnoot
{
	float: left;
	width: 920px;
	height: 4em;
	overflow: hidden;
}

#semperscroll {
	position: absolute;
	bottom: -1px;
}


.thebottomline155 {display: block; height: 2px; width: 155px; background: transparent url('images/icons/streepje.gif') repeat-x; padding: 0; margin: 0}
.thebottomline200 {display: block; height: 2px; width: 200px; background: transparent url('images/icons/streepje.gif') repeat-x; padding: 0; margin: 0}
.thebottomline330 {display: block; height: 2px; width: 330px; background: transparent url('images/icons/streepje.gif') repeat-x; padding: 0; margin: 0}
.thebottomline395 {display: block; height: 2px; width: 395px; background: transparent url('images/icons/streepje.gif') repeat-x; padding: 0; margin: 0}
.thebottomline496 {display: block; height: 2px; width: 496px; background: transparent url('images/icons/streepje.gif') repeat-x; padding: 0; margin: 0}
.thebottomline550 {display: block; height: 2px; width: 550px; background: transparent url('images/icons/streepje.gif') repeat-x; padding: 0; margin: 0}
.thebottomline745 {display: block; height: 2px; width: 745px; background: transparent url('images/icons/streepje.gif') repeat-x; padding: 0; margin: 0}
.thebottomline900 {display: block; height: 2px; width: 900px; background: transparent url('images/icons/streepje.gif') repeat-x; padding: 0; margin: 0}

/* 2 - divs voorpagina */

#voorpagina_eerstetweedekolom {
	float: left;
	width: 570px;
	height: auto;
	overflow: hidden;
}

#voorpagina_bovenkant_eerstekolom
{
	float: left;
	width: 350px;
	height: auto;
	overflow: hidden;
}

#voorpagina_bovenkant_tweedekolom
{
	float: left;
	width: 220px;
	height: auto;
	overflow: hidden;
}

#voorpagina_onderkant_eerstekolom
{
	float: left;
	width: 350px;
	height: auto;
	overflow: hidden;
}

#voorpagina_onderkant_tweedekolom
{
	float: left;
	width: 220px;
	height: auto;
	overflow: hidden;
}

#voorpagina_derdekolom
{
	float: left;
	width: 175px;
	height: auto;
	overflow: hidden;
}

#vierdekolom
{
	float: left;
	width: 175px;
	height: auto;
	overflow: hidden;
}

.specialblok {width: 155px; height: 210px;}

/* 3 - divs artikelpagina */

#artikelpagina_eerstekolom {
	float: left;
	width: 570px;
	height: auto;
	overflow: hidden;
}

#artikelpagina_tweedekolom
{
	float: left;
	width: 175px;
	height: auto;
	overflow: hidden;
	;
}

/* 4 - divs agendapagina */

#agendapagina_eerstekolom {
	float: left;
	width: 570px;
	height: auto;
	overflow: hidden;
}

#agendapagina_tweedekolom {
	float: left;
	width: 175px;
	height: auto;
	overflow: hidden;
	;
}

.agendapaginaitem {}
.agendaarchiefpaginaitem {}

/* 5 - divs t-shirts en boekenpagina */

#tshirtboekpagina_eerstekolom {
	float: left;
	width: 570px;
	height: auto;
	overflow: hidden;
}

#tshirtboekpagina_tweedekolom {
	float: left;
	width: 175px;
	height: auto;
	overflow: hidden;
	;
}

/* 6 - divs themapagina */

#themapagina_eerstetweedekolom {
	float: left;
	width: 745px;
	height: auto;
	overflow: hidden;
}

#themapagina_bovenkant_eerstekolom
{
	float: left;
	width: 350px;
	height: auto;
	overflow: hidden;
}

#themapagina_bovenkant_tweedekolom
{
	float: left;
	width: 395px;
	height: auto;
	overflow: hidden;
}

#themapagina_onderkant_eerstekolom
{
	float: left;
	width: 350px;
	height: auto;
	overflow: hidden;
}

#themapagina_onderkant_tweedekolom
{
	float: left;
	width: 395px;
	height: auto;
	overflow: hidden;
}

#themalist_bovenkant_eerstetweedederdekolom
{
	float: left;
	width: 248px;
	height: auto;
	overflow: hidden;
}

#themalist_onderkant_eerstekolom
{
	float: left;
	width: 496px;
	height: auto;
	overflow: hidden;
}

#themalist_onderkant_tweedekolom
{
	float: left;
	width: 247px;
	height: auto;
	overflow: hidden;
}

/* 7 - divs socialistpagina */

#socialistindex_eerstetweedederdekolom {
	float: left;
	width: 745px;
	height: auto;
	overflow: hidden;
}

#socialistindex_bovenkant_eerstetweedekolom
{
	float: left;
	width: 496px;
	height: auto;
	overflow: hidden;
}

#socialistindex_bovenkant_derdekolom
{
	float: left;
	width: 228px;
	height: auto;
	overflow: hidden;
	background: #bbb;
	margin: 0 0 15px 20px;
	padding: 0;
}

#socialistindex_onderkant_eerstetweedekolom
{
	float: left;
	width: 745px;
	height: auto;
	overflow: hidden;
}

#socialistindex_onderkant
{
	float: left;
	width: 496px;
	height: auto;
	overflow: hidden;
}

#socialistpagina_eerstetweedederdekolom {
	float: left;
	width: 745px;
	height: auto;
	overflow: hidden;
}

#socialistpagina_bovenkant_eerstetweedekolom
{
	float: left;
	width: 496px;
	height: auto;
	overflow: hidden;
}

#socialistpagina_onderkant_eerstetweedekolom
{
	float: left;
	width: 745px;
	height: auto;
	overflow: hidden;
}

#socialistpagina_onderkant
{
	float: left;
	width: 496px;
	height: auto;
	overflow: hidden;
}

#socialistarchief_eerstekolom {
	float: left;
	width: 570px;
	height: auto;
	overflow: hidden;
}

#socialistarchief_tweedekolom {
	float: left;
	width: 175px;
	height: auto;
	overflow: hidden;
	;
}

.socialistarchiefitem {display: block;}

/* 8 - boeken */

#winkelboeken_eerstekolom {
	float: left;
	width: 570px;
	height: auto;
	overflow: hidden;
}

#winkelboekenpagina_eerstekolom {
	float: left;
	width: 570px;
	height: auto;
	overflow: hidden;
}

.winkelboekenitem {display: block;}
.winkelboekenpaginaitem {display: block;}

/* 10 - opmaak fonts e.d. */

a {font-size: 100%; font-weight: normal; color: #06c; margin: 0; padding: 0; text-decoration: none;}
a.a_specialblok {color: #fff;}
a.a_banner, a.a_banner:visited, a.a_banner:hover {color: #999;}

a.navbalk:link {color: #000; display: block; margin: 0; padding: 0 9px;}
a.navbalk:visited {color: #000; display: block; margin: 0; padding: 0 9px;}
a.navbalk:hover {color: #fff; text-decoration: none; background: #ccc;}

/* overbodig geworden: */
a#a_navbalk_nieuws {display: block; width: 82px; height: 21px; background: url('images/menu/menubalk_nieuws.gif');}
a#a_navbalk_nieuws:hover {display: block; width: 82px; height: 21px; background: url('images/menu/menubalk_nieuws_over.gif');}
a#a_navbalk_thema {display: block; width: 82px; height: 21px; background: url('images/menu/menubalk_thema.gif');}
a#a_navbalk_thema:hover {display: block; width: 82px; height: 21px; background: url('images/menu/menubalk_thema_over.gif');}
a#a_navbalk_cultuur {display: block; width: 82px; height: 21px; background: url('images/menu/menubalk_cultuur.gif');}
a#a_navbalk_cultuur:hover {display: block; width: 82px; height: 21px; background: url('images/menu/menubalk_cultuur_over.gif');}
a#a_navbalk_agenda {display: block; width: 82px; height: 21px; background: url('images/menu/menubalk_agenda.gif');}
a#a_navbalk_agenda:hover {display: block; width: 82px; height: 21px; background: url('images/menu/menubalk_agenda_over.gif');}
a#a_navbalk_boeken {display: block; width: 82px; height: 21px; background: url('images/menu/menubalk_boeken.gif');}
a#a_navbalk_boeken:hover {display: block; width: 82px; height: 21px; background: url('images/menu/menubalk_boeken_over.gif');}
a#a_navbalk_tshirts {display: block; width: 82px; height: 21px; background: url('images/menu/menubalk_tshirts.gif');}
a#a_navbalk_tshirts:hover {display: block; width: 82px; height: 21px; background: url('images/menu/menubalk_tshirts_over.gif');}
a#a_navbalk_overdeis {display: block; width: 324px; height: 21px; background: url('images/menu/menubalk_overdeis.gif');}
a#a_navbalk_overdeis:hover {display: block; width: 324px; height: 21px; background: url('images/menu/menubalk_overdeis_over.gif');}
/* -- */

a.a_geen {text-decoration: none; color: #000; font-family: arial, verdana, sans-serif;}

a.a_geen:hover {text-decoration: none;}
a:hover {text-decoration: underline;}

a.a_blanco {text-decoration: none; color: #000;}
a.a_blanco:hover {text-decoration: none; color: #000;}

acronym:hover, abbr:hover {cursor: help;}

abbr[title], acronym[title] {border-bottom: thin dotted; cursor: help;}

em.socialistnummer {text-decoration: oblique;}

form {font-family: arial, verdana, sans-serif; font-weight: normal; line-height: 1.3; margin: 0 0 0.8em 0; padding: 0; font-size: 75%; color: #000;}

h1 {font-size: 140%; font-family: georgia, times new roman, serif; font-weight: normal; margin: 0 0 0.4em 0; padding: 0; line-height: 1;}
h1.artikel {font-size: 140%; font-family: georgia, times new roman, serif; font-weight: bold; margin: 0 0 0.4em 0; padding: 0;}
h2 {font-size: 100%; font-family: georgia, times new roman, serif; font-weight: normal; margin: 0.2em 0 0.3em 0; padding: 0; line-height: 1.1;}
h2.nieuwsarchief {font-size: 100%; font-family: georgia, times new roman, serif; font-weight: bold; margin: 1.2em 0 0.3em 0; padding: 0; line-height: 1.1;}
h2.agendapaginaitemkop {font-size: 120%; font-family: georgia, times new roman, serif; font-weight: normal; margin: -0.3em 0 0.4em 0; padding: 0;}
h2.agendaarchiefpaginaitemkop {font-size: 100%; font-family: georgia, times new roman, serif; font-weight: normal; margin: 0; padding: 0 0 0.4em 0;}

h2.winkelboekenpagina {font-size: 120%; font-family: georgia, times new roman, serif; font-weight: normal; margin: -0.3em 0 0.4em 0; padding: 0;}

h3.agendapaginaitemdatum {font-size: 100%; font-family: georgia, times new roman, serif; color: #666; font-weight: normal; margin: 0.3em 0 0.4em 0; padding: 0;}

h3.socialistarchief {font-size: 100%; font-family: georgia, times new roman, serif; color: #666; font-weight: normal; margin: 0.5em 0 0.4em 0; padding: 0;}

h3.winkelboek {font-size: 100%; font-family: georgia, times new roman, serif; color: #666; font-weight: normal; margin: 0.5em 0 0.4em 0; padding: 0;}

h3.winkelboekenpagina {font-size: 100%; font-family: georgia, times new roman, serif; color: #999; font-weight: normal; margin: 0.5em 0 0.4em 0; padding: 0;}

h3.agendaarchiefpaginaitemdatum {font-size: 90%; font-family: georgia, times new roman, serif; color: #999; font-weight: normal; margin: 0; padding: 0.2em 0 0.2em 0;}

h3.specialblok_kop {color: #fff; font-size: 130%; font-family: georgia, times new roman, serif; font-weight: normal; margin: 0; padding: 0 6px 6px 6px; line-height: 1.1em; text-transform: lowercase;}

h3.specialblok_subkop {color: #fff; font-size: 100%; font-family: georgia, times new roman, serif; font-style: italic; font-weight: normal; margin: 0; padding: 0 6px 6px 6px; line-height: 1.1em; text-transform: lowercase;}

h4 {font-family: georgia, times new roman; font-weight: bold; line-height: 1.2; margin: 0.5em 0 0 0; padding: 0; font-size: 80%; color: #000;}
h4.topnul {font-family: georgia, times new roman; font-weight: bold; line-height: 1.2; margin: 0; padding: 0; font-size: 80%; color: #000;}

h5 {font-family: arial, verdana, sans-serif; font-weight: bold; line-height: 1.3; margin: 0; padding: 0; font-size: 80%; color: #000;} 

img {display: block; margin: 0 0 5px 0; padding: 0; border:0;}
img.bannertje {border-bottom-style: solid; border-bottom-width: 1px;}
img.winkelboekenklein {float: left; padding-right: 8px; width: 65px;}
img.winkelboekengroot {float: left; padding-right: 15px; width: 150px;}

input {display: block; margin: 0 0 4px 0; padding: 0 10px 0 0;}

p {font-family: arial, verdana, sans-serif; font-weight: normal; line-height: 1.3; margin: 0 0 0.8em 0; padding: 0; font-size: 80%; color: #000;}
p.pklein {font-family: arial, verdana, sans-serif; font-weight: normal; line-height: 1.2; margin: 0 0 0.5em 0; padding: 0; font-size: 73%; color: #000;}
p.heenzending {text-align: center; font-family: arial, verdana, sans-serif; font-weight: normal; line-height: 1.4; margin: 0.5em 0 0 0; padding: 0; font-size: 70%; color: #000;}
p.inline {}

span.grijs {color: #555;}
span.lichtgrijs {color: #ccc; margin: -3px; padding: 0;}
span.grijsbold {color: #999; font-weight: bold;}
span.datum_lijst {font-family: arial, verdana, serif; color: #999; font-size: 80%;}
span.hidden {display: none;}

ul {font-family: arial, verdana, sans-serif; margin: 0 0 0.8em 18px; padding: 0; font-size: 80%;}
li {padding: 0; margin: 0.5em 0 0.5em 0;}

ul#slogan {float: right; display: block; text-align: right; list-style: none; padding: 0; padding-top: 25px; margin:0; width: 350px;}
li.sloganli {font-family: georgia, times new roman, sans-serif; font-weight: normal; margin: 0; font-size: 13px; color: #666;}

ul#viervastnavlijst {font-family: arial, verdana, sans-serif; font-size: 80%; list-style: none; padding: 0; margin: 0;}
li.viervastnav_li {padding: 3px 0 0 0; margin: 0;}

ul#navigatiebalk {width: 900px; font-family: georgia, times new roman, serif; font-size: 120%; font-weight: bold; list-style: none; padding: 0; margin: 0}
li.navbalkitem {display: block; float: left; margin: 0; padding: 0;}
.navbalkflupje {display: block; margin: 0; padding: 0; width: 2px; height: 21px; background: #ccc;}

ul.nieuwsitemslijst {width: 100%; font-family: georgia, times new roman, serif; font-size: 80%; font-weight: normal; list-style: none; padding: 0; margin: 0.5em 0 0 0}
li.lijstnieuwsitem {display: block; padding: 0 0 0 0; margin: 0;}

ul#agendalijst {font-family: georgia, times new roman, serif; font-size: 80%; margin: 0; padding: 0 0 0 16px; list-style-image: url('images/icons/agenda_listklein.png') }
li.agendalijstitem {position: relative; padding: 0.3em 0 0 0; margin: 0;}

ul#recentethemaslijst {font-family: georgia, times new roman, serif; font-size: 80%; margin: 0; padding: 0.5em 0 0 0; padding-left: 16px; list-style-image: url('images/icons/listster.gif') }
li.recentthema {position: relative; padding: 0 0 0.5em 0; margin: 0;}

/* diversen */
label {
	cursor: hand;
}

#icooncrusher img {width: 16px; height: 16px; padding-top: 10px}

#recaptchacontainer1 #recaptcha_image img { width: 180px;} 
#recaptchacontainer1 #recaptcha_only_if_image { width: 180px} 


.submitknop {display: inline; padding: 4px; margin: 5px 10px 0 0; color: #06c; background: #ddd; font-weight: bold; align: left; border: 1px dashed #555;}
.submitknop:hover {color: #fff; background: #666; border: 1px dashed #ffffff; cursor: pointer; /* cursor: hand; for IE5 */}

.clearknop {display: inline; padding: 4px; margin: 5px 10px 5px 0; color: #06c; background: #ddd; font-weight: normal; align: left; border: 1px dashed #555;}
.clearknop:hover {color: #fff; background: #666; border: 1px dashed #fff; cursor: pointer; /* cursor: hand; for IE5 */}

.button {display: inline; padding: 4px; margin-top: 5px; color: #06c; background: #ddd; font-weight: bold; align: left; border: 1px dashed #555;}
.button:hover {color: #fff; background: #666; border: 1px dashed #ffffff; cursor: pointer; /* cursor: hand; for IE5 */}

.foto_onderschrift {font-family: arial; font-size: 70%; text-align:left; padding-bottom: 5px; font-style:italic; color:gray; }

#amp {
	display: block;
	padding: 5px;
	float: right;
	border: inset 1px #888;
	background-color: #ccc;
	font-family: arial;
	font-size: 9px;
	width: 120px
	height: 120px;
	color: white;
	font-weight:bold;
}
#amp a { color: red; }


/* eind CSS. bedankt voor het lezen! */