@CHARSET "UTF-8";

* {
	font-family: OpenSans, sans-serif, Arial, Verdana, lucida;
	font-size: 14px;
	color: #555555;
	text-decoration: none;
	border-color: #444444;
}


@font-face {
	font-family: OpenSans;
	src: url('/fonts/OpenSans-Regular.ttf');
}



img {
	border: 0;
}

}
body {
	background-color: #ffffff;
}

.green {
	color: #008800;
	text-decoration: none;
}
.red {
	color: #880000;
	text-decoration: none;
}

a.red {
	color: #880000;
	text-decoration: none;
}

a.bold {
	font-weight: bold;
}

a {
	color: #555555;
	text-decoration: none;
}

a:hover {
	color: #555555;
	text-decoration: none;
}

a.buttongrey {
	background-color: #d2d2d2;
	text-decoration: none;
}

a.btn-red {
	background-color: #880000;
	text-decoration: none;
	color: #ffffff;
}

.btn-red {
	background-color: #880000;
	text-decoration: none;
	color: #ffffff;
}

.btn-red:hover {
	background-color: #880000;
	text-decoration: none;
	color: #ffffff;
}

.btn-pager {
	background-color: #d2d2d2;
	margin-bottom: 3px;
}

.btn-pager-select {
	background-color: #444444;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 3px;
}

input.test {
	border: 1px solid #dddddd;
}



input[type="text"], textarea, select {
outline: none;
box-shadow:none !important;
border:1px solid #ccc !important;
} 

.header {
	margin-top: 10px;
	margin-bottom: 10px;
	
}

.topspace10 {
	padding-top: 10px;
}
.topspace30 {
	padding-top: 30px;
}

.downspace10 {
	margin-bottom: 10px;
}

.headerimg {
	float: left;
	padding-left: 0px;
}

.white {
	color:#ffffff;
}

.workdiv img {
	max-height: 700px;
}
.footer {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: small;
	text-align: center;
}

span.headtext {
	font-size: large;
}

span.subtitle {
	font-weight: bolder;
	color: #880000;
}

span.colored {
	color: #880000;
}

.smallsquare img {
	width: 35px;
	height: 33px;
	float: left;
	padding-right: 5px;
	padding-top: 3px;
}

.noindent {
	padding-left: 0px;
}

.norightindent {
	padding-right: 0px;
}

.margintopbottom5 {
	margin-top: 5px;
	margin-bottom: 5px;
}



.paddingtopbottom5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.leftsmallsquare {
	padding-left: 38px;
}

.leftspace5 {
	padding-left: 5px;
}

.rightspace5 {
	padding-right: 5px;
}

.topspace5 {
	padding-top: 5px;
}

.img100 img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.smallgreysquare {
	width: 35px;
	height: 33px;
	float: left;
	padding-right: 5px;
	padding-top: 3px;
	background-color: #d2d2d2;
	border-right: 5px solid #ffffff;
	border-top: 3px solid #ffffff;
}

}
.squareicon {
	width: 72px;
	height: 72px;
	float: left;
}

.collectorpic {
	padding-bottom: 10px;
}

.collectorpic img {
	width: auto;
	height: auto;
	max-height: 100px;
	}


.collectorpicsmall img {
	width: 50%;
	}
	
.img-center {
	margin:0 auto;
	}
/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}


.artobjectrandompic img {
	width: auto;
	height: auto;
	max-height: 150px;
}

.artobjecticonpicture img {
	width: auto;
	height: auto;
	max-height: 50px;
	border: 3px solid #ffffff;
}
.artobjecticonpictureselect img {
	width: auto;
	height: auto;
	max-height: 50px;
	border: 3px solid #aaaaaa;
}

.artobjectlisticon img {
	width: auto;
	height: auto;
	max-height: 150px;
	border: 3px solid #ffffff;
}
.bgred {
	background-color: red;
}

.bggrey {
	background-color: #d2d2d2;
}

.border1 {
	border: 1px solid #d2d2d2;
}
.borderbottom2 {
	border-bottom: 2px solid #ffffff;
	margin-bottom: 2px;
}


/* OpenStreetmap */
#openmap {
	height: 400px;
	border: 2px solid #cccccc;
}

li {
	list-style: none;
}

ul.pointed li {
	list-style: square;
}

/* navbar */
.navbar-default {
    background-color: #d2d2d2;
    border-color: #E7E7E7;
    
}
/* title */
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #880000;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #444444;
    
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #880000;
    background-color: #d2d2d2;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #880000;
    background-color: #d2d2d2;
    border-bottom: 1px solid #880000;
}

.navbar-default .navbar-nav > .inactive > a, 
.navbar-default .navbar-nav > .inactive > a:hover, 
.navbar-default .navbar-nav > .inactive > a:focus {
    
    background-color: #d2d2d2;
    border-bottom: 1px solid #ffffff;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #aaa;
}



@media screen and (max-width: 762px) {
	.col-xs-12 {
		padding-left: 3px;
		padding-right: 3px;
	}
	.noindent {
		padding-left: 0px;
		padding-right: 0px;
	}
	.pager {
		line-height: 1.2em;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
    .navbar-brand {
        padding: 5;        
    }
    
    .navbar-brand img {
        margin-top: 5px;
        margin-left: 5px;
    }
    .navbar-brand-icon {
        padding: 0;        
    }
    
    .navbar-brand-icon img {
        margin-top: 5px;
        margin-left: 5px;
    }
    
    .header {
	margin-top: 1px;
	margin-bottom: 1px;
}

  .topspace10 {
	padding-top: 10px;
}
    
}