/* 
 *  Main Style Sheet for
 *  djm2012.flossenschwimmen-erfurt.de
 *  djm2012.finswimming-erfurt.de
 *  sabine delcuve - sdelcuve@gmx.de
 */

/* 
 *
 * reset margins
 *
 */

p,ul,ol,dl,dt,li,h1,h2,h3,h4,h5,img {
    margin: 0;
    padding: 0;
    border: 0;
}

p,ul,ol,dl,dt {
	font-size: 95.01%;
}

a {
	color: #0072bc;
}

a:hover, a:focus, a:active {
	text-decoration: underline !important;
	color: #0072bc !important;
}

/* 
 *
 * page structure: body, head, main, footer, navigation
 *
 */

body {
    font-size: 100.01%;
/*    line-height: 1.3em;*/
    font-family: Verdana, Arial, Helvetica sans-serif;
    color: #000000;
    margin: 0;
    padding: 0;
    background-color: #9ACDFA;  
    text-align: center; /* IE Hack */
}

#background {
    background-color: #9ACDFA;
    margin: 2px 0 0 0;
}

#main{
   margin: 0 auto;
   width: 1000px;
   text-align: left;
}

#head {
    height: 120px;
	padding-top: 3px;
    background-color: #FFF;
	position: relative;
	/*z-index: 999; */
}

#head-left {
    position: relative;
    top: 3px;
    left: 25px;
    width: 150px;
    height: 100px;
    float: left;
	/*border: 1px solid yellow;*/
}

#head-center {
    position: relative;
    top: 20px;
    left: 50px; /* abs: 87px */
    width: 740px;
    height: 73px;
	text-align: center;
    float: left;
/*	border: 1px solid red; */
}

#head-right {
    position: relative;
    top: 5px;
    left: 0px; /* abs: 728 px */
    width: 110px;
    float: left;
/*	border: 1px solid orange;*/
}

#title 
{
    background: url(img/banner.jpg) top repeat-x;
	height: 180px;
    position: relative;
}

/* main content area
 */

#contentarea {
	background-color: #FFF !important;
    clear: both;
    padding-top: 5px;
    width: 1000px;
	position: relative; 
	padding-bottom: 2em;
	z-index: 1; 
}

#leftcol {
	background-color: #FFF;
    padding-left:15px;
    width: 201px;
    float:left;
}

#centercol {
    background-color: #FFF;
    padding-left: 50px; 
    float:left;
    width: 700px;
    min-height: 400px;
}
/*
#rightcol {
	background-color: #FFF;
    padding-left: 21px;
    float:left;
    width:215px;
}
*/
#content-left {
	margin-top: 3em;
	margin-bottom: 130px;
}

/* footer
 */
#footer {
    position: relative;
	width: 1000px;
	height: 120px;
    top: -40px;
	margin: 0 auto;
/*	background: url(img/vdst_welle.jpg) top repeat-x;  */
	z-index: 999;
}

#footer-content {
    margin: 5px auto;
	padding: 90px 15px 5px 25px;
	font-size: 0.9em;
    width: 950px;
    color: #0D3A6B;
}

#footer-content p {
	margin: 5px 0 0 0;
}

#footer a {
    color: #0D3A6B;
    margin: 0 3px;
}

#footer a:hover, #footer a:focus, #footer a:active {
    color: #000033 !important;
}

#footer-content ul {
	list-style-type: none;
	margin-top: 3px;
}
#footer-content li {
	display: inline; 
}

/* 
 * navigation: top right
 */
#nav-top {
	font-size: 0.8em;
    color: #f0f0f0;
	width: 220px;
    white-space: nowrap;
	
}

#nav-top a{
	font-weight: bold;
    color: #f0f0f0;
	text-decoration: none;
}


/* 
 *
 * navigation: left
 *
 */

#nav-left {
	margin: 8px 0 2em 0;
	border-bottom: 1px solid #000033;
	border-top: 1px solid #000033;
	padding: 1em 0 1em 0;
}

#nav-left a {
    color: #000033;
	/*font-weight: bold; */
    text-decoration: none;
	background: url(img/nav.gif) 0 0.275em no-repeat;
	padding: 0 0 0 11px;
}
/* hover */
#nav-left a:hover, #nav-left a:focus, #nav-left a:active {
  text-decoration: underline;
  color: #0072bc;
  background: url(img/nav_aktiv.gif) 0 0.275em no-repeat;
  padding: 0 0 0 10px;
}
/* Aktueller Link */
#nav-left a.aktiv {
    color: #0072bc;
	font-weight: bold;
    text-decoration: none;
	background: url(img/nav_aktiv.gif) 0 0.275em no-repeat;
	padding: 0 0 0 11px;
}

#nav-left ul {
    display: block;
    list-style: none;    
    font-size: 1em;
    line-height: 1.2em;
	margin-left: 5px;
}

#nav-left li {
    padding: 0;
    border-top: 5px solid white;
}

#nav-left ul li ul {
    margin: 0 0 0 11px;
	border: none; 
}

#nav-left ul li ul li ul {
    margin: 0 0 0 11px;
	border: none; 
}

/* 
 *  Main Style Sheet for text
 */

 p,ul,ol,dl {
	font-size: 95.01%;
	margin: 0 0 0.8em 0;
}
 
h1 {
 color: #0072bc;
 font-size: 120.01%;
 letter-spacing: 1px;
 line-height: 125%;
 margin: 0 0 0.8em 0;
}
/* muss hierer, da h1 sonst dies überschreibt */
#head-center h1 {
 line-height: 120%;
 letter-spacing: 3px;
 text-align: center;
}
/* h2 und weitere */
h2 {
  font-size: 100.01%;
  font-weight: bold;
  margin: 0 0 1em 0;
  color: #0072bc;
}
h3 {
  font-size: 95.01%;
  font-weight: bold;
  margin: 0 0 0.5em 0;
  color: #0072bc;
  border-bottom: 1px solid #0072bc;
}

h4 {
  font-size: 95.01%;
  font-weight: bold;
  margin: 0 0 0.5em 0;
  color: #000;
}

b,strong {
	font-weight: bold;
}

i,em {
	font-style: italic;
}

/*** Listen **/
ul,ol {
	margin: 0 10px 0.8em 25px;
}

#rightcol ul, #leftcol ul {
	margin: 0 10px 0.8em 17px;
}

/*** Linkarten ****/
a.internal-link, 
a.internal-link-new-window {
	padding: 0 0 0 16px;
	margin: 0 0 0 4px;
	background-image: url(img/internal_link.gif);
	background-position: 0 0.29em;
	background-repeat: no-repeat; 
	}
	
a.external-link-new-window, 
a.external-link  {
	padding: 0 0 0 18px;
	margin: 0 0 0 2px;
	background-image: url(img/external_link.gif);
	background-position: 0 0.3em;
	background-repeat: no-repeat; 
	}
	
a.download {
	padding: 0 0 0 17px;
	margin: 0 0 0 3px;
	background-image: url(img/download.gif);
	background-position: 0 0.3em;
	background-repeat: no-repeat; 
	}	
		
a.mail {
	padding: 0 0 0 20px;
	background-image: url(img/mail.gif);
	background-position: 0 0.1em;
	background-repeat: no-repeat; 
	}

a.internal-link:hover, 
a.internal-link-new-window:hover, 
a.internal-link:focus,
a.internal-link-new-window:focus {
	background-image: url(img/internal_link_hover.gif);
	}
	
a.external-link-new-window:hover, 
a.external-link:hover, 
a.external-link-new-window:focus,
a.external-link:focus  {
	background-image: url(img/external_link_hover.gif);
	}
	
a.download:hover, 
a.download:focus {
	background-image: url(img/download_hover.gif);
	}	
		
a.mail:hover, 
a.mail:focus {
	background-image: url(img/mail_hover.gif);
	}