body {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    background: url("images/putz.jpg");

    /*scrolling: no;*/
    font-family: "Lucida Grande", verdana;
    color: #000;
    font-size: 0.8em;
}


/**********************/
/* CONTAINER          */
/**********************/



div { margin: 0px; padding: 0px; }

/* -------    Global  Styles  ------ */
form, p {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

hr {
	color: #edb65c;
	border: 0px;
	height: 1px;
}

a, a:visited, a:active {
	text-decoration: none;
	color: #c33;
	font-weight: bold;
	font-size: 90%;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Lucida Grande;
	margin: 0px;
	padding: 0px;
}

.red {
	color: red;
}

.right {
	text-align: right;
}

.r {
	float: right;
}

h1{
 font-size: 120%;
 color: #600;
}

h2{
 font-size: 114%;
 color: #600;
}

h3{
 font-size: 100%;
 color: #600;
 padding: 0 0 4px 0;
}

h4 {
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5 {
 font-size: 100%;
 color: #334d55;
}

h6 {
 font-size: 100%;
 color: #600;
}

p {
	padding-bottom: 7px;
	line-height: 140%;
}

p.normal {
	padding-bottom: 7px;
	line-height: 140%;
	font-size: 90%;
}

/*----------MAIN DIVs------------------*/

#bodywrapper {
    border: 0px solid red;
    width: 1000px;
    margin: auto;
}

#navi {
    width: 125px;
    float: left;
    border: 0px solid blue;
    margin: 0px 0px 0px 0px;
    padding: 25px 0px 0px 0px;
}

#wrapper {
    width: 860px;
    float: left;
    white-space: normal;
    border: 0px solid red;
    margin: 0px 0px 0px 0px;
}

#head {
    border: 0px solid green;
    margin-bottom: 0px;
    height: 94px;
    width: 966px;
    float: left;
}


div.contentfull {
    border: 0px solid green;
    float: left;
    width: 850px;
    margin: 15px 0px 0px 0px;
}

/* -------                        -------   */
/* -------   Styles for das Menue -------   */


#navi ul {
    border:0px solid blue;
    margin: 0px 0px 0px 0px;
    padding-left: 20px;
    list-style: none;
    width: 100px;
}

#navi a {
    display: block;
    /*width: 100%; for IE, damit Block funzt. Schiebt aber die Linien rueber */
}

#navi a, #navi a:active, #navi a:visited {
    color: #c33;
}
#navi a:hover {
    /*background-color: #faefd9;*/
    color: #600;
}

#navi a.aktiv {
    color: #600 !important;
}
#navi li {
	border-top: 1px solid #d1643a;
}
#navi ul a {
    padding: 7px 0px 7px 5px;
    font-weight: bold;
    font-size: 11px;
}
#navi ul ul {
	width: 80px;
}
#navi ul ul a {
    padding: 5px 0px 5px 20px;
    font-weight: normal;
}
/******** End Navi ******/
/**********************/

/*****NEW LOOK Styles **********/

div.newbig {
	background-color: #faefd9;
	width: 571px;
	float: left;
	border: 1px solid #edb65c;
	padding: 17px 0px 0px 15px;
	margin-right: 25px;
	margin-left: 15px;
	margin-top: 9px;
}

div.pagewrap {
	width: 810px;
	padding: 2px;
	float: left;
	margin-left: 20px;
}

div.pagelight {
	background-color: #faefd9;
	border: 1px solid #edb65c;
	width: 798px;
	padding-left: 15px;
	float: left;
	margin-left: 20px;
	margin-top: 9px;
	padding-top: 7px;
}

/*************PAGES **************/

div.smalltext {
	background-color: #faefd9;
	border: 1px solid #edb65c;
    padding: 20px 7px 2px 7px;
    float: left;
    width: 190px;
}

p.normlong {
 	font-size: 90%;
 	padding-bottom: 12px;
 	width: 500px;
 	line-height: 120%;
 }

/*********Helens pages ********/

div.helbild {
	border: 0px inset red;
	margin-bottom: 20px;
	float: left;
	width: 312px;
	padding: 4px 0px 0px 0px;
}

div.helbild img {
	border: 1px solid silver;
}

div.helsmallbild {
	border: 0px inset red;
	margin-bottom: 20px;
	margin-left: 5px;
	float: left;
	width: 466px;
	padding: 4px 0px 0px 0px;
}

div.heltext {
 	width: 410px;
 	float: left;
 }

 div.heltextlong {
 	width: 500px;
 	float: left;
 }

 div.heltextright {
 	float: left;
 	width: 220px;
 	margin-left: 45px;
 }
div.miketext {
 	width: 370px;
 	padding: 0px 30px 0px 0px;
 	float: left;
 }
 miketext.img {
 float: left;
 }
 div.mikevideo {
 	width: 370px;
 	float: left;
 	}

img.heltext {
	border: 1px solid #edb65c;
	margin-bottom: 10px;
}

img.helstory {
	border: 1px solid #edb65c;
	margin-right: 7px;
}

img.helpics {
	border: 1px solid #edb65c;
	margin-bottom: 10px;
}

p.helpage {
 	font-size: 90%;
 	padding-bottom: 12px;
 	width: 410px;
 	line-height: 120%;
 }

div.helstory{
    margin: 0px 0px 0px 90px;
    padding: 2px 3px 2px 3px;
    float: left;
    width: 270px;
    font-size: 90%;
}

hr.helstory {
 	color: #edb65c;
 	margin: 7px 5px 12px 0px;
 	height: 1px;
 }

div.helstory a, div.helstory a:active, div.helstory a:visited {
    color: #c33;
    font-size: 90%;
}

ul.helpage {
	list-style-position: outside;
	list-style-type: square;
	font-size: 90%;
	margin-left: 25px;
}

ul.helpage li{
	padding-bottom: 7px;
}

div.helpics {
	width: 410px;
	float: left;
	padding-bottom: 10px;
}

div.helextra{
	border: 1px solid #edb65c;
    margin: 20px 0px 0px 90px;
    padding: 2px 3px 2px 3px;
    float: left;
    width: 260px;
    font-size: 90%;
}


div.comicwrap {
	width: 698px;
	padding: 2px;
	float: left;
	margin-left: 20px;
}

 div.funny{
    margin: 0px 0px 0px 90px;
    padding: 2px 3px 2px 3px;
    float: left;
    width: 170px;
    font-size: 90%;
}

div.storymenu {
}

div.storymenu a, div.storymenu a:active, div.storymenu a:visited {
    color: #c33;
    font-eight: bold;

}

/*****Alberts page *****/

div.alpics {
    border: 0px solid #cc3333;
    margin: 0px 0px 20px 90px;
    padding: 0px;
    float: left;
    width: 208px;
    font-size: 90%;
}

div.alpics a, div.alpics a:active, div.alpics a:visited {
    color: #c33;
    font-size: 90%;
}

div.mypic {
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    margin-right: 10px;
    float: left;
    width: 188px;
    height: 260px;
    font-size: 11px;
}

/*****Panorama Page *****/

div.pano {
	width: 340px;
	height: 240px;
	border: 4px inset #fcc;
	float: left;
}

div.panomenu {
	width: 210px;
	height: 234px;
	margin: 0px 0px 10px 50px;
	padding: 5px;
	float: left;}

div.panomenu a, a:visited, a:active {
	color: #c33;
	text-weight: bold;
	/*font-size: 11px;*/
}

div.panomenu a:hover {
	color: #c33;
	text-decoration: underline;}

div.panodescr {
	width: 340px;
	height: 240px;
	margin: 20px 0px 0px 0px;
	float: left;}

div.panodescr p {
	font-size: 10px;
	color: #600;
	margin-bottom: 10px;
}

/*****Links Page *****/
/***definition lists ****/
dl {
	float: left;
	width: 384px;
	padding-bottom: 15px;
	margin: 0;
}
dt {
	float: right;
	width: 192px;
	font-weight: bold;
	font-size: 90%;
	color: #c33;
	padding: 0;
	margin: 0;
}

* dt {
	height: 1%;
}

dd {
	padding: 0;
	margin-left: 192px;
	font-size: 90%;
}

* dd {
	height: 1%;
}

dd.img {
	float: left;
	margin-left: 0px;
}

dd a {
	padding: 0;
	margin: 0;
}

dd.img img {
	width: 180px;
	float: left;
	border: 1px solid silver;
	margin: 0px 10px 15px 0px;
	padding: 0; }

div.link {
	width: 388px;
	float: left;
	margin-top: 0px;
	padding: 0;
}

div.link img {
	float: left;
}

div.link a {
	padding: 0;
}

.rightmarge {
	margin-right: 15px;
}



/*****HOMEPAGE *****/

 div.textnorm {
 	width: 555px;
 }

 div.hometext {
 	width: 320px;
 	float: left;
 }

 div.randompic {
	text-align: center;
	float: right;
	padding-right: 20px;
	height: 205px;
}
 p.newnorm {
 	font-size: 90%;
 	padding-bottom: 7px;
 	width: 350px;
 	line-height: 120%;
 }

hr.home {
 	background-color: #edb65c;
 	margin: 0px 0px 20px 0px;
 	height: 1px;
 }

hr.long {
 	background-color: #edb65c;
 	margin: 20px 40px 20px 0px;
 	height: 1px;
 }

a.red, a.red:visited, a.red:active {
	text-decoration: none;
	color: #600;
	font-weight: bold;
}

a.red:hover {
	text-decoration: underline;
}

/************* Picture of the month ***********/

div.homepicmonth {
    width: 520px;
    padding: 3px;
}

div.hphead {
    width: 180px;
    float: left;
    padding: 0px;
}

div.homepicmonth img.picrig {
    float: right;
    padding: 0px 0px 0px 0px;
    align: top;
}

div.homepicmonth img.piclef {
    float: left;
    margin-right: 15px;
    width: 320px;
    padding: 0px;
}



/************* #Updates Styles ***************/
/* in Hause.html  family.html, für auswahl in pano.html */

#updates {
	margin-top: 9px;
}
#updates.a {display: inline;}
img.inline {display: inline;}

hr.updates {
 	background-color: #edb65c;
 	margin: 5px 0px 10px 0px;
 	height: 1px;
 }

div.feature{
	background-color: #faefd9;
	border-right: 1px solid #edb65c;
	border-bottom: 1px solid #edb65c;
	border-left: 1px solid #edb65c;
    margin-bottom: 20px;
    padding: 20px 7px 2px 7px;
    float: left;
    width: 190px;
    font-size: 90%;
    line-height: 120%;
}

div.feature b {
	text-weight: bold;
	color: #cc3333;
}
div.feature h2 {
	margin-bottom: 10px;
}

p.updates {
	margin: 0px;
	padding-bottom: 0px;
}



/****************** Styles für Updates Tabs ******************/
#tabs {
    float: left;
    width: 207px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#tabs ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    width: 207px;
    list-style-type: none;
    list-position: inside;
}
#tabs li {
    float: left;
    height: 24px;
    margin: 0px 0px 0px 0px;
}
#tabs li a {
    display: block;
    margin: 4px 0px 0px 0px;
    padding: 3px 10px 3px 6px;
	border-top: 1px solid #ffc;
	border-right: 1px solid #edb65c;
	border-bottom: 1px solid #edb65c;
	border-left: 1px solid #ffc;
    padding: 3px 10px 3px 6px;
    color: #c30;
    width: 49px;
}
#tabs li a:hover {
	color: #c30;
}

#tabs li a.main_active {
    background-color: #faefd9;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 6px 6px;
    border-top: 1px solid #edb65c;
	border-right: 2px solid #edb65c;
    border-bottom: 0px solid #fc6;
    border-left: 1px solid #edb65c;
    width: 52px;
    color: #600;
}




/******** GALLERIES ****************/

div.galview {
	width: 825px;
	padding: 2px;
	float: left;
	margin-left: 15px;
}

div.gal {
    float: left;
    width: 94px;
    height: 99px;
    border: 1px solid #edb65c;
    padding: 4px 0px 0px 2px;
    margin: 0px 4px 4px 0px;
    text-align: center;
    background-color: #faefd9;
}

ul.piclinks {
list-style: none;
margin-bottom: 10px;
}

ul.piclinks li {
	padding: 2px 5px;
	margin-bottom: 2px;
	background: #f7deb5;
	text-align: center;
}

ul.piclinks li a {
font-size: 0.9em;
text-align: center;
}

div.picnav {
	width: 177px;
	float: left;
	border-left: 1px solid #edb65c;
	float: right;
	padding-left: 3px;
}

div.picture {
	width: 825px;
	background: #faefd9;
	border: 1px solid #edb65c;
	padding: 2px;
	float: left;
}

div.picture img {
float: left;
margin-right: 2px;
}

/* =========  Styles für New galleries=============*/

div.galtitle {
	width: 636px;
	float: left;
	margin-bottom: 20px;
    font-family: verdana;
    font-size: 90%;
    border-top: 1px solid silver;
    padding-top: 5px;
}

div.galstory {
	padding: 0 10px 10px 0;
	width: 194px;
	float: left;
}

div.galtext {
	width: 310px;
	margin-right: 15px;
	float: left;
}
p.galimage {
	width: 310px;
	float: left;
}

p.carib {
	padding-bottom: 7px;
}
span.sub {
font-size: 0.80em;
}

span.name {
	font-weight: bold;
	color: #600;
	font-size: 100%;
	padding-bottom: 0px;
}

div.showgal {
	width: 260px;
	float: left;
	border: 1px solid #edb65c;
	background: #faefd9;
	margin-right: 5px;
	margin-bottom: 7px;
	padding: 3px;
}
img.gallery {
	border: 2px solid silver;
	margin-bottom: 10px;
	float: left;
}

img.galedit {
	float: left;
}

div.viewbilder {
	width: 135;
	margin-right: 5px;
	float: left;
}

/************* #Reunion Fotoblog ***************/

div.fb_gal {
    float: left;
    width: 94px;
    height: 110px;
    border: 1px solid #edb65c;
    padding: 4px 0px 0px 2px;
    margin: 0px 4px 4px 0px;
    text-align: center;
    background-color: #faefd9;
}

div.fb_thumb {
	height: 90px;
}

div.fb_numcomments {
	text-align: left;
	padding-left: 3px;
	width: 75px;
}

div.fb_numcomments img {
	padding-right: 5px;
	float: left;
}

div.fb_overview {
	margin-left: 15px;
}

div.fb_head {
	float: left;
}

div.fb_text {
	float: left;
	padding-top: 12px;
	padding-right: 200px;
}

div.fb_picture {
	text-align: center;
	padding-top: 10px;
}

div.fb_picture img {
	border: 20px solid #faefd9;
}

div.fb_nav {
	margin-bottom: 15px;
	width: 620px;
	/*background-color: #faefd9;*/
	padding-left: 220px;
	padding-bottom: 12px;
	float: left;
}

ul.fb_piclinks {
	list-style: none;
	/*display: block;*/
}

ul.fb_piclinks li {
	float: left;
	width: 120px;
}

div.fb_picinfo {
	clear: both;
	text-align: left;
	padding-top: 20px;
	padding-left: 50px;
}

div.fb_pic_comment {
	width: 100%;
	float: left;
	text-align: left;
}

div.fb_show_comment {
	border: 2px solid #edb65c;
	width: 500px;
	background-color: #faefd9;
	padding: 7px 5px 12px 12px;
	margin-bottom: 12px;
}

p.fb_comment_date {
	color: #cc3333;
	font-weight: bold;
	padding-bottom: 7px;
}

div.fb_comment_form {
	border: 1px solid #edb65c;
	padding: 7px 5px 12px 12px;
	margin-top: 20px;
	width: 500px;
}

p.fb_red {
	color: #cc3333;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 7px;
}

textarea.fb_comment {
   background-color: #faefd9;
   width: 400px;
   height: 120px;
}

input.fb_name {
   background-color: #faefd9;
   width: 400px;
   margin-bottom: 12px;
}

input.fb_email {
   background-color: #faefd9;
   width: 400px;
   margin-bottom: 12px;
}

input.fb_button_send {
   background-color: #faefd9;
   width: 70px;
}

p.fb_send {
	text-align: right;
	margin-right: 100px;
	/*width: 50px;*/
}


/************* #Für die Buttons ***************/
div.picthead {
	width: 420px;
	height: 50px;
	float: left;
}

div.galleryhead {
	width: 529px;
	height: 40px;
	float: left;
}
div.picsearch{
	width: 150px;
	float: left;
}
div.yearhead {
	width: 390px;
	height: 30px;
	float: left;
}

div.pictbutt {
	width: 109px;
	height: 27px;
	float: right;
	padding-top: 0px;
	margin-right: 15px;
	vertical-align: middle;
}

div.pictbutt p.butt {
	text-align: center;
	vertical-align: middle;
}

div.pictbutt a, .pickbutt a:active, .pickbutt a:visited {
	font-size: 11px;
	padding: 6px 0px 6px 0px;
	display: block;
	text-decoration: none;
	color: #600;
	font-weight: normal;
	background: transparent url("images/nbun.jpg") no-repeat top left;
	border: 0px;
}

div.pictbutt a:hover {
	text-decoration: none;
	color: #c33;
	font-weight: normal;
	background: url("images/nbuh.jpg") no-repeat;
	border: 0px;
}

div.pictsbutt { width: 40px; height: 27px; float: left; border: 0px solid red; padding-top: 0px; vertical-align: middle;}
div.pictsbutt p.butt {text-align: center; vertical-align: middle; }
div.pictsbutt a, .pickbutt a:active, .pickbutt a:visited {font-size: 11px; padding: 6px 0px 6px 0px; display: block; color: #600; font-weight: normal; background: transparent url("images/sbun.jpg") no-repeat top left;}
div.pictsbutt a:hover {color: blue; font-weight: normal; background: url("images/sbuh.jpg");}

/******* CONTACT FORMULAR  **********/

div.mail {
   width: 190px;
   float: left;
   margin-left: 25px;
   margin-right: 20px;
}

p.contact {
    padding-bottom: 7px;
    font-size: 11px;
    line-height: 16px;
}

textarea.message {
   background-color: #faefd9;
   width: 400px;
   height: 200px;
}

input.adr {
   background-color: #faefd9;
}

input.re {
   background-color: #faefd9;
   width: 400px;
}

div.block {
   width: 426px;
   background: url("news/block.jpg") no-repeat;
   float: left;
   padding: 60px 0px 0px 24px;
}

div.block p.send {
    text-align: right;
    margin-right: 22px;
    margin-top: 25px;
}

div.mail h3 {
    color: red;
}

/******Guestbook ********/

input.form {
   width: 200px;
   background-image: url(images/putz.jpg);
   }
input.search{
   width: 100px;
   background-image: url(images/putz.jpg);
   margin-bottom: 3px;
   }


textarea.form {
   width: 400px;
   height: 300px;
   background-image: url(images/putz.jpg);
   }

div.gb {
   background-image: url(images/putz.jpg);
    width: 625px;
    float: left;
    border: 0px solid silver;
    margin: 5px 0px 5px 0px;
    padding: 5px;
}

div.gbauthor {
    width: 150px;
    float: left;
    font-size: 100%;
    color: #600;
}

div.gbtext {
    width: 470px;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 150px;
    background-color: #faefd9;
    float: left;
    font-size: 90%;
}

div.gblink {
    width: 635px;
    margin: 0px 0px 5px 0px;
    float: left;
    font-size: 100%;
    text-align: right;
}

a.gb, a.gb:visited, a.gb:active {
	color: #000066;
}

a.gb:hover {
	color: #0033cc;
	text-decoration: underline;
}*/

/*********************/
/************* Footer styles ***************/
/* in: index.php */
#siteInfo {
	float: left;
	width: 840px;
	border: 1px solid red;
	font-size: 75%;
	color: #600;
	padding: 0px 0px 0px 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

div.footer {
	border-top: 1px solid #fc6;
	border-bottom: 1px solid #fc6;
	margin-top: 40px;
	margin-left: 20px;
	margin-right: 40px;
}

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

div.clear {
 border: 0px solid blue;
    clear: both;
    width: 0.1em;
    height: 0.1em;
    line-height: 0.1em;
}

#timer {
    font-size: 0.8em;
    color: #954;
    margin: 0px 0px 10px 25px;
}

/* CMS Menu */
ul.cmsnavi {
	list-style: none;
}
ul.cmsnavi li {

}
ul.cmsnavi a {
	display: block;
	background: #FAEFD9;
	float: left;
	text-decoration: none;
	padding: 2px 5px;
	margin-right: 3px;
}
fieldset.cms {
	font-family: "Lucida Grande", Verdana, Arial,sans-serif;
	padding: 3px;
}
/* Ende CMS Menu */



/*-----------------------------------*/
/************************* BIS HIER IST SORTIERT UND KORREKT *************************************/
/*Bitte neue Styles hierüber legen! */




div.simpletext {
	width: 500px;
	margin-bottom: 12px;
}
#cont_1col_r {
	border: 2px inset #fc6;
	margin-bottom: 20px;
	float: right;
	width: 200px;
	font-size: 100%;
	padding: 4px;
}
/*-----------------------------------*/



/*************/

/* Bild in alhome.html    */

#foot {
    clear: left;
    border: 0px solid green;
    /* background-color: #eee; */
    padding-top: 20px;
}





/*************Home extra div***********************/

    #extras {
	border-top: 1px solid #ffc;
	border-right: 1px solid #D97535;
	border-bottom: 1px solid #D97535;
	border-left: 1px solid #ffc;
	background: url("images/putzdunk.jpg");
    float: left;
    width: 410px;
    padding: 3px;
    margin-top: 10px;
    font-size: 12px;
    line-height: 120%;
}

/************* ENDE STYLES HOMEPAGE ***********/
/**********************************************/







/* -------   Schrift ------ */

.comment {
   color: #600;
   font-weight: plain;
   font-size: 12px;
   background-color: transparent;
   margin-left: 0px;
}
.commentright {
   color: #600;
   font-weight: plain;
   font-size: 12px;
   background-color: transparent;
   margin-left: 0px;
   /*text-align: right;*/
   float: right;
}

.commentsmall {
   color: #600;
   font-weight: plain;
   font-size: 11px;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
.caption {
   color: #600;
   font-weight: plain;
   font-size: 11px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
.commenthist {
   color: black;
   font-weight: plain;
   font-size: 11px;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}