.c0 {
font-size: 11px;
}
.c10 {
font-size: 16px;
}
.c20 {
font-size: 21px;
}
.c30 {
font-size: 26px;
}
.c40 {
font-size: 31px;
}
.c50 {
font-size: 36px;
}
.c60 {
font-size: 41px;
}
#google {
background-image : url(/fileadmin/amrum/images/galerie.jpg);

        background-position : bottom;
                background-repeat: no-repeat;
                }

div.errormessage {

	background-color: #FFFFE1;

	border: 1px dashed #CFCFCF;

	margin-top: 8px;

	margin-bottom: 16px;

	padding: 6px 6px 6px 32px;

	line-height: 18px;

}
BODY { background-color: #EEEEEE;
          margin-top:0;
          font-size: 11px;
          font-family: verdana, arial, geneva, sans-serif; }

trmain {
	background-color: #EEEEEE;
          margin-top:0;
          font-size: 11px;
          font-family: verdana, arial, geneva, sans-serif; }
}

 .toper  { background: url(http://www.amrum-wetter.de/tpl_images/logo_wetter.jpg);
          background-repeat: no-repeat;
          background-position: top,center;
          height: 67px;
          width: 747px;
          border-left: solid 1px #808080;
          border-right: solid 1px #808080;


          }
  #top_menu  { background-color: #C0C0C0;

          height: 25px;
          width: 747px;
          border: solid 1px #808080;

          padding: 5px 0 0 0;

          }

.forms { padding: 0;
		 margin: 0;
		}
  a.linkmenu {
  font-size: 11px;
  font-family: verdana, arial, geneva, sans-serif;
  color: white;
  padding: 5px 3px 3px 3px;
  text-decoration: none;}

  a {
  font-size: 11px;
  font-family: verdana, arial, geneva, sans-serif;
  color: #003366;
  padding: 5px 3px 3px 3px;
  text-decoration: none;}


  a:hover {color: #808080; }
  a.linkmenu:hover { text-decoration: none;
          padding: 2px;
          border: solid 1px #808080;
          background-color: #FEF7D6;
          color: #808080; }


 .content_upper_left {
  width: 180px;
  float: right;
  border: solid 1px #808080;
  background-color: white;
  margin: 10px 0 0 0;


  }

  .content_lower_left {
  width: 180px;
  float: left;
  border: solid 1px #808080;
  background-color: white;
  margin: 10px 0 0 0;


  }

  .content {
  width: 747px;
  float: left;
  border: solid 1px #808080;
  background-color: white;
  margin: 10px 0 0 0;

  }
  .headline{
  width: 100%;
  border-bottom: solid 3px #808080;
  background-color: #C0C0C0;
  height: 25px;
  font-weight: bold;
  color: white;



  }
  .head-text {
  letter-spacing: 2px;
  padding: 5px 0 0 5px;
  margin:0;

  }

  ul {
  padding: 2px 0 3px 10px;
  margin: 2px 0 3px 10px;
  }
  li{
  padding: 2px 0 2px 2px;
  margin: 3px 0 3px 5px;
 }
 .pzentriert
 {
 margin: 3px;
 text-align: justify;
 color: #808080;
 font-size: 10px;

 }
 .search {
 margin: 0 3px 3px 3px;
 text-align: justify;
 color: #808080;
 font-size: 10px;
 width: 130px;
 border: solid 1px #808080;

 }
.but1 {
 margin: 0 3px 3px 3px;
 text-align: justify;
 color: #808080;
 font-size: 10px;
 width: 60px;
 border: solid 1px #808080;

 }
  .los {
 margin: 0;
 text-align: justify;
 color: #808080;
 font-size: 10px;
 width: 20px;
 border: solid 1px #808080;

 }

.buttonsearch {

background-color: #CCCCCC;
height: 21px;
width: 140px;
border-style: outset;
border: solid 1px #808080;
font-family: verdana, sans-serif;
font-weight: normal;
font-size: 11px;
color: #666666;
cursor: hand;
margin: 0 3px 3px 3px;
}
.daily {

background-color: #CCCCCC;
height: 21px;
width: 60px;
border-style: outset;
border: solid 1px #808080;
font-family: verdana, sans-serif;
font-weight: normal;
font-size: 11px;
color: #666666;
cursor: hand;
margin: 10px 3px 3px 3px;
}

.webcam{
margin: 10px;
float: left;
}

.webcam-control{
margin: 10px 10px 10px 0;
height: 290px;
}
.sponsoren{
margin: 3px 0 0 0;
padding: 1px;
border: dotted 1px #808080;
background-color: #FEF7D6;
}
.camnavi {
	list-style: none;
}
.werbung {
	padding: 3px;
	margin: 3px;
	background-color: #DDE8FF;
	border: 1px solid #111111;
}
.tablewhite {
	background-color: white;}
.wdata { padding: 5px 0 0 0 ;
margin: 5px 0 0 0;
}




table {

        font-size: 12px;

}



h1{

        font-weight: bold;

        font-size: 22px;

        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

        text-decoration: none;

        line-height : 120%;

        color : #000000;

        margin: 2px;

}



h2 {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 18px;

        margin: 0px;

}



h3 {

        font-weight: normal;

        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 12px;

        margin: 2px;

}



p {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 100%;

        margin: 2px 0px;

}







.textinput {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 100%;

        border: 1px solid #D1D7DC;

        padding-right: 3px;

        padding-left: 3px;

}



.listbox {

        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;

        font-size: 100%;

        border: 1px solid #D1D7DC;

        vertical-align : middle;

}



.button {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 100%;

        border: 1px solid #005D8C;

        background-image : url(images/button_bg.gif);

        background-position : bottom;

}



.comment_button {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 85%;

        border: 1px solid #005D8C;

        background-image : url(images/button_bg.gif);

        background-position : bottom;

        padding-left: 3px;

        padding-right: 3px;

}



.radio {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 100%;

        vertical-align : middle;

}



.checkbox {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 100%;

        vertical-align : middle;

}






bblink a {

        color: #0033CC;

        text-decoration: none;

}



bblink a:hover {

        color: #0033CC;

        text-decoration: underline;

}



.maintable {

        border: 1px solid #C0C0C0;

        background-color: #FFFFFF;

        margin-top: 1px;

        margin-bottom: 1px;

}



.tableh1 {

        background : #C0C0C0 ;

        color : #FFFFFF;

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 3px;

        padding-left: 10px;

}



.tableh1_compact {

        background : #C0C0C0 ;

        color : #FFFFFF;

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

}



.tableh2 {

        background: #D1D7DC ;

        color : #000000;

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 3px;

        padding-left: 10px;

}



.tableh2_compact {

        background: #D1D7DC ;

        color : #000000;

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

}



.tableb {

        background: #EFEFEF ;

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 3px;

        padding-left: 10px;

}



.tableb_compact {

        background: #EFEFEF ;

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

}



.tablef {

        background: #D1D7DC;

        padding-top: 10px;

        padding-right: 10px;

        padding-bottom: 10px;

        padding-left: 10px;

}



.album_stat {

        font-size: 85%;

        margin: 5px 0px;

}



.thumb_title {

        font-weight : bold;

        font-size: 80%;

        padding: 2px;

        display : block;

}



.thumb_caption {

        font-size: 80%;

        padding: 1px;

        display : block;

}



.thumb_caption a {

        text-decoration: underline;

        color: #000000;

}



.thumb_num_comments {

        font-weight: normal;

        font-size: 80%;

        padding: 2px;

        font-style : italic;

        display : block;

}



.user_thumb_infobox {

        margin-top: 1px;

        margin-bottom: 1px;

}



.user_thumb_infobox th {

        font-weight : bold;

        font-size: 100%;

        margin-top: 1px;

        margin-bottom: 1px;

        text-align : center;

}



.user_thumb_infobox td {

        font-size: 80%;

        margin-top: 1px;

        margin-bottom: 1px;

        text-align : center;

}



.user_thumb_infobox a {

        text-decoration: none;

        color: #000000;

}



.user_thumb_infobox a:hover {

        color: #000000;

        text-decoration: underline;

}



.sortorder_cell {

        background : #C0C0C0 ;

        color : #FFFFFF;

        padding: 0px;

        margin: 0px;

}



.sortorder_options {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        background : #C0C0C0 ;

        color : #FFFFFF;

        padding: 0px;

        margin: 0px;

        font-weight: normal;

        font-size: 80%;

        white-space: nowrap;

}



.navmenu {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        color: #FFFFFF;

        font-size: 100%;

        font-weight: bold;

        background : #C0C0C0 ;

        border-style: none;

}



.navmenu img {

        margin-top: 1px;

        margin-right: 5px;

        margin-bottom: 1px;

        margin-left: 5px;

}



.navmenu a {

        position: relative;

        display: block;

        padding-top: 2px;

        padding-right: 5px;

        padding-bottom: 2px;

        padding-left: 5px;

        text-decoration: none;

        color: #FFFFFF;

}



.navmenu a:hover {

        background : #EFEFEF ;

        text-decoration: none;

        color:         #000000;

}



.admin_menu_thumb {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 85%;

        border: 1px solid #005D8C;

        background-image : url(images/button_bg.gif);

        background-position : bottom;

        color: #000000;

        font-weight: bold;

        margin-top: 0px;

        margin-bottom: 0px;

        width: 85px;

}



.admin_menu_thumb a {

        color: #000000;

        text-decoration: none;

        display: block;

        position: relative;

        padding-top: 1px;

        padding-bottom: 1px;

        padding-left: 10px;

        padding-right: 10px;

}





.admin_menu_thumb a:hover {

        color: #000000;

        text-decoration: underline;

}



.admin_menu {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 85%;

        border: 1px solid #005D8C;

        background-image : url(images/button_bg.gif);

        background-position : bottom;

        color: #000000;

        margin-top: 0px;

        margin-bottom: 0px;

        text-align: center;

}


.admin_menu a {

        color: #000000;

        text-decoration: none;

        display: block;

        position: relative;

        padding-top: 1px;

        padding-bottom: 1px;

        padding-left: 10px;

        padding-right: 10px;

}



.admin_menu a:hover {

        color: #000000;

        text-decoration: underline;

}



.comment_date{

        color : #5F5F5F;

        font-size : 90%;

        vertical-align : middle;

}



.image {

        border-style: solid;

        border-width:1px;

        border-color: #000000;

        margin: 2px;

}



.thumbnails {

        background: #EFEFEF ;

        padding: 5px;

}



.footer {

        font-size : 1px;

        color : white;

}



.footer a {

        font-size : 1px;

        text-decoration: none;

        color: white;

}



.footer a:hover {

	font-size : 1px;

        color: white;

        text-decoration: underline;

}



.statlink {

        color: #FFFFFF;

}



.statlink a {

        text-decoration: none;

        color: #FFFFFF;

}



.statlink a:hover {

        color: #FFFFFF;

        text-decoration: underline;

}



.alblink a {

        text-decoration: underline;

        color: #000000;

}



.alblink a:hover {

        color: #000000;

        text-decoration: underline;

}



.catlink {

        display: block;

        margin-bottom: 2px;

}



.catlink a {

        text-decoration: underline;

        color: #000000;

}



.catlink a:hover {

        color: #000000;

        text-decoration: underline;

}



.topmenu {

        line-height : 130%;

        font-size: 100%;
        padding: 5px;

}



.topmenu a {

        color : #0033CC;

        text-decoration : none;

}



.topmenu a:hover  {

        color : #0033CC;

        text-decoration : underline;

}



.img_caption_table {

        border: none;

        background-color: #FFFFFF;

        width : 100%;

        margin : 0px;

}



.img_caption_table th {

        background: #D1D7DC ;

        font-size: 100%;

        color : #000000;

        padding-top: 4px;

        padding-right: 10px;

        padding-bottom: 4px;

        padding-left: 10px;

        border-top : 1px solid #FFFFFF;

}



.img_caption_table td {

        background: #EFEFEF ;

        padding-top: 6px;

        padding-right: 10px;

        padding-bottom: 6px;

        padding-left: 10px;

        border-top : 1px solid #FFFFFF;

}