@charset "utf-8";
/* CSS Document */

.collapsible { 
	width:100%; 
	margin:0; 
	background-color:#F7F7F7; 
	background-image:linear-gradient(to bottom, #FBFBFB, #F1F1F1); 
	background-repeat:repeat-x;
	text-align:left;
	padding:0.5% 2%;
	border-top:#FF0000 4px solid; 
	border-right:none;
	border-bottom:none; 
	border-left:#333333 4px solid; 
	color:#000000; 
	font-family:'bigshoulders', Arial, Helvetica, sans-serif;
	font-size:1.4vw;
	outline:none;
	cursor:pointer;
}

button.collapsible::after {
    content: '\002B';
    color:#000000;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.collapsible.active::after {
    content: "\2212";
}

.active, .collapsible:hover {
	background-color: #555;
}

.content {
	padding:0;
	display: none;
	overflow: hidden;
}

.content-de-content { width:90%; margin:0 auto; text-align:justify; }

.content p a { background-color:#999999; padding:6px 12px; }
	.content p a:link, .content p a:visited { color:#FFFFFF; }
	.content p a:hover, .content p a:active { color:#FF0000; }

@media only screen and (max-width:1200px) {
	.collapsible { font-size:2.4vw; }
	.content { font-size:2vw; }
}

@media only screen and (max-width:800px) {
	.collapsible { font-size:6vw; }
	.content { font-size:4.8vw; }
}