/* CSS-Stylesheet fr MenschHund!
   Stand: 21.09.2004
   (C) by Jens Klzer
*/

/* Grundgerst fr jede einzelne Seite */

* {
	quotes:"\201E" "\201C" "\2rgb(177,241,0)01A" "\2018";
}
q:before { content:open-quote;}
q:after { content:close-quote; }

/* Allgemeine Stylesheets */
html {	width:100%; height:100%; }	/* N�ig um die gesamte Fensterbreite auszufllen */

body {
    width: 100%;
    height: 100%;
    color: rgb(0, 0, 0);
    background-color: rgb(0, 128, 194);
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11pt;
    padding:0px;
    margin:0px;
}

a:link {
    text-decoration: none;
    color:rgb(230,230,230);
    font-weight:bold;
    /* text-shadow: white; */
}

a:visited {
    text-decoration: none;
    color: rgb(230,230,230);
    font-weight:bold;
}

a:hover {
    color: rgb(177,241,0);
    text-decoration: none;
}

a:focus {
	outline:none;
}


.footer {
	color:black;
	font-weight:bold;
}
a.pagelink:link , a.pagelink:visited {
	color:black;
	font-weight:bold;
	background-color:rgb(0, 150, 218);
	padding-left:6px;
	padding-right:6px;
	padding-top:1px;
	padding-bottom:1px;
}
a.pagelink:hover {
	color:rgb(177,241,0);
}

div#header {
    display:block;
    height:107px;
    position:absolute;
    top:8px;
    left:8px;
    right:16px;
    border:0px dashed black;
}
* html div#header {
    width:97%;   /* Breite nach altem MS-Boxmodell fr IE 5.x */
    w\idth:97%;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}

div#menschhundlogo {
    position:absolute;
    bottom:0px;
    left:8px;
}

div#nameundtitel {
    position:absolute;
    bottom:8px;
    right:0px;
    font-size:9pt;
    text-align:right;
    line-height:10pt;
}

/*************************************** MENU ********************************/

div#menu {
	border:0px solid red;
	position:absolute;
	top:180px;
	left:16px;
	background-image:url(xtension/pfote-menu.gif);
	background-repeat:no-repeat;
	background-position:50% 24px;
	width:207px;
	height:256px;
}

div#menu ul {
	margin:0px;
    	padding:0px;
}

div#menu ul li {
	list-style:none;
	font-size:14px;
	list-style-image:none;
}

a#multimedia {	position:absolute; left:118px; top:16px; font-size:16px;}
a#ihr_hund {   	position:absolute; left:36px; top:176px; font-size:20px;} /* 62 left */
a#kontakt {   	position:absolute; left:4px; top:138px; }
a#events {   	position:absolute; left:8px; top:58px; }
a#persoenlich { position:absolute; left:24px; top:8px;}
a#fotos {	position:absolute; left:150px; top:72px;}
a#tipps {	position:absolute; left:146px; top:138px;}

div#menu ul li a {
	color:rgb(230,230,230);
	font-weight:bold;
}
div#menu ul li a:hover { color:rgb(177,241,0); }


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

div#contentleft {
    position:absolute;
    top:116px;
    left:240px;
    border:none;
    bottom:32px;
    margin:0px;
    padding:0px;
    display:block;
    width:16px;
    background-color:rgb(0, 150, 218);
}

div#content {
    position:absolute;
    top:116px;
    left:256px;
    display:block;
    visibility:visible;
    border:0px solid black;
    bottom:32px;
    right:16px;
    margin:0px;
    background-color:rgb(0, 150, 218);	/* 0,142,208 alte Farbe zu dunkel wg. Kontrast */
    padding:16px;
    overflow:auto;
    font-size:12pt;
 /*   border-bottom:1px dashed black;*/
}
* html div#content {
    display:block;
  /*  width:97%;   /* Breite nach altem MS-Boxmodell fr IE 5.x */
  /*  w\idth:97%;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}

div#extra {
    position:absolute;
    bottom:48px;
    left:16px;
    width:207px;
    text-align:center;
    border:0px solid rgb(177,241,0);
    
}

div#footer {
    position:absolute;
    bottom:8px;
    right:16px;
    left:16px;
    border:0px solid black;
    font-size:9pt;
}
* html div#footer {
    width:97%;   /* Breite nach altem MS-Boxmodell fr IE 5.x */
    w\idth:97%;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}

div#changedate {
    bottom:0px;
    width:207px;
    left:24px;
    text-align:center;
    border:0px solid red;
    font-weight:bold;
}

div#footer ul {
    position:absolute;
    bottom:0px;
    right:0px;
    margin:0px;
    padding:0px;
}
div#footer ul li {
    color:rgb(230,230,230);
    margin:0px;
    float:left;
    list-style:none;
    margin-left:8px;
}

/******************************** WELCOME **********************************/

div#welcomediv {
   color:black;
   font-size:12pt;
   font-weight:bold;
   text-align:center;
   top:30%;
   position:relative;
}

/***************************** Üerschriften *******************************/
h1 {
   color:black;
   text-align:center;
   font-size:16pt;
}

h2 {
   color:black;
   text-align:center;
   font-size:14pt;
}

h3 {
   color:black;
   text-align:left;
   font-size:12pt;
   font-weight:bold;
   margin:0px;
   margin-top:1em;
   margin-bottom:0.5em;
}
/***************************** Informationsbox ******************************/

div.info {
   margin:-4px;	/* n�ig, damit Opera und Firefox beide keinen horizontalen Scrollbalken anzeigen. DOOOOOOOOF! */
   /*border:1px solid black; */
   background-color:rgb(0, 150, 218); 
   border:2px solid rgb(0, 128, 194);
   font-size:11pt;
   text-align:left;
   padding:0px;
   width:100%;
   margin-bottom:8pt;
   margin-top:8pt;
}
div.info ul {
    margin:0px;
    padding:4px;
    padding-left:24px;
}

div.info ul li {
    padding:2px;
    margin:0px;
    list-style-image:url(xtension/pfote-item.gif);
}

div.info p {
    padding:0px;
    margin:8px;
    text-align:justify;
}

/******************************** TEXT **************************************/
.text {
    /*font-size: 10pt;*/
    color: black;
    text-align: justify;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
}

/******************************** FOTO DES MONATS ****************************/
div#foto_des_monats {
	border:2px solid rgb(0, 128, 194);
	position:absolute; 
	right:24px; 
	bottom:24px;
	padding:2px;
}
div#foto_des_monats span {
	display:block;
	font-size:9pt;
	font-weight:bold;
	text-align:center;
	background-color: rgb(0, 128, 194);
	margin-bottom:2px;
}
div#foto_des_monats img {
	border:1px solid rgb(0, 128, 194);
}
div#foto_des_monats img:hover {
	border:1px solid lime;
}
div#foto_des_monats img.hoch {
	height:180px;
}
div#foto_des_monats img.quer {
	width:180px;
}

/********************************* NEWS ************************************/
div.news {
   	position:absolute;
	bottom:24px;
	border:2px solid rgb(0, 128, 194);
	font-size:10pt;
	width:auto;
	text-align:left;
    	padding:2px;
}

div.news ul {
    margin:0px;
    padding:0px;
}

div.news ul li {
    list-style:none;
    list-style-image:none;
    padding-left:8px;
    padding-right:8px;
    margin:1px;
}
div.news ul li.newshead {
    background-color: rgb(0, 128, 194);
    text-align:center;
    font-weight:bold;
    padding-bottom:1px;
    margin-bottom:2px;
}

a.news {
    text-decoration: none;
    color: rgb(230,230,230);
    font-weight:bold; 
}
a.news:link { color: rgb(230,230,230); }
a.news:visited { color: rgb(230,230,230); }
a.news:hover { color: rgb(177,241,0); }

/*************************** Termine ******************************/
table.termine {
   /* border:2px solid rgb(0, 128, 194); */
    width:100%;
    padding:0px;
    margin:0px;
    margin-bottom:16px;
    font-size:11pt;
    position:relative;
    border-spacing:0px;
    table-layout:auto;
}

td.left {
   border-left:2px solid rgb(0, 128, 194); 
}
td.right {
   border-right:2px solid rgb(0, 128, 194); 
}

table.termine thead th {
    text-align:center;
    border:0px solid black;
    background-color: rgb(0, 128, 194); 
    padding:0px;
    margin:0px;
}

div.thtermin {
  position:relative; 
  border:0px dotted black; 
  margin:0px;
  padding:4px;
  background-color: rgb(0, 128, 194);
}

table.termine tbody tr td {
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    vertical-align:middle;
    padding-top:4px;
    padding-bottom:4px;
    position:relative;
    top:0px;
    left:0px;
}

.kursnummer {
	font-size:6pt;
	padding-left:2px; 
	padding-right:2px;
	position:absolute; 
	top:0px; 
	right:0px; 
	border:1px solid black; 
	background-color: rgb(0, 128, 194);
}

.anmeldebutton {
	padding:2px 10px 2px 10px;
	border:1px solid black;
	font-size:12pt;
	text-align:right;
	position:relative;
	right:0px; top:-14px;
}


/******************************** SPANS ************************************/
.red {
	color:rgb(241,61,0); 
}

.small {
    font-size:7pt;
}
.medium {
    font-size:9pt;
}
.huge {
    font-size:14pt;
}

.bold {
    font-weight:bold;
}
.center {
    text-align:center;
}
.white {
    color:white;
}
.italic {
    font-style:italic;
}
.nobreak {
  white-space: nowrap;
}


img.klein {
    border:1px solid black;
    margin:8px;
    width:256px;
    height:170px;
}
img.begleithund {
    border:1px solid black;
    margin:8px;
    width:45%;
    
}
img.left {
    border:1px solid black;
    margin-top:8px;
    margin-bottom:8px;
    margin-right:16px;
    float:left;
}
img.right {
    border:1px solid black;
    margin-top:8px;
    margin-bottom:8px;
    margin-left:16px;
    float:right;
}

strong {
    font-weight:bold;
}

/********************************* LISTEN ***********************************/
ul {
    border:0px solid rgb(177,241,0);
    margin:0px;
    padding-left:32px;
}

li {
    border:0px solid rgb(177,241,0);
    line-height:1.2em;
    list-style-image:url(xtension/pfote-item.gif);
    margin-bottom:3px;
    margin-top:3px;
}

table.overview {
	border:0px solid black;
	width:100%;
	margin:0px;
}

table.overview tr td {
	border:0px dotted black;
	vertical-align:top;
	text-align:left;
	padding-right:16px;
}

/******************************** SUBMENU **************************************/
div#submenu {
    border:0px solid red; 
    position:fixed; 
    top:88px; 
    left:260px; 
    height:1em;
    clear:both;
    font-size:10pt;
    font-weight:bold;
    color:rgb(230,230,230);
    padding:0px;
}
div#submenu ul {
	border:0px solid rgb(177,241,0);
	padding:0px;
	margin:0px;
	height:1em;
	margin-left:8px;
}
div#submenu ul li {
	border:2px solid rgb(0,128,194);
	background-color:rgb(0,150,218);
	display:block;
	list-style:none; 
	float:left; 
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px; 
	margin-right:4px;
	z-index:0;
}

ul#contentlinks {
	margin:0px;
	padding:0px;
	position:fixed;
	top:40px;
	left:300px;
	color:rgb(230,230,230);
	font-size:9pt;
	font-weight:bold;
	background-image:url(xtension/pfoten-gruen-r-o.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	padding-left:68px;
	height:58px;
	vertical-align:middle; 
}
ul#contentlinks li {
	position:relative; top:2px;
	list-style:none;
	float:left;
	padding:0px;
	margin:0px;
	vertical-align:middle; 
	line-height:18px;
}
ul#contentlinks li img {
	border:0px; position:relative; top:2px;
	padding:0px; 
	margin-left:8px; 
	margin-right:6px;
	margin-top:0px; margin-bottom:0px;
	height:13px;
}

ul#contentlinks li a {
	background-color:rgb(0,128,194);
	border:2px solid rgb(0,150,218);
	padding:2px;
	padding-left:4px;
	padding-right:4px; margin:0px;
}

/*************************** GOOGLE ***************************/
div#map {
	border:1px solid black;  
	width:99%; 
	height:99%; 
	margin:0px;
	min-width:600px;
	min-height:350px;
	
}
* html div#map {
  /* height:400px;   */
  /*  w\idth:400px; */
}

/**************************** FOTOS **************************/
div.album {
	background-color:rgb(0, 128, 194);
	padding:8px;
	position:relative;
	margin:16px;
}

div.album table { margin:0px; padding:0px;}
div.album div p {
	display:inline;
}
table.album {
	position:relative; width:100%;
}
td.albumbildzelle { border:0px solid green;
	vertical-align:top;
	width:134px;
	height:176px;
}
td.albumbildzelle img {
	border:2px solid rgb(0, 150, 218);
	width:128px;	
	padding:0px; 
}
td.albumtextzelle { border:0px solid red;
	vertical-align:top;
	padding:0px;
	padding-left:16px;
	padding-right:16px;
}
td.albumtextzelle span {
	font-weight:bold;
	font-size:100%;
}
td.albumtextzelle p {
	padding:0px;
	padding-top:8px;
	margin:0px; 
	text-align:justify;
}
td.albumanzahlzelle { 
	border:0px solid white;
	vertical-align:top;
	font-weight:bold;
	color:black;
	white-space:nowrap;
	text-align:right;
}
td.albumaction {
	vertical-align:bottom;
	text-align:right;
	white-space:nowrap;
}

div.minipicture {
	/* visibility:hidden; */
	margin-top:8px;
}
.overviewbutton {
	font-weight:bold;
    	text-decoration: none;
    	color:rgb(230,230,230);
}
.overviewbutton:hover {
    color: rgb(177,241,0);
    text-decoration: none;
}

img.minipicture  {
	border:1px solid rgb(0,150,218);
	margin:0px;
	width:64px;
}
img.hoch {
	width:36px;
	margin-left:16px;
	margin-right:16px;
}

a.minipicture img {
	border:1px solid rgb(0,150,218);
	margin:3px;
	width:64px;
}
a.minipicture img.hoch {
	width:36px;
	margin-left:16px;
	margin-right:16px;
}

a.minipicture:hover img {
	border:1px solid rgb(177,241,0);
}

.top {
	position:relative;
	top:0px;
}
.bottom {
	/* display:block;*/
	position:absolute;
	bottom:8px;
	right:8px;
}
.nowrap {
	white-space:nowrap;
}

a#w3c img {
	border:none; 
	position:absolute;	
	right:16px;
	bottom:16px; 
	height:31px 
	width:88px;
}

div.mitteilung {
	position:relative;
	bottom:0px;
	left:10%;
	width:80%;
	background-color:rgb(0,150,218);
	border:0px solid black;
	font-size:9pt;
	padding:6px;
	text-align:center;
}
.wichtig {
        background-color:lime;
}
div.mitteilung div {
	text-align:left;
	font-weight:bold;
	margin:0px;
}
div.mitteilung p {
	margin:0px;
}
div.mitteilung img.pic {
	position:absolute;
	top:-40px;
	left:-20px;
}
img.top-left { position:absolute; top:0px; left:0px; width:8px; }
img.bot-left { position:absolute; bottom:0px; left:0px; width:8px; }
img.top-right { position:absolute; top:0px; right:0px; width:8px; }
img.bot-right { position:absolute; bottom:0px; right:0px; width:8px; }

hr {
	border:1px solid rgb(0, 128, 194);
}

div.box {
	background-color:rgb(0, 128, 194);
	padding:16px;
	position:relative;
	margin:0px;
	margin-top:16px;
	margin-bottom:16px;
}

fieldset {
        margin:0px;
        margin-right:24px;
        margin-bottom:16px;
        border:1px dashed lime;
}

legend {
        font-size:0.8em;
        font-weight:normal;
        padding-left:8px;
        padding-right:8px;
        color:lime;
}

input {
	background-color:rgb(0, 150, 218);
        border:1px solid black;
}

.button {
        background-color:lightgray;
        outline:2px outset rgb(0, 150, 218);
        margin-right:16px;
        padding-left:4px; padding-right:4px;
}

a.button:link { color:black; font-weight:normal; margin-right:0px;}
a.button:hover { background-color:white; color:black; font-weight:normal; margin-right:0px;}
a.button:visited { color:black; font-weight:normal; margin-right:0px;}