/* styles for clareireland.net */
html, body {
margin: 5px;
padding: 5px;
}
body#corpus {
font-family: ubuntu, verdana, geneva, sans-serif;
font-size: 100.01%;
text-align: center;
background-image: url(../images/back3.jpg);
background-attachment:fixed;
}

/* set all to 0 */
* {
margin: 0;
padding: 0;
}
/* text allgemein */
p {
font-size: 75%;
line-height: 110%;
background-color: transparent;
color: #154213;
}
/* 'container' */
#wrapper {
background-image: url(../images/ki3.jpg);
background-repeat: no-repeat;
background-position: bottom;
position: relative;
margin: 10px auto;
width: 700px;
text-align: left;
background-color: #FFF;
border: 3px solid #fff;
}
/* header */
#header {
background-image: url(../images/header2.jpg);
height: 60px;
background-color: transparent;
color: #FFFFCC;
}
#header #logo h1 {
/*padding: 10px 0 0 20px;
letter-spacing: 4px;
background-color: transparent;
color: #154213;*/
display: none;
}
/* breadcrumb */
#breadcrumb {
margin: 0px 12px 0px 0px;
text-align: right;
}
#breadcrumb p {
background-color: transparent;
color: #fff0c4;
letter-spacing: 4px;
}
#breadcrumb a {
text-decoration: none;
letter-spacing: 4px;
background-color: transparent;
}
#breadcrumb a:hover {
background-color: transparent;
color: #fe9f41;
border-bottom: 1px solid #fe9f41;
}
#breadcrumb img {
margin: 5px 5px 0px 5px;
}
/* content */
#mainent {
margin: 10px 20px 10px 170px;
overflow: auto;
background-color: white;
color: #000;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding-bottom: 10px;
}
#mainent a {
font-family: ubuntu, verdana, geneva, sans-serif;
font-size: 100.01%;
text-decoration: none;
text-align: center;
color: #154213;
font-weight: bolder;
}
#mainent a:hover {
background-color: transparent;
color: #000;
border-bottom: 1px solid #fe9f41;
}
#mainent ul {
list-style: url(../images/square42_orange_1.gif) inside;
margin: 3px 20px 0px 20px;
font-size: 80%;
font-weight: bolder;
color: #154213;
}
/* menues */
#menue {
position: absolute;
width: 140px;
height: 312px;
left: 0;
margin: 0 0 0 15px;
position:absolute; 
z-index:1;
}

#menbox2 a {
display: block;
width: 130px;
font-size: 75%;
text-decoration: none;
margin: 0px 0px 3px 0px;
padding: 0px 5px 1px 5px;
border-top: 1px solid #758e62;
border-right: 1px solid #5D724D;
border-bottom: 1px solid #5D724D;
border-left: 1px solid #758e62;
background-color: #ffbd42;
color: #154213;
}
#menbox2 a:hover {
background-color: #758e62;
color: #fff0c4;
border-top: 1px solid #154213;
border-right: 1px solid #9aaf8b;
border-bottom: 1px solid #9aaf8b;
border-left: 1px solid #154213;
}
#menbox2 a.aktiv {
background-color: #758e62;
color: #fff0c4;
border-top: 1px solid #154213;
border-right: 1px solid #9aaf8b;
border-bottom: 1px solid #9aaf8b;
border-left: 1px solid #154213;
font-weight: bolder;
}
#menbox3 {
margin: 24px 0 0 0;
}

#banner {
width: 110px;
border: 1px solid #ccc;
font-size: 65%;
background-color: #fff;
float: right; 
clear:right;
margin: 20px 10px 20px 30px;
text-align: center;
font-weight: bolder;
}

#banner1 {
width: 130px;
font-size: 65%;
background-color: #fff;
float: right; 
clear:right;
margin: 20px 0px 20px 20px;
text-align: center;
font-weight: bolder;
}

#hotels {
width: 200px;
float: left; 
clear:left;
margin: 20px 0px 20px 50px;
}

/* footer */
#footer {
background-image: url(../images/footer1.jpg);
height: 30px;
margin: 20px 0px 0px 0px;
background-color: transparent;
color: #000;
}
#footer p {
font-size:70%;
text-align: center;
padding: 7px 0 0 40px;
}
#footer a {
font-family: ubuntu, verdana, geneva, sans-serif;
font-size: 100.01%;
text-decoration: none;
text-align: center;
color: #154213;
}
#footer a:hover {
background-color: transparent;
color: #000;
border-bottom: 1px solid #fe9f41;
}
/* headings */
h1 {
color: #154213;
font-size: 75%;
background-color: #ffe9a4;
padding: 1px 0 1px 0;
}
h2 {
font-family: 'trebuchet ms', helvetica, arial, sans-serif;
font-size: 100.01%;
background-color: #ffe9a4;
color: #154213;
margin: 0px 0 10px 0;
padding: 0 0 0 10px;
}
h3 {
font-family: 'trebuchet ms', helvetica, arial, sans-serif;
background-color: transparent;
color: #154213;
margin: 20px 0 10px 40px;
letter-spacing: 1pt;
}
h4 {
background-color: transparent;
color: #154213;
margin: 20px 0 10px 40px;
}
h5 {
color: #154213;
font-size: 70%;
background-color: #ffe9a4;
}

h6 {
background-color: transparent;
color: #154213;
font-size: 150%;
margin: 10px 0 10px 10px;
}

/* text-formate */
span.menuheader {
display: block;
padding: 0px 0px 15px 0px;
background-color: transparent;
color: #fff0c4;
font-variant: small-caps;
letter-spacing: 2px;
}
/* textbloecke im content */
p.text1, p.text2, p.text3, p.text4, p.text5, p.text6 {
padding: 10px 20px 0px 20px;
}
p.text7 {
font-size: 70%;
line-height: 100%;
padding: 10px 20px 0px 20px;
color: #154213;
background-color: transparent;
}

p.text8 {
font-size: 70%;
line-height: 100%;
padding: 5px 20px 1px 30px;
background-color: #FFFFCC;
}

.offer {
font-size:70%;
color: #ffc;
background-color: #F2DCDB;
padding:1px 0 1px 30px;
text-align: left;
}

/* seitenanfang sprungmarke */
p.topper {
margin: 20px 0px 0px 40px;
padding: 0px 0px 20px 0px;
}

/* table */
table {
margin: 10px 0px 10px 10px;
width: 90%;
}
#mainent td {
color: #154213;
}
#mainent td p a, p.topper a {
text-decoration: none;
background-color: transparent;
color: #154213;
border-bottom: 1px solid #CCC;
}
#mainent td p a:hover, p.topper a:hover {
text-decoration: none;
background-color: transparent;
color: #758e62;
border-bottom: 1px solid #CCC;
}
/* images */
img {
border: 0 none;
}
img.floatright {
float: right; 
clear:right;
margin-left: 5px;
}
img.floatleft {
float: left; 
clear:left;
margin: 0 5px 0 10px;
}

/* others */
.invis, hr {
display: none;
}
/* initials for '#mainent p' */
.initial {
font-size:120%;
font-weight: 900;
}