/*This page is developed an designed by e8media - agency for digital media, mailto:info@e8media
 * Contact: Oliver Meding, Goerreshof 152, D-53347 Alfter, Germany, Phone +49 2222 922568
 *
 * Development & source code & CSS-Styles by Tobias Kivelip, mailto:tobias@kivelip.net
 * Screendesign by Stefan Weber, mailto:stefan@infectiousarts.de
 *
 * Copyright: The copyright for any material created by the author is reserved.
*/

/* -------------------------------- general/common CSS styles -------------------------------- */
/* ---- delete all margin & padding, no borders ---- */
*
{
    margin: 0;
    padding: 0;
    border: 0;
}

body
{
    color: #656565;
    font-family: verdana, arial, sans-serif;
    text-align: center;
    font-size: 70%;
	line-height: 16px;
    background: #ecf4f9 url(/img/bg.jpg) repeat-x;
}

/* ---- links ---- */
a,
a:link,
a:visited,
a:active
{
    color: #05a5cd;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

/* ---- lists ---- */
ul
{
    list-style: none;
    padding: 0;
    margin: 10px 0 0 20px;
}

li
{
    padding: 2px 0 2px 12px;
    background-image: url(/img/pfeil.jpg);
    background-position: left center;
    background-repeat: no-repeat;
}

/* ---- tables ---- */
table
{
    border: 0;
    margin: 10px 0 0 25px;
    padding: 0;
    border: 0;
}

td
{
    height: 25px;
    vertical-align: middle;
    padding: 3px;
    margin: 0;
}

tr.tr2
{
    background-color: #f1f1f1;
    padding: 0;
    margin: 0;
    border: 0;
}

/* ---------------- headlines ----------------  */
h1,
h2,
h4.serendipity_title
{
    font-weight: normal;
    font-size: 180%;
    color: #05a5cd;
    font-family: georgia, helvetica, verdana, serif;
    line-height: 120%;
}

h4.serendipity_title
{
    margin-top: 30px;
}

h2
{
    padding: 20px 10px 5px 20px;
}

h3
{
    color: #05a5cd;
    padding: 40px 10px 5px 20px;
    font-size: 140%;
    font-family: georgia, helvetica, verdana, serif;
    font-weight: normal;
}

h4
{
    color: #3f3f3f;
    font-size: 100%;
    margin: 10px 0 0 20px;
    padding: 0;
    font-family: georgia, helvetica, verdana, serif;
    line-height: 120%;
}

p
{
    margin: 10px 10px 0 20px;
}

cite
{
    text-align: right;
    font-style: italic;
    font-size: 120%;
    display: block;
    padding-top: 10px;
}

hr
{
    border-top: 1px dashed #05a5cd;
    margin: 50px 10px 0 20px;

}


/* ---- form items ---- */
label
{
    display: block;
    margin: 0 0 2px 0;
    font-weight: bold;
}

.fTxt,
.fArea
{
    border: 1px solid #b5b5b5;
    width: 430px;
    font-size: 120%;
    padding: 1px 0 3px 3px;
}

.fArea
{
    font-size: 140%;
}

.fBtn
{
    border: 1px solid #b5b5b5;
    margin-top: 5px;
    background-color: #eee;
}

/* ---------------- images ----------------  */
img.imgSM,
.serendipity_entry_body img,
.serendipity_entry_extended img
{
    border: 1px solid #dbdbdb !important;
    padding: 5px;
    margin: 10px 10px 0 20px;
    float: left;
}

.serendipity_entry_body img,
.serendipity_entry_extended img
{
    margin-top: 0;
}

.imgSMS
{
    border: 1px solid #dbdbdb !important;
	padding: 5px;
    margin: 0 0 10px 0;
}

.serendipity_entry_body img,
.serendipity_entry_extended img
{
    margin-left: 0;
}

/* -------------------------------- leftbar items  -------------------------------- */
/* ---- headlines ---- */
div#leftCont h2,
div#leftCont h4
{
    margin-left: 25px;
    padding: 0;
}

div#leftCont p
{
    margin: 10px 10px 0 25px;
}

/* ---- lists ---- */
div#leftCont  ul
{
    list-style: none;
    padding: 0;
    margin: 10px 0 0 25px;
}

/*  ---- boxes  ----  */
dl.boxGuest,
dl.box
{
    margin: 0 0 0 25px;
    padding: 0;
}

dl.boxGuest
{
    margin-top: 32px;
}

dl.boxGuest dt,
dl.box dt
{
    height: 24px;
    display: block;
    background: url(/img/boxHead.jpg) no-repeat;
    font-family: georgia, helvetica, verdana, serif;
    font-size: 12px;
    line-height: 25px;
    padding: 0 0 0 10px;
    color: #3F3F3F;
}

dl.boxGuest dd,
dl.box dd
{
    height: 109px;
    display: block;
    background: url(/img/boxGuest.jpg) no-repeat left top;
    color: #585858;
    padding: 15px 10px 10px 10px;
}

dl.box dd
{
    height: auto;
    background: #F6FAFB url(/img/boxFoot.jpg) no-repeat left bottom;
    padding: 10px;
}

dl.box dd img
{
    text-align: center;
    padding-bottom: 15px;
}


/* -------------------------------- main structure  -------------------------------- */
div#head
{
    width: 766px;
    height: 416px;
    background: #ecf4f9 url(/img/head.jpg) no-repeat;
    margin: auto;
    margin-top: 0;
    text-align: left;
    overflow: hidden;
}

img#logo
{
    margin: 44px 82px 200px 50px;
    padding: 0;
    float: left;
    border: 0;
    background-color: #000;
}

div#head div
{
    float: left;
    width: 519px;
    height: 203px;
}

div#head div h1
{
    color: #404040;
    font-family: georgia, helvetica, verdana, serif;
    font-size: 240%;
    margin: 90px 0 0 0;
    padding: 0;
}

div#head div h2
{
    color: #8c8c8c;
    font-family: georgia, helvetica, verdana, serif;
    font-size: 140%;
    margin: 0;
    padding: 0;
}

img#headPic
{
    margin: 0;
    padding: 0;
}

div#subHead
{
    width: 766px;
    height: 45px;
    background: #ecf4f9 url(/img/subHead.jpg) no-repeat;
    margin: auto;
    text-align: left;
    overflow: hidden;
    text-indent: 270px;
}

div#subHead a
{
    color: #818181;
    font-size: 120%;
    padding-top: 8px;
    padding-right: 20px;
    background-image: url(/img/pfeilGray.jpg);
    background-repeat: no-repeat;
    background-position: 685px 5px;
    display: block;
    text-decoration: none;
    font-family: georgia, helvetica, verdana, serif;
    font-style: italic;
}

div#mainCont
{
    width: 766px;
    background: #ecf4f9 url(/img/mainBg.jpg) repeat-y;
    margin: auto;
    text-align: left;
    overflow: hidden;
}

div#leftCont
{
    width: 246px;
    float: left;
    padding-bottom: 30px;
}

div#rightCont
{
    width: 496px;
    float: left;
    padding-bottom: 60px;
}

ul#footLeft,
ul#footRight
{
    list-style: none;
    background-image: none;
    padding: 0 0 0 265px;
    margin: 0;
    float: left;
    display: block;
    position: relative;
    top: -11px;
}

ul#footRight
{
    padding: 0 15px 0 0;
    float: right;
}

ul#footLeft li, ul#footRight li
{
    background-image: none;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    color: #aaa;
    font-size: 9px;
}

div#foot
{
    clear: both;
    width: 766px;
    height: 20px;
    background: #ecf4f9 url(/img/footBg.jpg) no-repeat;
    margin: auto;
    margin-top: 0;
    text-align: left;
    overflow: visible;
}

p#subFoot
{
    margin: 5px 0 0 0;
    font-size: 80%;
    color: #aaaaaa;
    padding-bottom: 25px;
}

/* -------------------------------- main navi -------------------------------- */
div#head ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

div#head ul li
{
    padding: 0;
    background: none;
    float: left;
    height: 44px;
    margin-right: 22px;
}

div#head ul li a
{
    padding: 16px 0 1px 0;
    display: block;
    color: #3a3a3a;
    font-family: georgia, helvetica, verdana, serif;
    font-size: 110%;
}

div#head ul li a.act
{
    text-decoration: none;
    border-bottom: 2px solid #fcb300;
}

/* -------------------------------- subnavi -------------------------------- */
ul#subnavi,
ul#serendipity_categories_list
{
    list-style: none;
    border-bottom: 1px solid #E5E5E5;
    width: 205px;
    overflow: hidden;
}

ul#subnavi li,
ul#serendipity_categories_list li
{
    padding: 5px 0 5px 12px;
    border-top: 1px solid #E5E5E5;
    list-style: none;
    font-size: 115%;
    background-image: url(/img/pfeil_g.jpg);
}

ul#subnavi li a,
ul#serendipity_categories_list li a,
ul#subnavi li a:link,
ul#subnavi li a:active,
ul#subnavi li a:visited
{
    font-family: georgia, helvetica, verdana, serif;
    color: #717171;
}

ul#subnavi li a.act,
ul#serendipity_categories_list li a.act,
ul#subnavi li a.act:link,
ul#subnavi li a.act:active,
ul#subnavi li a.act:visited,
ul#subnavi li a.act:hover
{
    font-family: georgia, helvetica, verdana, serif;
    color: #05a5cd;
    text-decoration: none;
}

/* more blog styles */
.serendipity_commentBody
{
    background-color: #ECF3F9;
    margin-top: 15px;
}

.serendipity_commentBody .sInner
{
    margin: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
}

/* -------------------------------- guestbook styles -------------------------------- */
.gb_label_name,
.gb_label_homepage,
.gb_label_email,
.gb_label_time
{
    float: left;
    padding-right: 10px;
}

.gb_label_message,
.gb_message,
.gb_email,
.gb_time
{
}

/* ---- form items ---- */
label
{
    display: block;
    margin: 0 0 2px 0;
    font-weight: bold;
}

.gb_txtarea,
.gb_txtfield,
#serendipityQuickSearchTermField
{
    border: 1px solid #b5b5b5;
    width: 450px;
    font-size: 120%;
    padding: 1px 0 3px 3px;
}

#serendipityQuickSearchTermField
{
    width: 200px;
}

.serendipitySideBarContent
{
    margin-left: 20px;
    margin-top: 10px;
}

.gb_txtarea
{
    font-size: 140%;
    height: 150px;
}

.gb_btn
{
    border: 1px solid #b5b5b5;
    margin-top: 5px;
    background-color: #eee;
}

input,
textarea,
select
{
    border: 1px solid #b5b5b5;
}

a.disabled
{
    color: #656565;
    text-decoration: none;
}

.serendipity_entryFooter
{
    margin: 30px 0 0 20px;
    border-top: 1px dashed #05a5cd;
    padding-top: 5px;
}

.serendipity_comments,
.serendipity_search_noentries,
.serendipity_search_tooshort
{
    margin-left: 20px;
}



#serendipity_comment
{
    margin-left: -30px !important;
    width: 500px;
    overflow: hidden;
}

p.seiten
{
    float: right;
}

div.gbLeft
{
    border-top: 1px solid #656565;
    margin-left: 20px;
    width: 160px;
    overflow: hidden;
    float: left;
    padding: 5px 0 30px 0;
}

* html div.gbLeft
{
    margin-left: 10px;
}

div.gbRight
{
    border-top: 1px solid #656565;
    margin-left: 20px;
    width: 285px;
    overflow: hidden;
    float: left;
    padding: 5px 0 30px 0;
}

.gb_time
{
    margin-top: 15px;
}

.gb_name
{
    font-weight: bold;
}

.serendipity_entry_body,
.serendipity_entry_extended
{
    margin-left: 20px;
}

.serendipity_entry_body p,
.serendipity_entry_extended p
{
    margin-left: 0;
}

.serendipity_entry_extended
{
    margin-top: 20px;
}

.weiterL
{
    margin-left: 20px;
}

#galerie
{
	margin-left: 22px;
	padding: 0;
    width: 449px;
	height: 355px;
}