/*****************************************************
			LAYOUT
*****************************************************/			

html{
overflow-y: scroll; /*wird für Erzwingung vertikaler Scrollbar benötigt!*/
}

Body
{
background-color: #FFFFEE;
font-family:"Comic Sans MS", arial, verdana, sans-serif;
padding:0; 
margin:0; 
border:0;
}

/*Kopfzeile von allen Seiten*/
#Kopfzeile
{
background: url(Kopf.jpg);
position:relative;
margin:0 auto; 
text-align:center; 
width:100%; 
height:80px; 
font-size:60px;
color:black;
text-shadow: 2px 3px 3px grey;
}

#StartseiteUeberschrift
{
width:990px;
font-size:24px;
font-weight:bold;
margin-top:-15px;
padding-bottom:20px;
text-shadow: 2px 3px 3px grey;
}

.StartseiteMeldung
{
	background-image:url(StartseiteButton.png);
	background-repeat:no-repeat;
	color:#FF3300;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	width:1010px;
	height:60px;
	
}

#header {
position:fixed;
background:#FFFFEE;
top:0; left:0; right:0;
margin:0;
height:175px;
z-index:10001;
}

#content {
margin:0;
padding-top:175px;
padding-bottom:10px;
z-index:2;
}


#footer {
position:fixed;
background: url(Fuss.jpg);
bottom:0; left:0; right:0;
text-align:center;
margin:0px;
height:27px;
z-index:3;
text-shadow: 2px 2px 3px grey;
}

/* Angaben nur für den Internet Explorer mit Star HTML Hack */
/** html #header {
position:fixed;
background:#FFFFEE;
top:0; left:0; right:0;
margin:0;
height:175px;
z-index:3;
}*/

* html #content  {
padding:0.5em;
height:100%;
}

/** html #footer  {
background-image: url(Fuss.jpg);
bottom:0; left:0; right:0;
text-align:center;
margin:0;
width:100%;
height:27px;
z-index:3;
}*/

/* Nun für den MSIE */
* html #header
{
position:static;
background:#FFFFEE;
width:100%;
}

* html #footer
{
margin-left:auto;
margin-right:auto;
position:fixed;
background-image: url(Fuss.jpg);
width:auto;
/*width:980px;*/

}

/*****************************************************
			Navigationsleiste
*****************************************************/

.menu2 {
	width: 1000px; 
	margin-left:auto; 
	margin-right:auto; 
	list-style:none; 
	background: url(Menuleisten/nav-bg.jpg) repeat-x; 
	height: 74px;
	position:relative; 
	font-family: "Comic Sans MS", arial, verdana, sans-serif; 
	background-position: top; 
	text-decoration:none;
	padding: 0px;
	z-index:300;
	text-shadow: 2px 2px 3px grey;
}
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; color:#000; text-decoration:none; font-family:"Comic Sans MS", arial, verdana, sans-serif; font-size:16px; padding:12px 0 0 0; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding-left:13px; padding-right:13px; height:40px;}
.menu2 li a.top_link:hover {color:#BA55D3; background: url(Menuleisten/item-primary-bg.gif) no-repeat; background-position: center;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/*
.menu2 li:hover > a.top_link {background: url(item-primary-bg.gif) no-repeat;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(prodrop2/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover span {background:url(item-primary-bg.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(item-primary-bg.jpg) no-repeat right top;}
*/

.float-right{
float: right;
}
.float-left{
float: left;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; list-style:none;}

.menu2 :hover ul.sub {left:-17px; top:42px; padding:12px 4px 10px 4px; white-space:nowrap; width:150px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:150px;}
.menu2 :hover ul.sub li a {display:block; font-size:14px; font-weight:bold; height:20px; width:150px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;  border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background: url(Menuleisten/arrow.gif) 140px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:url(Menuleisten/item-secondary-bg.jpg) no-repeat; background-color: #FFFFFF; color:#BA55D3;}
.menu2 :hover ul.sub li a.fly:hover {background: url(Menuleisten/arrow_over.gif) 140px 7px no-repeat; color:#BA55D3;}
.menu2 :hover ul li:hover > a.fly {background: url(Menuleisten/arrow_over.gif) 140px 7px no-repeat; color:#BA55D3;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:150px; top:-10px; padding:12px 4px 10px 4px; white-space:nowrap; width:150px; height:auto;}

/*^'^ Secondary Items Container ^'^*/	
.menu2 div, .menu2 ul{	
background: url(Menuleisten/item-secondary-container-bg.jpg);
background-repeat: repeat-x;
background-color: #FF9900;
border-bottom: 1px solid #CA6500;
}

/*^'^ Secondary Item Titles ^'^*/	
.item-secondary-title{	
cursor:default;
padding:0px 0px 0px 0px;
margin-top:10px;
margin-bottom:3px;
text-align:center;
background-color:#C16100;
color: #6C3600;
font-family: "Comic Sans MS", arial, verdana, sans-serif;
font-size:16px;
background: url(Menuleisten/item-secondary-title-bg.jpg); 
background-repeat: no-repeat;
width:150px; 
}

.menu2 li.aktuell a.top_link{
color: #BA55D3; /*Texthintergrundfarbe bei Hover *//*#6C3600;*/
background: url(Menuleisten/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
padding:12px 0 0 0;
}


/*****************************************************
			Tabelleneigenschaften
*****************************************************/
/*Tabellenüberschrift allgemein*/
th
{
font-family:"Comic Sans MS", arial, verdana, sans-serif;	
font-size:18px;
background: url(Tabellen/Aktuell.jpg); 
}

/*Tabellenüberschrift Startseite*/
th.Startseite
{
background: url(Tabellen/THStartseite.jpg); 
}

/*Tabellenüberschrift News-Ticker auf Startseite*/
th.Marquee
{
font-size:14px;
text-align:center;
background: url(Tabellen/THStartseite.jpg); 
}

/*Tabellenüberschrift für Turnierergebnisse*/
th.Ergebnisse
{
font-family:arial, verdana, sans-serif;
font-size:16px;
background: url(Tabellen/Ergebnisse.jpg); 
}

td.EinzelErg { font-size:14px; font-family:"Comic Sans MS", arial, verdana, sans-serif; text-align:center; background-color:#FFFFB2; color:#000000; }
td.Namen { font-size:14px; font-family:"Comic Sans MS", arial, verdana, sans-serif; text-align:left; background-color:#FFFFB2; color:#000000; }


/*Tabelleninhalt allgemein*/
td
{
font-family:"Comic Sans MS", arial, verdana, sans-serif;	
font-size:14px;
}

/*Tabelle Hundesport->Übersicht*/
td.Rahmen 
{
border-bottom: solid black 1px;
text-align:left;
}

/*für Tabelle auf Seite "Kontakt"*/
tr.kontakt
{
background-color:#FAFAD2;
}

table.kontakt{
	margin-left:auto;
	margin-right:auto;
	empty-cells:show;
	width:920px;
	height:330px;
	text-align:left;
	border-collapse: collapse; /*keine Abstände zwischen den Zellen*/
/*	border="0" cellspacing="0" cellpadding="2" width="940" style="border:1px solid black; empty-cells:show"*/
}

table.links{
	margin-left:auto;
	margin-right:auto;
	width:920px;
	text-align:left;
	border-collapse: collapse; /*keine Abstände zwischen den Zellen*/
}

table.hundesport{
	margin-left:auto;
	margin-right:auto;
	width:920px;
	height:150px;
	text-align:left;
	border-collapse: collapse; /*keine Abstände zwischen den Zellen*/
}

table.welpen, tr.welpen, td.welpen, table.vpg {
	margin-left:auto;
	margin-right:auto;
	width:380px;
	font-size:18px;
	color:#060;
	text-align:left;
}

table.vpg{
	width:460px;
}

table.ths{
	margin-left:auto;
	margin-right:auto;
	width:920px;
	text-align:center;
	border-collapse: collapse; /*keine Abstände zwischen den Zellen*/
}

/*für Seite mit Turnier-Ergebnissen*/
a.turnierergebnisse{
	font-size:18px;
	color:#060;
}

/*****************************************************
			Für Scrolltext auf der Startseite
*****************************************************/
#marqueecontainer
{
	position: relative;
	width: 300px; /*marquee width */
	height: 280px; /*marquee height */
	background-color: #ffffee;
	overflow: hidden;
}


/*****************************************************
			Button abgerundet oval grün
*****************************************************/
/*Abgerundete Button */
a.ovalbutton, a.ovalbuttonemail{
background: transparent url(Button/ButtonGreenLeft.gif) no-repeat top left;
display:inline-block;
font: normal 14px "Comic Sans MS"; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a.ovalbuttonemail{
width:140px;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton, a:link.ovalbuttonemail, a:visited.ovalbuttonemail, a:active.ovalbuttonemail{
color: #494949; /*button text color*/
}

a.ovalbutton span, a.ovalbuttonemail span{
background: transparent url(Button/ButtonGreenRight.gif) no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover, a.ovalbuttonemail:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span, a.ovalbuttonemail:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}


/*****************************************************
			Container mit abgerundete Ecken
*****************************************************/
/*Für Seite "Aktuell" */
.Container {-moz-box-shadow: 7px 10px 5px grey; width:980px; margin-top:0px; margin-left:auto; margin-right:auto;}
.Container1 h1, .Container h1 {text-shadow: 2px 3px 3px grey; margin:0; font-size:18px; text-align:center; border-bottom:0px solid #444;}
.Container1 p, .Container p {margin:0; padding:10px 10px; font-size:14px;}
.Container1, .ContainerStartseite {background: transparent; width:98%; margin-left:auto; margin-right:auto;}

/*Für Container auf der Startseite */
.ContainerStartseite {width:300px; margin-top:0px; margin-left:auto; margin-right:auto;}
.ContainerStartseite h1 {text-shadow: 2px 3px 3px grey; margin:0; font-size:16px; text-align:center; border-bottom:0px solid #444;}
.ContainerStartseite p {margin:0; padding:4px 10px; font-size:14px;}

/*Für Seite Wegbeschreibung */
.ContainerWeg {width:290px; margin-top:-13px; margin-left:5px;}
.ContainerKarte {width:670px; margin-top:-581px; margin-left:auto; margin-right:5px;}
.ContainerWeg h1 {margin:0; font-size:16px; text-align:center; border-bottom:0px solid #444;}
.ContainerWeg p {margin:0; padding:4px 10px; font-size:12px;}

/*Für Container auf der Seite "Kontakt" */
.ContainerKontakt {width:940px; margin-top:0px; margin-left:auto; margin-right:auto; padding-bottom:15px;}

/*Für Seite "Verein" */
.ContainerVerein {-moz-box-shadow: 7px 10px 5px grey; width:980px; margin-top:0px; margin-left:auto; margin-right:auto;}
.ContainerVerein h1 {margin:0; font-size:18px; text-align:center; border-bottom:0px solid #444;}
.ContainerVerein h2 {margin:0; font-size:24px; text-align:center; border-bottom:0px solid #444;}
.ContainerVerein p {margin:0; padding:10px 10px; text-align:justify; font-size:16px;}

/*Für alle Container */
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #444; border-width:0 1px; height:auto;}
* html .xboxcontent {height:1px;}

.Farbe1 {background: url(Tabellen/Aktuell.jpg); color:#000;}
.Farbe2 {background: url(Tabellen/Aktuell1.jpg); color:#000;}


/*****************************************************
			Tabellenüberschrift Startseite uvm.
*****************************************************/
.Startbox, .StartboxKontakt, .StartboxLinks 
{
width:990px;
font-family:"Comic Sans MS", arial, verdana, sans-serif; 
font-size:18px; 
letter-spacing:1px;
font-weight:bold; 
/*position:relative;*/ 
margin-left:auto; 
margin-right:auto; 
}

.StartboxKontakt, .StartboxLinks{width:930px;}
.Startbox1{float:left; text-shadow: 2px 3px 3px grey;}

.b1, .b2, .b3 {width:180px; background: url(Tabellen/farbverlauf.gif) repeat-x top left;}
.b2 {width:500px;}
.b3 {width:310px;}
.bl {background: url(Tabellen/bl.gif) bottom left no-repeat;}
.br {background: url(Tabellen/br.gif) bottom right no-repeat}
.tl {background: url(Tabellen/tl.gif) top left no-repeat}
.tr {background: url(Tabellen/tr.gif) top right no-repeat; }
.clear {font-size: 1px; height: 1px; clear:both}

/*Für Seite "HundesportÜbersicht" */
.b1sport, .b2sport, .b3sport, .b4sport {width:135px; background: url(Tabellen/farbverlauf.gif) repeat-x top left; text-align:center;}
.b2sport {width:210px;}
.b3sport {width:325px;}
.b4sport {width:260px;}

/*Für Seite "Kontakt" */
.b1kontakt, .b2kontakt, .b3kontakt, .b4kontakt, .b5kontakt {width:200px; background: url(Tabellen/farbverlauf.gif) repeat-x top left; text-align:center;}
.b2kontakt {width:165px;}
.b3kontakt {width:165px;}
.b4kontakt {width:175px;}
.b5kontakt {width:225px;}

/*Für Seite "Links" */
.b1Links, .b2Links {width:200px; background: url(Tabellen/farbverlauf.gif) repeat-x top left; text-align:center;}
.b2Links {width:720px;}

/*****************************************************
			Kontakt Postkarte
*****************************************************/
.postkarte {
	width: 870px;
	height: 400px;
	padding: 10px;
	background: white url('Kontakt/postkarte.jpg') right 15px no-repeat;
	border: 1px black solid;
	border-right: 3px #333 solid;
	border-bottom: 3px #333 solid;
	margin-left:auto;
	margin-right:auto;
}

.kontakt {
	width: 360px;
	padding: 10px;
}

.postkarte span {
	font-size: 12px;
	font-family: "Comic Sans MS", arial, verdana, sans-serif;
	text-transform: uppercase;

}

p.kontakt textarea {
	width: 325px;
	line-height: 18px;

}

/*****************************************************
			HundesportÜbersicht
*****************************************************/
.hundesport ul, li {
	font-size:14px;
}

.hundesport a:link{
	color:#000;
}

.hundesport a:visited{
	color: #090;
}

.hundesport a:hover{
	background-color:#99e500;
	color:#000;
}

p.hundesport{
	font-size:20px;
	text-align:center;
	color:#060;
}

/*****************************************************
			Tabellen
*****************************************************/
/* Table 1 Style */
table.table1{
	margin:auto;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
}
.table1 thead th{
    padding:10px;
    color:#fff;
	background-image:none;
	font-size:16px;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #93CE37;
    border-bottom:3px solid #9ED929;
    background-color:#9DD929;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(123,192,67) 2%,
        rgb(139,198,66) 51%,
        rgb(158,217,41) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.table1 th{
	height:40px;
}

.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#fff;
	font-size:16px;
	background-image:none;
    text-shadow:1px 1px 1px #568F23;
    background-color:#9DD929;
    border:1px solid #93CE37;
    border-right:3px solid #9ED929;
    padding:0px 10px;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(158,217,41)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(123,192,67))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(158,217,41) 2%,
        rgb(139,198,66) 51%,
        rgb(123,192,67) 87%
        );
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table1 tbody th.textklein{
	font-size:12px;
}

.table1 tfoot td{
 color:#666;
 font-size:16px;
}

.table1 td.csc{
	font-size:14px;
	text-align:right;
}

.table1 tfoot th{
    color:#666;
	font-size:14px;
	background-image:none;	
}
.table1 tbody td{
    padding:0px;
    text-align:center;
  background-color:#DEF3CA;
    border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
.table1 tbody span.checkGreen::before{
    content : url(../images/checkGreen.png)
}

.table1 tbody span.checkRed::before{
    content : url(../images/checkRed.png)
}

.table1 tfoot span.checkRed::before{
    content : url(../images/checkRed.png)
}