@charset "utf-8";
/* Resetting all CSS rules to 0 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ++++++++++++++ actual CSS starts from here ++++++++++++++++++ */

body {
color:#666666;
font-size:12px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
line-height:128%;
}

h1 {
font-weight:bold;
font-size:105%;
}

strong {
font-weight:bold;
font-size:105%;
}

a {
color:#666666;
text-decoration:none;
}

a:visited {
color:#666666;
}


#outerWrapper {
width:900px;
height:600px;
margin:36px auto 0 auto;
}

#wrapper {
margin-left:50px;
text-align:left;
width: 800px;
height:600px;
}

#header {
background-image:url(images/header/header_150_hoch.jpg);
width:800px;
height:150px;
clear:both;
}

#headerFamilie {
background-image:url(images/header/header_150_hoch.jpg);
width:800px;
height:150px;
clear:both;
}


#headerTraining {
background-image:url(images/header/header_150_hoch.jpg);
width:800px;
height:150px;
clear:both;
}


#headerGeschichte {
background-image:url(images/header/header_150_hoch.jpg);
width:800px;
height:150px;
clear:both;
}


#headerJugend {
background-image:url(images/header/header_150_hoch.jpg);
width:800px;
height:150px;
clear:both;
}

#headerFotos {
background-image:url(images/header/header_150_hoch.jpg);
width:800px;
height:150px;
clear:both;
}

#headerTermine {
background-image:url(images/header/header_150_hoch.jpg);
width:800px;
height:150px;
clear:both;
}

#headerInfos {
background-image:url(images/header/header_150_hoch.jpg);
width:800px;
height:150px;
clear:both;
}

#headerBootshaus {
background-image:url(images/header/header_150_hoch.jpg);
width:800px;
height:150px;
clear:both;
}

#headerKontakt {
background-image:url(images/header/header_150_hoch.jpg);
width:800px;
height:150px;
clear:both;
}

#headerImpressum {
background-image:url(images/header/header_150_hoch.jpg);
width:800px;
height:150px;
clear:both;
}

#titleEKC {
background-image:url(images/seitentitel/eschweilerkanuclub.gif);
margin-top:5px;
height:30px;
width:300px;
margin-left:130px;
right:450px;
}

#titleJugend {
background-image:url(images/seitentitel/jugend.gif);
margin-top:5px; 
height:30px;
width:300px;
margin-left:130px;
right:450px;
}

#titleFotos {
background-image:url(images/seitentitel/fotos.gif);
margin-top:5px;
height:30px;
width:300px;
margin-left:130px;
right:450px;
}

#titleBootshaus {
background-image:url(images/seitentitel/bootshaus.gif);
margin-top:5px;
height:30px;
width:300px;
margin-left:130px;
right:450px;
}

#titleTermine {
background-image:url(images/seitentitel/termine.gif);
margin-top:5px;
height:30px;
width:300px;
margin-left:130px;
right:450px;
}

#titleTraining {
background-image:url(images/seitentitel/training.gif);
margin-top:5px;
height:30px;
width:300px;
margin-left:130px;
right:450px;
}


#titleFamilie {
background-image:url(images/seitentitel/familie.gif);
margin-top:5px;
height:30px;
width:300px;
margin-left:130px;
right:450px;
}


#titleGeschichte {
background-image:url(images/seitentitel/geschichte.gif);
margin-top:5px;
height:30px;
width:300px;
margin-left:130px;
right:450px;
}



#titleInfos {
background-image:url(images/seitentitel/infos.gif);
margin-top:5px;
height:30px;
width:300px;
margin-left:130px;
right:450px;
}

#titleKontakt {
background-image:url(images/seitentitel/kontakt.gif);
margin-top:5px;
height:30px;
width:300px;
margin-left:130px;
right:450px;
}

#titleImpressum {
background-image:url(images/seitentitel/impressum.gif);
margin-top:5px;
height:30px;
width:300px;
margin-left:130px;
right:450px;
}

#content {
width:800px;
height:378px;
float:left;
}

#infoBereich {
padding-top:30px;
height:300px;
width:200px;
float:left;
text-align:right;
}

#buttonLeiste {
width:200px;
height:20px;
text-align:right;
margin-top:96px;
left:50px;
}

#linkButton1 {
background-image:url(images/kanujugendnrw.gif);
display:block;
margin-left:10px;
height:20px;
width:30px;
float:right;
}

#linkButton2 {
display:block;
margin-left:10px;
background-image:url(images/dkv.gif);
height:20px;
width:30px;
float:right;
}

#linkButton3 {
display:block;
margin-left:10px;
background-image:url(images/KJNRWBez4.gif);
height:20px;
width:30px;
float:right;
}

#linkButton4 {
display:block;
margin-left:10px;
background-image:url(images/layla.gif);
height:20px;
width:30px;
float:right;
}

#textStartseite {
margin-left:20px;
margin-top:30px;
height:300px;
width:400px;
float:left;
}

#text {
background-color:#FFFFFF;
margin-left:20px;
margin-top:30px;
height:300px;
width:580px;
float:left;
overflow:auto;
}

#textKonakt {
width:450px;
height:222px;
float:left;
}

table {
width:450px;
text-align:left;
}

td {
width:150px;
}

.tele {
width:200px;
}

tr {
height:26px;
}

.list {
line-height:150%;
}

.list li {
	margin-bottom:6px;
	}

#fotoMonat {
background-image:url(images/foto-des-monats.gif);
position:absolute;
height:300px;
width:257px;
margin-left:-156px;
margin-top:-400px;
}

#monatsfoto {
position:absolute;
background-image:url(images/foto-des-monats-gross.jpg);
height:700px;
width:1014px;
margin:10px 10px 10px 10px;
	}


#nav {
position:relative;
bottom:12px;
width:800px;
height:41px;
float:left;
}

#nav ul {
list-style:none;
margin:0;
padding:0;
}

#nav li {
float:left;
margin:0;
height:41px;
width:auto;
}

#home {
display:block;
height:41px;
width:60px;
background-image:url(images/buttons/home-button.gif);
}

#home:hover {
background-image:url(images/buttons/home-roll.gif);
}

#home:active {
background-image:url(images/buttons/home-roll.gif);
}


#familie {
display:block;
height:41px;
width:82px;
background-image:url(images/buttons/familie-button.gif);
}

#familie:hover {
background-image:url(images/buttons/familie-roll.gif);
}

#familie:active {
background-image:url(images/buttons/familie-roll.gif);
}


#jugend {
display:block;
height:41px;
width:89px;
background-image:url(images/buttons/jugend-button.gif);
}

#jugend:hover {
background-image:url(images/buttons/jugend-roll.gif);
}

#jugend:active {
background-image:url(images/buttons/jugend-roll.gif);
}

#fotos {
display:block;
height:41px;
width:76px;
background-image:url(images/buttons/fotos-button.gif);
}

#fotos:hover {
background-image:url(images/buttons/fotos-roll.gif);
}

#fotos:active {
background-image:url(images/buttons/fotos-roll.gif);
}


#training {
display:block;
height:41px;
width:102px;
background-image:url(images/buttons/training-button.gif);
}

#training:hover {
background-image:url(images/buttons/training-roll.gif);
}

#training:active {
background-image:url(images/buttons/training-roll.gif);
}


#bootshaus {
display:block;
height:41px;
width:123px;
background-image:url(images/buttons/bootshaus-button.gif);
}

#bootshaus:hover {
background-image:url(images/buttons/bootshaus-roll.gif);
}

#bootshaus:active {
background-image:url(images/buttons/bootshaus-roll.gif);
}

#termine {
display:block;
height:41px;
width:93px;
background-image:url(images/buttons/termine-button.gif);
}

#termine:hover {
background-image:url(images/buttons/termine-roll.gif);
}

#termine:active {
background-image:url(images/buttons/termine-roll.gif);
}

#infos {
display:block;
height:41px;
width:64px;
background-image:url(images/buttons/infos-button.gif);
}

#infos:hover {
background-image:url(images/buttons/infos-roll.gif);
}

#infos:active {
background-image:url(images/buttons/infos-roll.gif);
}


#geschichte {
display:block;
height:41px;
width:111px;
background-image:url(images/buttons/geschichte-button.gif);
}

#geschichte:hover {
background-image:url(images/buttons/geschichte-roll.gif);
}

#geschichte:active {
background-image:url(images/buttons/geschichte-roll.gif);
}