/*  body und schrift deffinitionen */

html { padding:0px;margin:0px;       }

body {
    background-color: #ffffff;  
    font-size: 100%;
    height:100%;
/*    font-family: Georgia, "Times New Roman", Times, serif;*/
     font-family: verdana, arial, sunsans-regular, sans-serif;
    color:#666666;  
    text-align:center;
    margin:0px;
    padding:0px;
    background-image: url("../images/main-bg.jpg");
        background-repeat:repeat-y;
        background-position: center center
    }

p,pre, h1 {}
.form table {border:1px solid #999999;}
.form td  {padding:2px;}

 /*list-style-type:square;*/
ul {
        list-style-image:url("../upload/bullets/list_style_image.gif")
   }


hr {height:1px; color:#bcd2df;}

h1 {    
    padding-top:0px;
    color: #333333;
    background-color: transparent;
}

a {
    color: #7DB51C ;
    text-decoration: underline; 
    }


strong, b {
    color: #424142;
    font-weight:bold
    }

#extlink {
    position: absolute;
    left: -3000px;
    top: -3000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}

a.extern:link {
    background: url(http://www.tsebe.de/cms/upload/bilder/external.gif) no-repeat 100% 0;
    padding: 0 20px 0 0;
}

a.extern:visited {
    background: url(http://www.tsebe.de/cms/tsebe/upload/bilder/external.gif) no-repeat 100% -100px;
    padding: 0 20px 0 0;
}

a.extern:hover, a.extern:active, a.extern:focus {
    color: #fff;
    background: #7DB619 url(icon.gif) no-repeat 100% -200px;
    padding: 0 20px 0 0;
}


/*  positioning-layers statisch und absolut */


#overall {
    width:845px;
        height:100%;
    margin: 0px auto;
    padding:0px;
    background-color: #ffffff; 
    background-image: url("../images/main-bg.jpg");
        background-repeat: repeat-y;
       
    }
*html div#overall {
    width:847px;
        
}


#box {
    width:750px;
    margin: 0px auto;
    padding:0px;
    text-align:left;
    background-color: #ffffff; 
    }
*html div#box {width:748px}

#wrapper {
    width:750px;
    margin-top:20px;
    margin-bottom:10px;
    background-color: #ffffff; 
    }

#mainbox  {
    width:750px;
    margin: 0px auto;
    padding:0px;
    text-align:left;
    min-height:100%;
    background-color:#transparent;
    display:block;
    }

#links {
    width:120px;
    padding:0px;
    float:left;
    background-color: #transparent;
    display: block;
    margin-top:0px;
    }

*html #links{
    margin-top:0px}

#inhalt {   
    width:400px;
    padding:0px;
    float:left;background-color:#transparent;
    display:block;
    margin-top:20px;
    margin-left:35px;
    }

#blog { 
    width:350px;
    padding:0px;
    float:left;background-color:#transparent;
    display:block;
    margin-top:20px;
    margin-left:35px;
    }

*html div#blog {
    margin-top:10px 
    }

*html #inhalt {
    margin-top:10px;
    }

#inhalt img {padding-left:5px;}
#sitemap{
    font-size:80%;
        }
ul.sitemap{
        list-style-type:square;
}
#rechts {
    margin-top:10px;
    margin-right:20px;
    width:140px;
    padding:0px;
    float:right;
    display: block;
    background-color: #transparent;
    }


*html #rechts {
    width:140px;
    margin-top:10px;
    margin-right:0px;
    }
#kopf {
    width:750px;
    height:168px;
        background-color: #ffffff; 
    background-image:url("../images/tsebe-logo.jpg");
        background-repeat: no-repeat;
 background-position:top left; 
    }
#logo { position:relative;
display:block;
float:left;}

#banner {position:relative;top:0px;float:right;height:168px}



#service { 
    text-align:center;
    height:25px;
    padding-top:7px;
    color: #424142;
    font-size: 60%;
    padding-left:0px;
    }

#service a {
    text-decoration:none;
    color: #f424142;
    }

#service a:hover {
    text-decoration:underline;
    color: #f424142;
    }

/*  container */

#content-headline {
    margin-top: -20px;
    }
*html #content-headline {
    margin-top:0px
}

#content-headline h1 {
    color: #3333333;
    font-size:85%;
    line-height:100%;
    font-weight:bold;
    }

#content {
    overflow: auto;
    font-size:70%;
    line-height:150%;
    text-align:justify;
    }

#content td {
    font-size:70%;
    line-height:150%;
    padding-right:3px;
    }

#content-headline-rechts h1 {
    color: #333333;
    font-size:75%;
    font-weight:normal;
    }


#content-rechts {
    float: right;
    margin-right:0px;
    padding:3px;
    width:133px;
    background-color:#efefef;
    font-size:60%;
    line-height:150%;
    }
#headline {
        font-weight:bold; 
    }


*html div#content-rechts {
width:139px;
margin-right:0px;
    }
ul { list-style-type:square; }

#content-rechts-1 {
    float: right;
    margin-right:0px;
    margin-bottom:0px;
    padding:3px;
    width:133px;
    background-color:#efefef;
    font-size:60%;  
    line-height:150%;
    }

*html div#content-rechts-1 {
width:139px;
margin-right:0px;
    }

#content-rechts-2 {
    position:relative; top:50px;
        float: right;
    margin-right:0px;
    margin-bottom:20px;
    padding:3px;
    width:133px;
    background-color:#fff;
    font-size:60%;  
    line-height:150%;
        color: #996666;
    }

*html div#content-rechts-2 {
width:139px;
margin-right:0px;
    }

#content-rechts-3 {
    position:relative; top:100px;
        float: right;
    margin-right:0px;
    margin-bottom:20px;
    padding:3px;
    width:100px;
    background-color:#666;
    font-size:60%;  
    line-height:150%;
        color: #996666;
    }

*html div#content-rechts-3 {
width:139px;
margin-right:0px;
    }

#content-rechts li{
font-size:70%}

#content-rechts-1 li{
font-size:70%}


#suche {
    float: right;
    width:130px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    background-color:#efefef;
    margin-bottom:10px;
    }


*html #suche {margin-right:10px}


#nav {
    width:100px;
    float: left;
    background-color: #transparent;
    margin-top:10px;
    margin-left:10px;
    border-top:1px dotted #424142;
    }

*html div#nav {margin-left:10px;}

#nav a {
    text-decoration:none
    }

select, textarea  { 
    font-size:11px; 
    font-family:arial,helvetica; 
    color:#000000; 
    background-color: #ffffff;
    border:1px solid #7998c8
    }

input   { 
    font-size:11px; 
    font-family:arial,helvetica; 
    color:#002f67; 
    background-color: #ffffff;
    border:1px dotted #990101
}

*html input { 
    border:1px solid #990101
}

.titel {font-size:70%}

.hidden {
    display:none;
}





#searchbox {
    width:130px;
    font-size:70%;
    background-color: #transparent;
}


.input_searchbox {
    width:101px;
}

*html .input_searchbox {
    width:95px;
}


.label_searchbox {
    vertical-align:middle;
    color:#424142;
    position:relative;
    /*left:-65px;*/
}

.input {
    font-size:11px;
    font-family:verdana,tahoma,arial,helvetica,sans-serif,sans-serif;
    color:rgb(0,0,0);
    width:240px;
    margin-bottom:8px;
    border-top:1px solid #990101;
    border-right:1px solid #990101;
    border-bottom:1px solid #990101;
    border-left:1px solid #990101;
}

.navi{
    width:100px;
    font-size: 70%;
    border-bottom:1px dotted #424142;
}

a.navileft_active {
    display:block;
    background-color:#ffffff;
    padding-top:3px;
    padding-bottom:3px;
    color:#999999;
    font-weight:normal
} 

a.navileft_active2 {
    display:block;
    padding-left:20px;
    background-color:#ffffff;
    padding-top:3px;
    padding-bottom:3px;
    color:#424142;
} 

a.navileft_active2:active {
    background-color:#ffffff;
} 

a.navileft_passive {
    display:block;
    background-color:#ffffff;
    padding-top:3px;
    padding-bottom:3px;
    color:#424142;
} 

a.navileft_passive:hover {
    color:#999999;
} 


a.navileft_passive2 {
    display:block;
    padding-left:20px;
    background-color:#ffffff;
    padding-top:3px;
    padding-bottom:3px;
    color:#424142;
} 

a.navileft_open {
    padding-left:10px;
    display:block;
    background-color:#ffffff;
    padding-top:3px;
    padding-bottom:3px;
    color:#999999;
    font-weight:normal
} 

a.navileft_open2 {
    padding-left:10px;
    display:block;
    background-color:#ffffff;
    padding-top:3px;
    padding-bottom:3px;
    color:#999999;
    font-weight:normal
} 

a.navileft_open2:active {
    background-color:#ffffff;
} 

/* (en) Styling of article list | (de) Gestalltung für die Artikelliste */
.articlelistPagecounter { width: 100%; text-align: center; margin: 20px 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
.articlelistItem { width: 100%; border-bottom: 1px solid #CCC; margin-top: 20px; }
.articlelistItem img { float: left; margin-right: 10px; }
.articlelistItem p.articlelistHeadline { margin: 10px 0 5px 0; }
.articlelistItem a.articlelistHeadline { font-weight: bold; }
.articlelistItem p.articlelistSubheadline { margin: 0 0 5px 0; font-weight: bold; }
.articlelistItem p.articlelistContent { }
.articlelistItem p.articlelistContent img { float: right; margin-left: 10px; }
.articlelistItem p.articlelistMore { clear: left; text-align: right; font-weight: bold; }
.articlelistItem a.articlelistBack { }
.articlelistItem a.articlelistNext { }
.articlelistItem a.articlelistPageNumber { }
.articlelistItem a.articlelistBegin { }
.articlelistItem a.articlelistEnd { }
.articlelistItem a.articlelistPrevious { }
.articlelistItem a.articlelistNext { }
.articlelistNavigation { width: 100%; text-align: center; margin: 10px 0 20px 0; }