/*
      Created by Stefan Witt für den
      Tischtennis Kreisverband Osnabrück Stadt
      
      E-Mail:webadmin@tt-os.de
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

/* ###################################################### */
/* ####################### HEADER ####################### */
/* ###################################################### */
#head {
    height:150px;
    background-color:#c7dff4;
    background-position:0 0px;
    padding:0;
    margin:0;
    background-image:url('../images/header_1000_150.gif');
    background-repeat:no-repeat;
    width: 1000px;
}


#head a#logoTop {
    display:block;
    float:left;
    padding:0;
    margin:0;
}


/*#head h1, #head a {*/
/*    margin:90px 0 0 0;*/
/*    text-decoration:none;*/
/*}
*/
#logoTop {
    margin:0px 0 0 0;
}

/* Die Definition für #header h1 befindet sich in einer extra css Datei */
/*#header { */
/* color: #333; */
/* float: left; */
/* padding: 0px; */
 /*border: 1px solid #ccc;*/
/* height: 150px; */
/* top:0px; */
/* width: 1000px; */
 /*margin: 10px 0px 0px 0px;*/
/* background-image:url('../images/header_1000_150.gif') */
}



a:hover {
 font-family:Arial,sans-serif;
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   color:white;
}
a:link {
 font-family:Arial,sans-serif;
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   color:#840000;
}
a:visited {
 font-family:Arial,sans-serif;
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   color:#840000;
}

#wrapper { 
 margin: 1 auto;
 margin-left: 50px;
 width: 1249px;
}

#headlineBox {
   /*position:relative;*/
   float: left;
   top:0px;
   left:0px;
   width:1000px;
   padding:0px;
   height:46px;
   margin:0px;
   /*border:4px solid #0000EE;*/
   /*background: #17DBD5;*/
   background-image:url('../images/subnavigation_1000_46.gif');
}

#headline {
   position:relative;
   top:11px;
   left:267px;
   width:300px;
   padding:0px;
   height:15px;
   margin:0px;
   /*border:4px solid #0000EE;*/
   background-color: transparent;
}

#headline h1 {
    font-weight:normal;
    font-size:18px;
    text-align:left;
    color:#840000;
}

#metaNavigation {
   position:relative;
   top:0px;
   left:720px;
   /*width:2px;*/
   padding:0px;
   margin:0px;
   height:15px;
   width:250px;
   background-color: transparent;
  }

a:hover.meta {
 font-family:Arial,sans-serif;
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   color:#840000;
}
a:link.meta {
 font-family:Arial,sans-serif;
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   color:white;
}
a:visited.meta {
 font-family:Arial,sans-serif;
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   color:white;
}

a:active.meta {
   text-decoration:none;
}

a:focus.meta {
   text-decoration:none;
}

#mainNavigation {
 color: #333;
 /*border: 1px solid #ccc;*/
 background: #E7DBD5;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height:2000px;
 width: 250px;
 float: left;
 background-image:url('../images/left_250_5.gif')
}


/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

/* Level 1 */
#navigation {
    position:relative;
    top:50px;
    left:10px;
    width:220px;   
    margin:0;
    padding:0;
    /*background-color:#F2F2F2;*/
    background-color:transparent;
    /*border:4px solid #0000EE;*/
}
#navigation ul li {
    width:220px;
    margin:0;
    padding:0 0 0 10px;
    list-style-type:none;
}
#navigation ul li a {
    display:block;
    width:220px;
    height:19px;
    line-height:19px;
    margin:0;
    padding:0 0 0 10px;
    font-size:12px;
    color:#840000;
    /*background-image:url(../images/background.gif);*/
    background-repeat:no-repeat;
    background-position:0px 0px;
    /*border-bottom:1px solid #ccc;*/
    text-decoration:none;
}
#navigation ul li a:hover, #navigation ul li.active a {
    background-image:url(../images/navi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
    color:#fff;
}

/* Level 2 */
#navigation ul.subNavigation {
    width:200px;
    margin:0;
    padding:0;

}
#navigation ul.subNavigation li a {
    /*background-image:url(../images/background.gif);*/
    background-image:url(../images/subnavi_200_20_grey.gif);
    background-repeat:no-repeat;
    background-position:0px 0px;
    /*order-bottom:1px dotted #ccc;*/
    color:#840000;
    width:200px;
}
#navigation ul.subNavigation li.active a {
    color:#fff;
}
#navigation ul.subNavigation li a:hover, #navigation ul.subNavigation li.active a {
    background-image:url(../images/subnavi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
    color:white;
}

/* Level 3 */
#navigation ul.subSubNavigation {
    width:200px;
    margin:0;
    padding:0;
}
#navigation ul.subNavigation li ul.subSubNavigation li a {
    background-image:none;
    border-bottom:0;
    /*color:#840000;*/
    width:200px;
}
#navigation ul.subNavigation li ul.subSubNavigation li a:hover, #navigation ul.subNavigation li ul.subSubNavigation li.active a {
    /*background-image:url(../images/csw/subsubnavi_over.gif);*/
    background-image:url(../images/subnavi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

/* ###################################################### */
/* ####################### Werbung ################# */
/* ###################################################### */


#banner1 {
   position:relative;
   top:40px;
   left:20px;
   width:175px;
   padding:0px;
   height:96px;
   margin:0px;
   /*background-image:url(../images/stickerei-witt.jpg);*/
   border:2px solid #0000A5;
   background-color: transparent;
}

#banner2 {
   position:relative;
   top:70px;
   left:20px;
   width:175px;
   padding:0px;
   height:96px;
   margin:0px;
   /*background-image:url(../images/stickerei-witt.jpg);*/
   /*border:2px solid #0000A5;*/
   background-color: transparent;
}

#banner3 {
   position:relative;
   top:100px;
   left:20px;
   width:175px;
   padding:0px;
   height:96px;
   margin:0px;
   /*background-image:url(../images/stickerei-witt.jpg);*/
   /*border:2px solid #0000A5;*/
   background-color: transparent;
}

#banner4 {
   position:relative;
   top:100px;
   left:20px;
   width:175px;
   padding:0px;
   height:96px;
   margin:0px;
   /*background-image:url(../images/stickerei-witt.jpg);*/
   /*border:2px solid #0000A5;*/
   background-color: transparent;
}

#banner5 {
   position:absolute;
   top:200px;
   left:1100px;
   width:300px;
   padding:0px;
   height:254px;
   margin:0px;
   border:2px solid #ffffff;
   background-color: transparent;
}

/* ###################################################### */
/* ####################### RIGHT COLUMN ################# */
/* ###################################################### */

#teasersRight {
    font-size:11px;
}

#teasersRight h3 {
    color:#000000;
    font-size:14px;
    font-weight:bold;
    margin:0 0 5px 0;
}


#teasersRight .teaserItem {
    color:#333;
    font-size:12px;
    
}
#teasersRight .teaserItem h3 {
    color:#0060b1;
    font-size:12px;
    margin:0 0 5px 0;
    font-weight:normal;
}

#teasersRight .teaserItem a.more {
    display:block;
    width:230px;
    margin:11px 0;
    padding:0 0 0 15px;
    background-image:url(../images/link_pfeil_klein.gif);
    background-repeat:no-repeat;
    background-position:0 5px;
}
/* html #teasersRight .teaserItem a.more {*/
/*    width:200px;*/
/*}*/


/* ###################################################### */
/* ####################### Content ################### */
/* ###################################################### */

#content { 
 float: left;
 color: #ffff;
 /*border: 1px solid #ccc;*/
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 2000px;
 width: 500px;
 display: inline;
 font-size: 12px;
}

#content h1 { 
  font-size: 14px;
  font-weight: bold;
}

#contentHeadline {
margin-top : 30px;
margin-left : 15px;
margin-right : 30px;
}

#contentArticle {
margin-top : 30px;
margin-left : 30px;
margin-right : 30px;
}


#rightcolumn { 
 color: #333;
 font-size: 12px;
/*border: 1px solid #ccc;*/
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 2000px;
 width: 250px;
 float: left;
 position: relative;
 text-align: right;
 background-image:url('../images/right_250_5.gif');
}
.clear { clear: both; }er

/* Für die Adresslisten */
.rowbgcolor1
{
  background-color: #FCF9ED;
}  
    
.rowbgcolor2
{
  background-color: #ECE6DD;
}

/* ###################################################### */
/* ##############  aus altem ttos stylesheet   ########## */
/* ###################################################### */

span#subhead
{ 
    text-align: left;
    font-family : Helvetica;
  color: #c5005a;
  font-size : 12px;
  font-weight: bold;
  }
  
span#copy
{ 
    text-align: left;
    font-family :Helvetica;
  color: #222222;
    font-weight : middle;
  font-size : 12px;
  } 
  
div#pfad
{ 
    text-align: left;
    font-family : Helvetica;
  color: #bbbabe;
  font-style: italic;
  font-size : 12px;
  font-weight: small;
  } 
  
span#weiteres
{ 
    text-align: left;
    font-family : Helvetica;
  color: #333333;
  font-style: normal;
  font-size : 12px;
  font-weight: bold;
  } 
    
div#user
{ 
    text-align: left;
    font-family : Helvetica;
  color: #114411;
  font-style: normal;
  font-size : 10px;
  font-weight: normal;
  } 
  
  /* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    font-size:12px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:11px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:center;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:11px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}