@charset "utf-8";
/* CSS Document fuer nederlands.de*/

/* --- Colours ---------------------------------------- */
/*
#c30    = dark orange
#ed5400	= light orange
#202085 = dark blue
#b9b9d9 = light blue
*/


/* --- Allgmeines ---------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

body {
    padding: 20 80px;
    background-color: #c30;
    background-image: url(/img/oranjepunt.gif);
    font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
}

p {
    margin: 0.6em 0;
}

/* --- Seitenunterteilung -------------------------------- */
#content {
    width: 100%;
    border: 3px solid #c30;
    padding: 10px 10px 0 10px;
    color: #c30;
    background-color: #fff;
}

#adds {
	padding: 10px 0 20px 0;
	text-align: center;
}

.wortwolke {
    margin-bottom: 15px;
    float: left;
    width: 49%;
	text-align: justify;
}
#tagsNL {
	padding-right: 1%;
}
#tagsDE {
	padding-left: 1%;
}

#seitenanfang {
	clear: both;
}

#anmerkungen {
    clear: both;
    border-top: 3px solid #c30;
    padding: 10px 0;
    text-align: center;
}

#credits, #kontakt, #impressum {
	float: left;
	width: 31%;
	padding: 0 1%;
    text-align: left;	
}

#copyright {
	clear: both;
}


/* --- Links -------------------------------- */

a:link, a:visited {
    text-decoration: none;
    padding: 0 0.1em 0 17px;
    border-bottom: 1px dotted #202085;
	background: url(/img/link.png) no-repeat center left;
    background-color: #fff;
    color: #202085;
}
a:hover, a:active {
    border: none;
    background-color: #202085;
    color: #fff;
}

a.scrollover {
	margin: 0 0.2em;
    border-bottom: 1px dotted #202085;
    padding: 0.2em 0;
	background: none;
	background-color: #fff;
	color: #202085;
	font-weight: bold;
}
a.scrollover:hover {
	background-color: #fff;	
    border-bottom: 1px dotted #c30;
}
a.scrollover em:first-line {
	color: #c30;
}

a.extern:link, a.extern:visited {
    border-bottom: 1px dotted #c30;
    padding: 0 17px 0 0.1em;	
	background: url(/img/link_www.png) no-repeat center right;	
    color: #c30;
}

a.extern:hover, a.extern:active {
    border: none;
    background-color: #c30;
    color: #fff;
}

.wortwolke a:link, .wortwolke a:visited {
    padding: 0 0.2em;
	border: none;
	background: none;
    color: #c30;
}
.wortwolke a:hover, .wortwolke a:active {
    padding: 0 0.2em;
	border: none;
	background: none;
    background-color: #c30;
    color: #fff;
}

img, a.img:link, a.img:visited, a.img:hover a.img:active {
    border: 0;
    padding: 0;
    background-color: transparent;
	background: none;
}


/* --- Seitenelemente -------------------------------- */
h1 {
    padding: 15px 0;
    text-align: center;
    font-size: 3.5em;
    letter-spacing: 0.2em;
}

h2 {
    margin-top: 0.2em;
    padding: 5px 10px;
    background-color: #c30;
    color: #fff;
    font-size: 2 em;
    letter-spacing: 0.2em;
    font-weight: bold;
}

h3 {
	color: #202085;
    font-size: 1.1em;
}


form {
	margin: 0 0 1em 0;	
	border-bottom:  3px solid #c30;
	padding: 0 0 1em 0;
	text-align: center;
}

input, textarea {
    border-top: 2px solid #c30;
    border-left: 2px solid #c30;
    border-bottom: 1px solid #ed5400;
    border-right: 1px solid #ed5400;
    padding: 0.2em;
    background-color: #fff;
    color: #202085;
    font-weight: bold;
}
input[type="text"] {
	width: 25em;
}

ol {
    margin: 1em 0 0.4em 0;
}

li {
    display:inline;
}

ol.alphabet h3 {
	display: inline;
	font-size: 2em;
}

ol.alphabet li a {
	border: 1px solid #202085;
	padding: 5px;
    font-family: "Courier New", Courier, monospace;
	font-size: 0.8em;
}


/* --- Kontaktformular -------------------------------- */

fieldset {
	margin-bottom: 5%;
	border: thin solid #c30;
	padding: 2% 5%;
	text-align: left;
}

legend {
	color: #202085;
	font-size: 0.8em;
}

label {
	display: block;
}

#kontakt input[type="text"], textarea {
	display: block;
	width: 100%;
}
textarea {
	height: 7em;
}

.error {
	color: #202085;
	background-color: #c30;
}



/* --- Adaptationen der Tag-Cloud -------------------------------- */

#top5000view .top10, #top5000view .top25, #top5000view .top50, #top5000view .top100 {
    font-size: 1.7em;
    font-weight: bold;
}

#top5000view .top250, #top5000view .top500, #top5000view v.top1000 {
    font-size: 1.5em;
}

#top5000view .top2500 {
    font-size: 1.3em;
}

#top5000view .top5000 {
	font-size: 1em;
}



#top2500view .top10, #top2500view .top25, #top2500view .top50, #top2500view .top100 {
    font-size: 1.7em;
    font-weight: bold;
}

#top2500view .top250, #top2500view .top500 {
    font-size: 1.5em;
}

#top2500view .top1000 {
    font-size: 1.3em;
}

#top2500view .top2500 {
	font-size: 1em;
}



#top1000view .top10, #top1000view .top25, #top1000view .top50 {
    font-size: 1.7em;
    font-weight: bold;
}

#top1000view .top100, #top1000view .top250 {
    font-size: 1.5em;
}

#top1000view .top500 {
    font-size: 1.3em;
}

#top1000view .top1000 {
	font-size: 1em;
}



#top500view .top10, #top500view .top25 {
    font-size: 1.7em;
    font-weight: bold;
}

#top500view .top50, #top500view .top100  {
    font-size: 1.5em;
}

#top500view .top250  {
    font-size: 1.3em;
}

#top500view .top500 {
	font-size: 1em;
}	
	
	

#top100view .top10 {
    font-size: 1.7em;
    font-weight: bold;
}

#top100view .top25 {
    font-size: 1.5em;
}

#top100view .top50  {
    font-size: 1.3em;
}

#top100view .top100 {
	font-size: 1em;
}