/* DEFAULTS  -  Slagelse
----------------------------------------------------------*/

article {
    float: left;
    width: 59%;
}
aside {
    float: right;
    width: 40%;    
}
#tabs {
     font-size: 0.9em;
}
input[type="checkbox"] {
    margin: 5px;
}
#srchCtrl, #prikhtml, #legend {
    width:95%; 
    height:90%;
}
#srchCtrl #tags, #srchCtrl #adrtags {  
    width:100%;
}
#prikfrm { 
    width:95%; 
    height:100%; 
}

#frame1, #frame2 {
    width:100%;
    height:100%;
    overflow: hidden;
    padding: 0;
    display:none; 
    border-style:none;
}

#gmap {
    width:100%;
    height: 450px;
}

#btnluk {
    border-radius:5px;
    padding:5px;
    float:right;
}


/*----------------------- plotlist - start -----------------------*/
#plotlist_head {
    text-align:center;
    padding: 5px;
}
#plotlist_div
{
    width:100%;
    height:auto;
    overflow:visible;
}
#plotlist_div img
{
    /*text-align: center;*/
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    max-width:800px; 
    min-width:250px;
    border: 0;
}
#plotlist_div .comment
{        
    text-align: left;    
}
/*----------------------- plotlist -  slut -----------------------*/

/*----------------------- loclist  - start -----------------------*/
#locListDiv {
    width:100%; 
    height:auto; 
    display:none; 
    vertical-align:top; 
    z-index:100;
    overflow-x:auto;
}
.tblloclist 
{
    font-size:14px;
    width:80%;
    height:auto;
    min-width: 350px;
    overflow: visible;
    margin: 0 10% 0 10%;
    border:0;
    padding: 5px;
    text-align:center;
}
/*tr.loc {   
    border: solid thin #808080; 
    border-radius: 3px;
}*/
.tblloclist .tr_head td, .tblloclist .loc td {
    border-top: 2px solid #aaa;
}

/*----------------------- loclist  -  slut -----------------------*/


/*----------------------- tip - start -----------------------*/
#tipDiv {
    position:absolute; 
    visibility:hidden; 
    z-index:100
}
    #tipDiv p {
        font-size:1.0em;
    }
    #tipDiv img {
        border-width:0;
        width: 550px;
    }
/*------------------------- tip - slut -----------------------*/


/*----------------------- infoBar - start -----------------------*/
.infoBar {
    position:relative;
	overflow-x:hidden;
    overflow-y:auto;	
    line-height:1.5;
	font-size:14px;
	padding: 0 8px 0 8px;
}
#infoBar
{
    width:100%;
    max-width:280px;
    z-index:2;
}
.tblInfoBar tr td {
    background-color:transparent;
}
.tblInfoBar {
    width: 90%;
    background-color: #FFFFFF;
}
.tblInfoBar h3 {
    display: block;
    font-size:smaller;    
}

#legend {
    /*position:absolute;*/
    width:90%;
    /*padding: 10%;*/
    /*max-width:280px;*/
    overflow: auto;
    /*z-index:1;*/
}
#legend table {
    max-width:90%;

}
    #legend table tr td {
        height: 3em;
        padding: 5px;
        color: #555;
        border: solid 1px #aaa;
    }

div.infoSpan
{
	color:#666666;
    padding: 10px 2px 30px 2px;        
}
.infoSpan
{
	color:#666666;
	padding-left:20px;	
}
.infoimg
{
	width:90%;
	border:0;
	margin-left:4px;
}
/*----------------------- infoBar - slut -----------------------*/


.admdata 
{
    width:100%;
	max-width:800px;
    min-width:250px;
    margin: 0 auto;
}
.admdata table 
{
    border-color:#333;
    border-style:solid;
    width:100%;
    border:1px;
}
.admdata table tr td
{
    vertical-align:top;
	text-align:left;
    border:1px;
    border-color:#333;
    border-style:solid;
    padding:5px;
}


#slidediv {
    position:relative;
    height: 340px;
    margin-left: auto;
}
/*#slidediv div p {
    left:45px;
}*/
#slidediv div {
    position:absolute;
    z-index:0;
    visibility:hidden;
}
#slidediv div.previous {
    z-index:1;
    visibility:visible;
}
    #slidediv div.current {
        z-index: 2;
        visibility: visible;
    }

.slideimg
{
	border:0;
    height:300px;
    margin-left:45px;
    /*margin: 0 25%;
	border: 0;
    height: 320px;
    max-width: 100%;*/
}

#main_div,  #ts_div,  #link_div, #plotlist_div {
    width:100%;
    margin:auto;
    padding:10px;
}


#link_div img {
    width:100%;
    border:0;
    min-width:250px;
    max-width:800px;
}

		
/*fra gmap.css*/
.bubletext {
	display:block;
	left:15px;
	font-size:14px;
}
.bubletext h1 {
	display:block;
	font-variant:normal;    
    font-size:14px;
}
.bubletext h2 {
	display:block;
	padding-left:5px;
	font-variant:normal;    
	font-size:12px;
	font-weight:bold;
}
.bubletext h3 {
	display:block;
	padding-left:15px;
	font-variant:normal;    
	font-size:12px;
}
.bubletext span {
	display:block;
	padding-left:15px;
	font-size:12px;
}
    .bubletext img {
        padding: 0 4px;
    }

a img {
    border:none;
    outline:none;
}


















/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 650px) {

    .main {
    margin-top:60px;
    }

    .header {
        height: 50px;
    }
    .header h1 {
        padding:0;
        margin:0;
        font-size:1.2em;
        text-align:center;
    }
    .main-menu {
        float:right;
    }

    article, aside {
        float: none;
        width: 100%;
    }

    #infoBar, #legend, #gmap
    {
        max-width:80%;
        margin: 0 auto;
        height:auto;        
    }
    #legend {
        text-align:center;
    }
    #plotlist_head {
        padding: 0;
    }
    #plotlist_head h1, p {
        padding: 5px;
        margin:0;
        font-size:1.0em;
    }
    #plotlist_div {
        height:auto;
        overflow:visible;
    }

    #tipDiv p {
        font-size:0.7em;
    }
    #tipDiv img {
        width: 300px;
    }

}