/* STANDART ELEMENTS */
body {
color:#424242; 
background-color: #F0F0F0;
}
/*a, a:active, a:visited {
color: #0096D4;
text-decoration: none;
}
a:hover {
color: #0096D4;
text-decoration: underline;
}*/
input, select, textarea {
border:1px solid #C7C7C7;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}

/* STRUCTURE */
#wrapper {
background-image:url(../images/bg-page.gif);
background-repeat:repeat-x;
}
#container  {
padding-top:148px;
background-image:url(../images/bg-content.jpg);
background-repeat:no-repeat;
background-position:top center;
}
.contentbg {
padding-bottom:20px;
background-image:url(../images/bg-content.gif);
background-repeat:repeat-y;
}
.gallery {
padding-bottom:20px;
background-color: #FFFFFF;
}
.bg-link{width:350px; float:left; height:90px; margin-top:-100px; cursor:pointer;}
/* TEASER LAYOUT */
h1 {
color:#0096D4;
}
.teaser h2 {
font-size:1.8em;
margin-bottom:10px;
color:#0096D4;
}
.teaser p {
font-size:1.2em;
padding-bottom:0.5em;
}
.teaser h2 a {
text-decoration:none;
}
.teaser h2 a:hover {
color:#0096D4;
text-decoration:underline;
}
.teaser a {
text-decoration:underline;
color:#424242; 
}
.teaser a:hover {
text-decoration:none;
}
.teaser img {
display:block;
float:left;
margin-right: 10px;
width:92px;
padding:2px;
border:1px solid #ECECEC
}
/* END OF TEASER LAYOUT */

/* LAYOUT */
.links a {
color:#0096D4;
}
.tags {
float:left;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
color:#424242;
width:400px;
line-height:2em
}
.tags a {
color:#424242;
background-color:#F0F0F0;
margin-right:4px;
padding:2px;
text-decoration: none;
}
.tags a:hover {
color:#FFFFFF;
background-color:#424242; 
text-decoration: none;
}
.sidecol h3 span {
background-color:#000000;
color:#FFFFFF;
padding: 5px;
padding-right:20px;
margin:10px
}
.sidecol .rss h3 span {
background-color:#FF6600;
color:#FFFFFF;
padding: 5px;
margin:10px
}
/* END OF LAYOUT */

/* NAVIGATION */
.nav ul {
list-style-type: none;
padding:0;
margin:0;
font-size:1em
}
.nav li {
padding-top: 7px;
padding-bottom: 3px;
float:left;
width:100%;
display:block;
}
.nav a {
color: #0096D4;
text-decoration: none;
font-size:1.2em;
padding-left:5px;
}
.tagnav a {
color: #0096D4;
text-decoration: none;
padding-right:5px;	
}
.nav a:hover, .tagnav a:hover {
text-decoration:underline;
}
.nav a:hover, .nav a:visited, .nav a:active, .tagnav a:hover, .tagnav a:visited, .tagnav a:active {
color: #0096D4;
}
.tagnav p, .rss p {
padding:5px
}

/* FORMS */
.search {
margin-bottom:1em
}
.search input {
border:1px solid #C7C7C7;
padding:5px;
width:200px;
vertical-align:top;
}
.search .searchbut {
width:40px;
height:28px;
padding:0;
margin:0;
border:1px solid #0096D4;
background-color:#0096D4;
background-image: url(../images/bg-but.png);
background-repeat: repeat-x;
color:#FFFFFF;
font-weight:bold;
vertical-align:top;
margin-left:3px;
cursor:pointer;
}
.search .searchbut:hover {
border:1px solid #424242;
background-color:#424242;
}
.maincol .search {
border:0;
padding-top:1em
}
.maincol .search input {
width:400px;
}
.maincol .search .searchbut {
width:40px;
}
.result {
font-size:1.2em;
color:#686868;
padding-top:1em;
font-family:Arial, Helvetica, sans-serif
}

/* HEADPAD */
.headpad {
font-family:Arial, Helvetica, sans-serif;
padding:20px 20px 0px 20px;
}
.headpad a {
color:#424242;
text-decoration:underline;
font-size:14px;
font-weight:bold
}
.headpad a:hover {
color:#0096D4;
text-decoration:none
}

.noresult {
padding:10px;
background-color: #ECECEC;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

/* PAGING */
.paging {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
padding:10px 0
}
.paging p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.paging .selected, .paging a {
text-decoration:none;
padding:3px 7px;
border:1px solid #C7C7C7;
margin:0 3px;
}

.paging a:hover {
color:#FFFFFF;
background-color:#0096D4;
border-color:#0096D4;
}
.paging .selected {
font-weight:bold; 
border:0
}
.paging .ellipsis {
margin:0 3px
}
.paging a:hover span {text-decoration:underline}
.paging a.prev, .paging a.prev:hover, .paging a.next, .paging a.next:hover {border:0}
.paging a.prev:hover, .paging a.next:hover {color:#000000; background-color:#FFFFFF}

.pageresult {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
font-size:1.1em;
color:#686868;
}

/* BANNER */
.banner {
text-align:center;
padding:15px;
border-top:1px solid #ECECEC;
}
.bannermain {
text-align:center;
padding:15px;
border-bottom:1px solid #ECECEC;
}
.bannertop {
text-align:center;
padding:10px;
border-bottom:1px solid #ECECEC
}
.photobanner {
padding-left:15px;
border-left:1px solid #ECECEC
}

/* TOOLS */
.pad {padding:20px;}
.outpad {padding:0px}
.inpad {padding:20px  20px 10px 20px}
.sidecol .pad {padding:5px 10px;}
.search .pad {padding:20px 15px;}
.hr, hr {color:#ECECEC;background-color:#ECECEC;}
.news img {
display:block;
float:left;
margin: 1em 1em 1em 0;
padding:2px;
border:1px solid #ECECEC
}
img.noborder {border:0}
img.nofloat {border:0;float:none;display:inline;margin:0;padding-right:5px;vertical-align:middle}


.submitbut, .cancelbut {
height:28px;
padding:3px;
margin:5px;
color:#FFFFFF;
font-weight:bold;
vertical-align:top;
cursor:pointer;
}
.but {
padding:5px;
text-align:center;
}
.submitbut {
border:1px solid #0096D4;
background-color:#0096D4;
}
.cancelbut {
border:1px solid #646464;
background-color:#646464;
}

.w20 {
width:200px
}



/* FORM ITEMS */
.form {
line-height:1.4em;
}
.form div {
display:block;
margin-bottom:0.5em;
}
.form div p {
margin-bottom:0.5em;
}
.form label {
clear:left;
float:left;
text-align:left;
margin-top:0.5em;
padding-right:2%;
font-weight:bold;
width:200px;
}
.item {
clear:left;
float:left;
display:block;
text-align:right;
padding-right:2%;
font-weight:bold;
}
.form span.note {
font-size:92%;
color:#686868;
font-weight:normal;
}

/* SEND MAIL */
#mailbox {
position:absolute;
top:24px;
left:20px;
padding:20px;
margin-bottom:20px;
border:2px solid #767676;
width:440px;
background-color:#FFFFFF;
z-index:999;
color:#424242;
font-size:1.1em
}
#mailbox legend {
font-size:1.6em;
font-weight:bold;
padding-bottom:0.5em;
color:#0096D4;
}
#mailbox .close {
position:absolute;
bottom:10px;
right:10px
}
#mailbox .close a {
color:#666666
}


/* INFO BOX*/
.infobox, .errorbox {
font-size:11px;
padding:5px;
text-align:center;
margin:10px 0 20px 0;
width:330px

}
.infobox {
background-color:#FFFCD5;
border:1px solid #FFF996;
}
.errorbox {
background-color:#FFCCCC;
border:1px solid #FF8080;
}

.infobox2, .errorbox2 {
font-size:11px;
padding:5px;
text-align:center;
margin:0px 0 0px 0;
width:200px;
}
.infobox2 {
background-color:#FFFCD5;
border:1px solid #FFF996;
}
.errorbox2 {
background-color:#FFCCCC;
border:1px solid #FF8080;
}