/***********************************************/
/* weired.css                            */
/* Use with template weired.htm         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/


  body { margin: 0;
  
    padding: 20px;
    background: white none repeat scroll 0%;
    font-family: Arial,sans-serif;
    color: rgb(51, 51, 51);
    line-height: 1.166;
    text-align: center;
    }

  #main { 
    padding: 10px;
    margin: 0px auto 0;
    background: white ;
    text-align: left;
    width: 850px;
    voice-family: inherit;
    }

    
  
/******* hyperlink and anchor tag styles *******/

  a:link, a:visited { color: black;
    text-decoration: none;
    }

  a:hover { text-decoration: underline;
    }

/************** header tag styles **************/

  h1 { margin: 0px;
    padding: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 120%;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: black;
    }

  h2 { margin: 0px;
    padding: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 70%;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    }

  h3 { 
    padding: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 80%;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    height: 16px;
    color: #003365;
    }

  h4 { margin: 0px;
    padding: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 80%;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: black;
    }

  h5 { margin: 0px;
    padding: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 100%;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: #003365;
    }

/*************** list tag styles ***************/

  ul { list-style-type: square;
    }

  ul ul { list-style-type: disc;
    }

  ul ul ul { list-style-type: none;
    }

/********* form and related tag styles *********/

  form { margin: 0pt;
    padding: 0pt;
    }

  label { font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-size: 70%;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: black;
    }

  input { font-family: Arial,sans-serif;
  	font-size: 70%;
	color: black;
    }


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

  #pageNav {
    float: left;
    font-family: Verdana,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: small;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    display: block;
    }
    
    #pageNav h3 { 
    border-top: 2px solid white;
    background-image:  url(file:///C|/sylt-tourismus/pagenav_background.png);
	width: 178px;
	margin: 10px 0px 0px 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 90%;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: white;
    }


#pageNav1 {
    float: left;
    font-family: Verdana,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: small;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    display: block;
    }
    
    #pageNav1 h3 { 
    border-top: 2px solid white;
    background-image:  url(file:///C|/sylt-tourismus/pagenav_background.png);
	width: 178px;
	margin: 10px 0px 0px 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 90%;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: white;
    }

  #content { border-left: 4px solid white;
    width: 400px;
    }

  #header { top: 15px;
    width: 100%;
    height: 120px;
    background-image:  url(file:///C|/sylt-tourismus/Banner.png);
    }

/************** utility styles *****************/

  #utility { font-family: Verdana,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 55%;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    width: 100%;
    height: 15px;
    background-image:  url(file:///C|/sylt-tourismus/utility.png);
    top: 0px;
    }

  #utility a { border: 0px solid rgb(81, 166, 216);
    white-space: nowrap;
    color: white;
    }

  #utility a:hover { font-weight: bold;
    text-decoration: none;
    }

    
/************* menu styles ****************/

  #menu { width: 100%;
    float: left;
    background-image:  url(file:///C|/sylt-tourismus/glbnav_background.png);
    }

  #menu a, #menu h2 { border-style: solid;
    border-color: rgb(204, 204, 204) rgb(136, 136, 136) rgb(85, 85, 85) rgb(187, 187, 187);
    border-width: 1px;
    margin: 0pt;
    padding: 0px 0pt 1px 3px;
    font-family: bold arial,veranda,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 9px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    display: block;
    white-space: nowrap;
    }

  #menu h2 { color: white;
    text-transform: uppercase;
    }

  #menu a { text-decoration: none;
    }

  #menu a, #menu a:visited { background-color: red;
    color: white;
    }

  #menu a:hover { background-color: rgb(204, 0, 0);
    color: black;
    }

  #menu a:active { background: red none repeat scroll 0%;
    color: white;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #menu ul { margin: 0pt;
    padding: 0pt;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    float: left;
    width: 7em;
    }

  #menu li { position: relative;
    }

  #menu ul ul { position: absolute;
    z-index: 500;
    top: auto;
    display: none;
    }

  #menu ul ul ul { top: 0pt;
    left: 100%;
    }

  div#menu h2:hover { background-color: rgb(204, 51, 0);
    color: black;
    }

  div#menu li:hover { cursor: pointer;
    z-index: 100;
    }

  div#menu li:hover ul ul, div#menu li li:hover ul ul, div#menu li li li:hover ul ul, div#menu li li li li:hover ul ul { display: none;
    }

  div#menu li:hover ul, div#menu li li:hover ul, div#menu li li li:hover ul, div#menu li li li li:hover ul { display: block;
    }

  #menu a.x, #menu a.x:visited { color: black;
    }

  #menu a.x:hover { color: white;
    background-color: rgb(204, 51, 0);
    }

  #menu a.x:active { background: rgb(204, 204, 204) none repeat scroll 0%;
    color: rgb(0, 102, 0);
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

/*************** search styles *****************/

  #search { margin: 10px;
    }

  #search input { margin: 0px 0px 5px 10px;
    font-size: 60%;
    }

  #search a:link, #search a:visited { color: black;
    font-size: 70%;
    }

  #search a:hover { margin: 0px;
    }

/************** feature styles *****************/

  .feature { 
    font-size: 80%;
    min-height: 200px;
    height: 200px;
    }

  html > body .feature { height: auto;
    }

  .feature h3 { 
    background-image:  url(file:///C|/sylt-tourismus/feature_background.png);
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 100%;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: white;
    }

  .feature img { padding: 0px 10px 0px 0px;
    float: left;
    }

/*************** story styles ******************/

  .story { padding: 0px 0px 0px 10px;
    margin: 0px 0px;
    font-size: 80%;
    }

  .story h3 { 
    background-image:  url(file:///C|/sylt-tourismus/feature_background.png);
	width: 400px;
	font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 100%;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: white;
    }

  .story p { padding: 0px 0px 0px;
    }

  .story a.capsule { font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 1em;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(0, 95, 169);
    display: block;
    padding-bottom: 5px;
    }

  .story a.capsule:hover { text-decoration: underline;
    }

  td.storyLeft { padding-right: 0px;
    }

/************** siteInfo styles ****************/

  #siteInfo { border-top: 4px solid white;
    padding: 10px;
    clear: both;
    font-size: small;
    margin-top: -1px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    }

  #siteInfo img { padding: 4px 4px 4px 0px;
    vertical-align: middle;
    }

/************ sectionLinks styles **************/

  #sectionLinks { margin: 0px;
    padding: 0px;
    }

  #sectionLinks h3 { border-bottom: 4px solid white;
    padding: 10px 0px 2px 10px;
    }

  #sectionLinks a:link, #sectionLinks a:visited { border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 4px solid white;
    padding: 3px 0px 3px 10px;
    display: block;
    background-image:  url(file:///C|/sylt-tourismus/bg_nav.jpg);
    font-weight: bold;
    color: rgb(33, 83, 106);
    }

  #sectionLinks a:hover { border-top: 1px solid rgb(204, 204, 204);
    background-color: rgb(221, 238, 255);
    background-image: none;
    font-weight: bold;
    text-decoration: none;
    }

/************* relatedLinks styles **************/

  .relatedLinks { border-bottom: 4px solid white;
    margin: 0px;
    padding: 0px 0px 10px 10px;
    }

  .relatedLinks h3 { padding: 10px 0px 2px;
    }

  .relatedLinks a { display: block;
    }

/**************** advert styles *****************/

  #advert { padding: 10px;
    }

  #advert img { display: block;
    }

/********************* end **********************/



/* jr newsticker */

.newsTicker {

        margin-top:10px;

}

.jrTicker {

         margin: 5px;

         padding: 5px;

         text-align: left;

         border: 1px dashed #c0c0c0;

}

.jrTicker img{

         margin-left: -5px;

         padding: 0px;

}

.jrTickerHeaderFont {

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

        color:black; font-size:12px;

        font-weight: bold;

        background-color:transparent;

}


.newsTxt1bBlack {

  font-size: 8pt;

  font-family: helvetica, arial, sans-serif;

  font-weight: bold;

  color: black;

}

.newsTxt1bRed {

  font-size: 8pt;

  font-family: helvetica, arial, sans-serif;

  font-weight: bold;

  color: red;

}

.newsTxt1bGreen {

  font-size: 8pt;

  font-family: helvetica, arial, sans-serif;

  font-weight: bold;

  color: #00cc00;

}



/*------------------------------------------Comments-----------------------------------*/

.sk-pagecomments-error {width:560px;font-size:80%;color:red;font-weight:bold;background-color:#FFE8CF;border-bottom:1px dotted #0C6375;margin:8px 12px;padding:4px;}
	.sk-pagecomments-success {width:560px;font-size:80%;color:blue;font-weight:bold;}
	.sk-pagecomments-counter {font-size:80%;color:#0C6375;text-align:right;text-decoration:underline;margin-bottom:12px;}
        .sk-pagecomments-headline {width:560px;border-bottom:1px dotted #0C6375;font-size:80%;font-weight:bold;background-color:#BED2D9;margin-left:10px;height:22px;}
        .sk-pagecomments-answerheadline {width:560px;border-bottom:1px dotted #0C6375;font-size:70%;font-weight:bold;background-color:#f7f3ef;margin-left:10px;height:22px;}
	.sk-pagecomments-namedate {float:left;}
        .sk-pagecomments-emailhomepage{float:right;}
	.sk-pagecomments-answer{font-size:80%;float:right;padding:0 6px 0 10px;}   
        .sk-pagecomments-comment{font-size:80%;background-color:#FDFDFD;padding:0px 28px;clear:both;}
        
        
        .sk-pagecomments-teaser {margin-top:-40px}
        .sk-pagecomments-teaser h4 {background-color:#eee;font-size:85%;margin:0;color:green;padding-left:4px;}
        .sk-pagecomments-teaser h4 span{padding-right:4px}
        .sk-pagecomments-teaser p {margin:0;font-size:90%}

	.tx-skpagecomments-pi1 form {margin:16px 0;width:480px;font-size:90%;}
        .tx-skpagecomments-pi1 form fieldset {border:0px;}
	.tx-skpagecomments-pi1 form p.userinfos {text-align:center;padding:6px;}
        .tx-skpagecomments-pi1 span.sk-pagecomments-number {float:left;font-size:70%;color:#0C6375;padding:3px 10px 3px 5px;}

	.tx-skpagecomments-pi1 form legend {padding:4px;border:1px dotted #0C6375;}
	.tx-skpagecomments-pi1 form label {width:120px;float:left;margin-left:8px;}
	.tx-skpagecomments-pi1 form p {margin:6px 0;}
	.tx-skpagecomments-pi1 form p img {vertical-align:bottom;margin-left:8px;}
	.tx-skpagecomments-pi1 div.smileytext{margin-left:130px;}
	.tx-skpagecomments-pi1 form input#name,
	.tx-skpagecomments-pi1 form input#email,
        .tx-skpagecomments-pi1 form input#homepage {width:320px;background-color:#C9DBDE;border:1px dotted #0C6375;}
	.tx-skpagecomments-pi1 form textarea {width:320px;height:160px;background-color:#C9DBDE;border:1px dotted #0C6375;}
	.tx-skpagecomments-pi1 form input#name:focus,
	.tx-skpagecomments-pi1 form input#email:focus,
        .tx-skpagecomments-pi1 form input#homepage:focus,
	.tx-skpagecomments-pi1 form textarea:focus {background-color:#ECECEC;} 
	.tx-skpagecomments-pi1 form input#skcommentssubmit {border:1px dotted #0C6375;background-color:#C9DBDE;color:#0C6375;float:left;margin:8px 0px;}
        
        .tx-skpagecomments-pi1 img {border:0px}
        
/*------------------------------------------pageentry-----------------------------------*/

TABLE#entrypage {
	width: 400px;
}

TABLE#entrypage TR TD{
	width: 160px;
	margin-left:10px;
	margin-right:10px;
}

TABLE.entrypageitem {
	border: silver dotted 1px;
	margin-bottom:20px;
}

TABLE.entrypageitem TR TD{
	padding:2px;
}

TABLE.entrypageitem TR.titlerow{
	height:20px;
}

TABLE.entrypageitem TR TD.itemtitle{
	background-color: silver;
	color: white;
	font-weight: bold;
	font-size:10px;
}