/* --- /erikbaas/webcams/style.css --- */

/* --- Kleuren --- */

a:visited                    {                            color: #606080; }
.localtime                   { background-color: silver;  color: #606060; }
.prop                        { background-color: #0090C0;                 }
.rc                          { background-color: yellow;  color: red;     }
.toggle                      { background-color: silver ;                 }
.toggle A, .toggle A:visited {                            color: black;   }
.toggledisabled              {                            color: gray;    }
.disabled                    {                            color: #FF4040; }
.sitenotice                  { background:transparent; }

/* --- Borders --- */
.localtime     { border: 1px inset silver; }
.preview       { border: 1px outset #808080; }
.preview:hover { border: 1px outset black; }
.toggle        { border: 1px outset silver; }
.tt            { border-left: 1px solid #c0d8e8; /* #0090C0; */ }
img            { border: none; }
td.right                { border-top: 1px solid #c0d8e8; padding-bottom: 1px; /* tbv Opera */}
tr:first-child td.right { border-top: none; }
div.somda               { border: 1px solid #c8d8f0; }

/* Niet (meer) in gebruik (?): 
div.image img           { border: 1px outset red; } 
div.image img:hover     { border: 1px outset blue; }
div.desc { border: 1px solid black;  } 
div.item { border-top: 1px solid #c0d8e8; }
*/

* { margin: 0; padding: 0; }
body { height: 100%; }

.country { float: left; width: 98%;}
.preview { float: left; width: 320px; height: 240px; vertical-align: top;  }
h1 { text-align: center; }
h2 { clear: both; }
h1, h2 { padding-bottom: 2px; }
h4 {margin-left: -5px; padding-bottom: 1px; }
div.desc { float: left; }
p.title { padding-left: 5px; font-weight: bold; }
.desc {width: 60%; }
.remarks { font-size: 80%; }

.rc { font-size: 80%; margin-left: 5px; margin-right: 5px; padding: 0 2px 0 2px; }
.prop { margin-left: 3px; padding: 0 2px 1px 2px; font-size: 75%;}
.navbar {clear:both; }
label {margin-left: 3px; }

.select {
 float: left; 
 width: 23%; 
 min-width: 7em; 
 padding-left: 8px; 
 margin: 10px 0 10px 0; 
}

.select ul { font-size: 90%;  } 

.tt {  float: right; }

li {
 display: block; 
 clear: both;
}

div.item {
 float: left;
 width: 100%;
}

div.image {
 height: 110px;
 overflow: hidden;
}

div.all_links { margin-left: 12px; }

.disabled { 
 font-size: 80%;
 font-weight: bold; 
}

p.disabled:before { content:"* "; }
p.disabled:after { content: " *"; }

p.buttons { margin-left: -5px; }

img.disabled {
 /* -moz-opacity: .25; */
 opacity: .3;
}

/* A.updated_link:link:after { content: " " url(/images/ster.gif) ; } */ 

img.somda {
 width: 750px;
 height: 90px; 
 margin: 0;
}

img.ill {
 float: right;
 margin: 0px 0px 1em 1em;
 width: 120px;
 border: 1px solid #aaaaaa;
}

td.left, td.right { vertical-align: top; }
td.left { padding-top: 3px; }
td.right { width: 800px; }

div.somda {
 float: left; 
 height: 90px;
 overflow: hidden; 
}

div.somdadisabled {
 text-align:right;
 font-size:80%;
}

td.somda {
 height: 90px;
 vertical-align: bottom;
}

.toggle {
 float: left;
 width: 6.5em;
 padding: 0 3px 2px 3px;
 margin: 0px 1px 1px 0px; 
 font-size: 85%;
 white-space: nowrap;
 text-align: center;
}

.localtime {
 padding: 0 1px 1px 3px;
 font-size: 85%;
}

.disabledlink { font-style:italic; color:gray; }

.multi-column {
 font-size: 80%;
 /*
 -moz-column-count: 2;
 -moz-column-gap: 1em;
 -webkit-column-count: 2;
 -webkit-column-gap: 1em;
 */
}

table.all { width:100%;  }
.all td  { width:50%; }
.all tr, .all td { vertical-align:top; }

.all ol, .all ul { 
 margin:1em 0.5em 0.5em 0.5em; 
}

.sitenotice {
 border: 1px solid red;
 text-align: center;
 padding-bottom: 2px;
}

.select ul li { 
 font-size: 95%;
 margin: 4px;
}