/* Font Import: Open Sans */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

html, body{
	height: 100%;
}

html{
	overflow-y:scroll;
}

body{
	font-family: 'Open Sans', sans-serif; 
	font-size:14px; 
	line-height:21px; 
	color:#333333;
	background-color:#F2F2F2;
}

a{
	color:#004D8C; 
	text-decoration:none; 

}

a:hover{
	color:#F7931E;
		-webkit-transition:color 0.2s ease;  
	-moz-transition: color 0.2s ease;  
	-o-transition:  color 0.2s ease;  
	transition:  color 0.2s ease; 
}

h1,h2,h3,h4{
	color:#F7931E; 

}
h1{font-size: 24px; line-height: 28px; margin-bottom:5px; margin-top: 15px; text-align:center;}
h2{font-size: 30px; line-height: 35px; margin-bottom:5px; margin-top: 10px; margin-bottom:30px; font-weight:300;}
h3{font-size: 16px; margin-top: 10px;}
h4{font-size:18px; font-weight:400; line-height:25px; color:#999999;}

p{
	margin-bottom:10px;
}

.rood{
	color:#F7931E;
}


.header{
	height:155px;
	width:100%;
	border-top:5px solid #1D447E;
	position:relative;
	z-index:1000;
	top:0px;
	background:#f2f2f2;

}

.header-container{
	width:960px;
	margin:0 auto;
	position:relative;
	margin-top:25px;
	height:auto;
}

.header-container div{
	position:relative;
	float:left;
}

#header-one{
	width:205px;
}

#header-two{
	width:560px;
	padding:0px 20px;
}

#header-three{
	width:155px;
	float:right;
}

#header-four p{
	text-align:center;
	font-size:12px;
}

.page{
	width:960px;
	height:auto;
	min-height:50px;
	position:relative;
	margin:0 auto;
	top:0px;
}

.page-entry{
	width:100%; 
	height:100%; 
	background:url(../img/background.jpg) center center no-repeat;
	background-size:cover;
	position:relative;
	margin-top:0px;
}

.page-entry img{
	position:relative;
	margin:0 auto;
}

.container-entry{
	position:absolute;
	width:100%;
	background-color: rgba(0,0,0,0.5);
	bottom:0px;
	padding-bottom:50px;
}

.text-entry{
	position:relative;
	width:auto;
	margin:50px auto 0;
	background: url(../img/logo_Alert_Europe.png) center top no-repeat;
	padding-top:100px;
	text-align:center;
	color:#ffffff;
}

.text-entry h1{
	position:relative;
	font-size:40px;
	color:#ffffff;
	text-align:center;
	line-height:80px;
	margin-top:0px;
}

#start-button{
	display:block;
	position:relative;
	margin:25px auto;
	padding: 12px 0 14px;
    width: 250px;
	font-weight:bold;
	font-size:18px;
	line-height:25px;
	text-align: center;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
	color:#ffffff;
	background-color: #EE432E;
    background-image: -moz-linear-gradient(center top , #fc9a27 0%, #f7931e 50%, #e88006 50%, #de7903 100%);
    border: 1px solid #d87808;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 1px rgba(255, 115, 100, 0.4) inset, 0 1px 3px #333333;
}

#start-button:hover {
    background-color: #F37873;
    background-image: -moz-linear-gradient(center top , #fba136 0%, #f79a2e 50%, #ea8818 50%, #e18316 100%);
    cursor: pointer;
}

#start-button:active {
    background-color: #D43C28;
    background-image: -moz-linear-gradient(center top , #fb9c2c 0%, #f79624 50%, #e9830d 50%, #df7d0a 100%);
    box-shadow: 0 0 0 1px rgba(255, 115, 100, 0.4) inset;
}

/*BACKUP START BUTTON RED 

#start-button{
	display:block;
	position:relative;
	margin:25px auto;
	padding: 12px 0 14px;
    width: 250px;
	font-weight:bold;
	font-size:18px;
	line-height:25px;
	text-align: center;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
	color:#ffffff;
	background-color: #EE432E;
    background-image: -moz-linear-gradient(center top , #EE432E 0%, #C63929 50%, #B51700 50%, #891100 100%);
    border: 1px solid #951100;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 1px rgba(255, 115, 100, 0.4) inset, 0 1px 3px #333333;
}

#start-button:hover {
    background-color: #F37873;
    background-image: -moz-linear-gradient(center top , #F37873 0%, #DB504D 50%, #CB0500 50%, #A20601 100%);
    cursor: pointer;
}
#start-button:active {
    background-color: #D43C28;
    background-image: -moz-linear-gradient(center top , #D43C28 0%, #AD3224 50%, #9C1500 50%, #700D00 100%);
    box-shadow: 0 0 0 1px rgba(255, 115, 100, 0.4) inset;
}

*/


#pagecontent{
	width:100%; 
	height:auto; 
	position:relative;
	background-image:url(../img/backgroundAlerts.jpg);
	background-repeat: repeat;
	background-attachment:fixed;
	background-size:cover;
	
	/* background-image: linear-gradient(top , rgb(242,242,242) 160px, rgba(255,255,255,0) 160px);
	background-image: -o-linear-gradient(top , rgb(242,242,242) 160px, rgba(255,255,255,0) 160px);
	background-image: -moz-linear-gradient(top , rgb(242,242,242) 160px, rgba(255,255,255,0) 160px);
	background-image: -webkit-linear-gradient(top , rgb(242,242,242) 160px, rgba(255,255,255,0) 160px);
	background-image: -ms-linear-gradient(top , rgb(242,242,242) 160px, rgba(255,255,255,0) 160px);

	background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0.5, rgb(242,242,242)),
	color-stop(0.5, rgb(255,255,255))
	);
	*/
}

#nav{
	width:180px;
	height:300px;
	position:relative;
	float:left;

}


#nav li{
	border-bottom:1px solid #DDDDDD;
	list-style:none;
}

#nav a{
	color:#004D8C;
	padding:7px 0px;
	display:block;
}
#nav .current a {
	color:#F7871E;
}

#nav a:hover{
	color:#F7931E;
	-webkit-transition:color 0.2s ease;  
	-moz-transition: color 0.2s ease;  
	-o-transition:  color 0.2s ease;  
	transition:  color 0.2s ease; 
}


.container{ 
	width:715px;
	padding-left:20px;
	padding-right:20px;
	height:auto;
	min-height:100px;
	position:relative;
	float:right;
	background:#ffffff;
}

.section{
	width:100%;
	padding:20px 0px;
	position:relative;
	float:left;
	border-bottom:1px solid #DDDDDD;
	height:auto;
	min-height:300px;
}

.section:last-child{ 
border-bottom:0px;
}

.section ol{
	margin-left:20px;
}

.section ul{
	margin-left:40px;
}

.section ol li, .section ul li{
	margin-bottom:10px;
}

.list-letters{
	list-style:lower-latin;
}


.clear{
	clear:both;
}

#nav-sticky-wrapper{
	width:180px;
	position:relative;
	float:left;
}

.page-footer{
	position:relative;
	text-align:center;
	background:#f2f2f2;
	height:50px;
	padding-top:20px;
	font-size:11px;
}

/* Scherm tot 960px (768 layout)*/
@media screen and (max-width: 960px) {
.header-container, .page{
    width: 758px;
}

#header-two{
	width: 358px;
}

.container{
	width:513px;
}

/* Scherm tot 768px (650 layout)*/
@media screen and (max-width: 768px) {
.header-container, .page{
    width: 640px;
}

#header-two{
	width: 260px;
	padding-right:0px;
	padding-left:0px;
}

.container{
	width:395px;
}
}

/* Scherm tot 650px (540 layout)*/
@media screen and (max-width: 650px) {
.header-container, .page{
    width: 524px;
}

#header-two{
	width: 319px;
	padding-right:0px;
	padding-left:0px;
}

#header-three{
	width: 319px;
	padding-top:10px;
}

#header-three p{
	position:relative;
	float:left;
	max-width:150px;
}

#google_translate_element{
	position:relative;
	float:right;
}

.container{
	width:279px;
}
}

/* Scherm tot 540px (480 layout)*/
@media screen and (max-width: 540px) {
.header-container, .page{
    width: 470px;
}


.container-entry h1{
	position:relative;
	font-size:35px;
	color:#ffffff;
	text-align:center;
	line-height:50px;
	margin-top:0px;
}


#header-two{
	width: 265px;
	padding-right:0px;
	padding-left:0px;
}

#header-three{
	width: auto;
	padding-top:10px;
}

#header-three p{
	position:relative;
	float:left;
	max-width:150px;
	margin-right:20px;
}

#google_translate_element{
	position:relative;
	float:right;
}

.container{
	width:225px;
}

h2{ 
	font-size:25px; 
	line-height:30px;
}