/* www.no-racism.net
// relaunch dev-version 2.0
// written by x@no-racism.net
//
// nora.css for no-racism.net dev2.0
//
// changelog: 12.12.2003
// version: 0.2
///////////////////////////////////////////////////////////////////////////// */


body {  
    background-color: #fff;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
    color: #666;
    text-align: center;
    }

#center {
    width: 760px; 
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto; 	
/* opera does not like 'margin:0 auto' */
    background: #fff;
    text-align:left; 
    }

/* Artikelueberschrift */
/* h1 fuer rubrik-uebersicht auch bei maintitle definiert */
h1  {
    font-size: 140%;
    color: #666;
    }
/* Artikel Zwischenueberschrift */
h2 {
    font-size: 120%;
    font-style: italic;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding: 2px 0 2px 10px;
    }
     
/* Artikel Zwischenueberschrift */
h3 {
    font-size: 100%;
    font-style: italic;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;	
    margin: 0 20% 0 0;
    padding: 0 10px 0 10px;
    }

/* Rubriken / Themen / Subrubriken */
h4 {
    font-size: 140%;
    line-height: 100%;
    color: #666;
    margin: 2px 0 10px 0;
    padding: 0;
    }

/* Bereichsmenu Ueberschrift (im orangen Rahmen) */
/* h5 bei leftbox_header definiert */

/* crazy crazy h6 */
h6 {
    font-size: 110%;
    color: #000;
    border: 25px dashed #f90;
    padding: 10px;
    background-color: red; 
    }


/* img border="0" im quelltext kommt ueberall raus, wird einfach hier definiert. */
img {
    border: 0;
    }

p {
    font-size: 100%;
    }

div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    }

.stopfloat {
    clear: both;
    font-size: 80%;
    }


.headerline1 {  
    width: 750px;
    margin: 20px 0 0 0;

/*
    background-image: url(image/header_bg.gif);
    background-repeat: repeat;
    background-position: 0 0;
*/
    }
    
    
    

/* SiteTitel ist das logo */
.SiteTitle {
    text-align: left;
    float: left;
    width: 300px;
    }

.imagelink {
    border-width: 0px;
    }


/* SiteRubriks enthaelt die navi oben rechts */

#hauptmenu {
    height: 20px;
    float: right;
    width: 430px;
    padding: 0;
    margin: 0;
    font-size: 80%;
    font-weight: bold;
    }

#hauptmenu ul {
/* float right, damit das menu ganz rechts steht 
*/
    float: right;
    margin: 0;
    padding: 0;
/* breite fuer opera, sonst checkt er das float right nicht grrrrrr */
    width: 430px;
    }
    
#hauptmenu li {
    padding: 0;
    margin: 0;
    display: inline;
    list-style-type: none;
    }

#hauptmenu a:link, #hauptmenu a:visited {
    float: left;
    text-decoration: none;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin: 0;
    border: 1px solid #efefef;
    }
    
#hauptmenu a:hover, #hauptmenu a:active, #hauptmenu a:focus {
    padding: 2px 10px 2px 10px;
    color: #066;
    border: 1px solid #066;
    }
    

/* span bestimmt den hover info-text */  

#hauptmenu a span {
    display: none;
/*    visibility: hidden; */
    }
    
#hauptmenu a:hover span {
    position: absolute;
    top: 40px;
    width: 373px;
/*    left: 466px; */
    left: 48.5%;
    border: 1px solid #066;
    padding: 4px;
    margin: 0;
    display: block;
    color: #666;
    z-index: 100;
    text-align: left;
    font-weight: normal;
    background-color: #fff;
    }

.crumstitle {
    width: 700px;
    height: 20px;
    font-size: 80%;
    font-weight: bold;
    padding: 0 0 0 50px;
    }

.subSiteTitle {
    margin: 34px 0 0 0;
    padding:0;
    float: left;
    width: 448px;
    
    }
    
.subSiteTitle p {
    font-size: 90%;
    margin: 0;
    padding: 0;
    }
    
    
#submenu {
    float: right;
    text-align: right;
    width: 300px;
    font-size: 90%;
    }

#submenu p {
    margin: 0;
    }
    
/* suchformular */

#submenu input {
    border: 1px solid #f90;
    font-size: 110%;
    color: #333;
    }


#submenu form {
    margin: 0 0 4px 0;
    }




/* bis hier her index ... */




#contentarea {
    width: 750px;
    padding: 10px 0 0 0;
    margin: 0;	
    border-top: 1px solid #ccc;
    background-color: #fff;
    }


#bereichsmenu {   
    float: left;
    width: 200px;
    margin: 10px 0 0 0;
    padding: 0;
    color: #333;
    font-size: 80%;
    }

#imgbox  {
		width: 520px;
		margin: 0 0 0 230px;
		padding: 0;
}

a.imgpreview img {
  border: 1px solid #fff;
}

a.imgpreview:hover img,a.imgpreview:focus img{
  border: 1px solid #000;
}


.leftbox_header {
    background:transparent url(image/top/top_termine_ff9900.gif) no-repeat 0 0;
    margin: 0;
    padding: 0;
    }


.leftbox_header h5 {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #999;
    font-size: 100%;
    line-height: 118%;
    }


.leftbox_content {
    border-width: 0 1px 0 0;
    border-color: #f90;
    border-style: solid;
    margin: 0;
    padding: 10px 10px 0 0;
    font-size: 110%;
    }

.leftbox_content ul {
/*
    list-style-image: url(image/marker_date.gif);
mozilla braucht lange zum laden, wenns so gemacht wird.
deshalb:
*/
    list-style-type:none;
    margin: 0 0 0 0px;
    padding: 0;
    }
    
.leftbox_content ul li {
    font-weight: bold;
    font-size: 100%;
    line-height: 130%;
    margin: 0 0 0 0;
    padding: 4px 0 0 0;
    text-indent: 0;
    }

.leftbox_content li.event {
    font-size: 100%;
    font-weight: bold;
    list-style-type:none;
    border-left: 1px solid #f90;
    margin: 12px 0 0 0;
    padding: 2px 2px 0 6px;
    }

.leftbox_content li.date {
    list-style-type: none;
    font-weight: normal;
    padding: 0;
    margin: 4px 0 0 0;
    }
    
.leftbox_content li.comment {
    list-style-type: none;
    font-weight: normal;
    font-style: italic;
    padding: 0 0 0 7px;
    margin: 4px 0 0 0;
    }	

.leftbox_content ol {
    list-style-type: none;
    margin: 0;
    padding: 0 6px 0 20px;
    }
    
.leftbox_content li {
    text-indent: -16px;
    font-weight: normal;
    margin: 0;
    padding: 2px 0 0 0;
    }

.leftbox_footer {
    background:transparent url(image/top/box_footer_ff9900.gif) no-repeat 0 100%;
    margin: 0 0 20px 0;
    height:14px;
    }



.strg {
    text-align: left;
    }
.strg p {
    text-align: left;
    color: #ccc;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding-left: 8px;
    line-height: 110%;
    }
.strg img {
    padding-left: 10px;
    }


#inhalt {
    width: 537px;
        /* war 10px links */
    margin: 0 0 24px 0;
    padding: 0;
    font-size: 80%;
    color: #333;
    background-color: #fff;
    float: right;
    }


.right_top {
    margin: 10px 0 0 0;
    text-align: right;
    }
    





/* LEFTCOL##########################  */


.leftcolomn {
    float: left;
    /* width: 267px; */
    width: 264px;
    padding: 0 12px 0 0;
    margin: 10px 0 0 0;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: #ccc;
    }

.maintitle {
/*    width: 250px;
*/
    padding: 2px;
    font-weight: bold;
    color: #666;
    }
    
    
/* ist das datum!! */    
.maintitle p {
    font-weight: normal;
    margin: 0 0 4px 0;
    }
    
.maintitle img {
    margin: 0 4px 0 0;
    }
    
.maintitle h1 {
    margin: 0 0 4px 0;
    font-size: 120%;
    }

.mainteaser {
    padding: 2px;	
    color: #666;
    font-size: 110%;
    }
        
.mainteaser img {
    float: right;
    border-width: 0 0 1px 1px;
    border-style: dashed;
    border-color: #ccc;
    padding: 0 6px 6px 6px;
    margin: 0 0 2px 2px; 
    }

/* mainteaser p ist der subtext mit 6px */    
.mainteaser p {
    margin: 0 0 6px 0;
    padding: 0;
    }

.mainteaser p img {
    float: none;
    border: none;
    padding: 0;
    margin: 0;
    }
    



.rightcolomn {
   float: right;
/*    width: 256px;
*/
    width: 250px;    
    margin: 10px 0 0 0;	
    padding: 0;
    }






/*:)))))))))))))))))))))))))))) irene :))))))))))))))) */


#kontakt {
    padding: 0 20px 0 20px;	
    border: 1px dashed #f90;
    font-size: 100%;
    float: none;
    margin: 0 0 24px 0;
    }

#kontakt input, textarea { 
    color: #333; 
    border: 1px solid #666;
    padding: 2px 0 2px 3px;	
    margin: 1px 0 1px 0;
    background-color: #eee;	

/* hihi, per css3 die ecken rund machen, only mozilla 
-moz-border-radius: 7px; 
*/
    }

#kontakt input:focus, textarea:focus {
    background-color: #fff;
    border: 1px solid #f90;
    }
    
#kontakt label {
    color: #fff;
    }


/* lllllllllllllllllllllll pino ppppppppppppppp */



/* sind jetz _nur_ als h4 definiert
 .leftbox_content h4 {
    margin: 1px 0 8px 0;
    }
*/

.leftbox_content p {
    margin: 0;
/*    font-size: 1.1em;
*/  
    line-height: 1.4em;
    color: #666;
    }

/* info zu rubrik und ggf. thema */     
.articleinfo {
    text-align: right;
    color: #aaa;
    margin: 10px 0 0 0;
    }

.articletitle h1 {
    font-size: 180%;
    margin-top: 4px;
    }

.articletitle p {
    text-align: left;
    color: #666;
    margin: 0;
    }
.articletext img {
    float: left;
    padding: 0 6px 6px 0;
    margin: 0 12px 6px 0;
    border-width: 0 1px 1px 0;
    border-style: dashed;
    border-color: #ccc;
    }

.imgright {
    float: right;
    padding: 0 6px 6px 0;
    margin: 0 12px 6px 0;
    border-width: 0 0 1px 1px;
    border-style: dashed;
    border-color: #ccc;
}



/* externe links in artikeln sollen keinen bildrahmen bekommen */
.articletext a img {
    border: none;
    float: none;
    margin: 0;
    padding: 0;
    }

.artikelkommentar {
    margin: 20px 0 0 0;
    padding: 10px;
    border-right: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    font-style: italic;
    }

    
.abstract {
    color: #666;
    font-style: italic;
    margin: 0;
    }
    
.abstract p {
    margin: 0;
    }

.articletext {
    font-size: 130%;
    line-height: 150%;
    color: #444;
    }
.printversion, printversion p {
    text-align: right;
    margin: 0;
    padding: 0 0 20px 0;
    }

.rubrikimg {
    float: left;
    border-width: 0 1px 1px 0;
    border-style: dashed;
    border-color: #ccc;
    padding: 0 6px 6px 0;
    margin: 5px 12px 0px 0;
    }

.rubriktrenner {
    border-top: 1px dashed #f90;
    margin: 6px 0 12px 0;
    padding: 0;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    }

#footer   {  
/* ie \ hacked */
    position: fixed;
/* ie \ hacked */
    bottom: 0;
    width: 750px;
    height: 18px;
    margin: 0;
    padding: 2px 0 2px 0;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #066;
    font-size: 80%;
    text-align: right;
    background-color: #fff; 
    }

.linxlist {
    margin: 10px 0 0 0;
    }
.linxlist ol {
    list-style-type: none;
    font-size: 110%;
    margin: 0;
    padding: 0;
    }
.linxlist p {
    color: #666;
    margin: 4px 0 12px 15px;
    }

.sitemap {
    margin: 10px 0 30px 0;
    }

.sitemap h4 {
    margin: 18px 0 0 0;
    }

.invisible, .invisible a:link, .invisible a:visited, .inivisible a:hover, .inivisible a:focus, .inivisible a:active {
/*    display: none;
    visibility: hidden;
*/  
    font-size: 0;
    margin: 0;
    color: #fff;
    background-color: #fff;
    border: 0 solid #fff;
    }

    
a:link, a:visited   {
    font-size: 100%;
    color: #666;
    text-decoration: none;
    }
a:hover, a:focus, a:active  {
    color: #066;
    }

/*
a[href^="http:"]:link,
a[href^="http:"]:visited,
a[href^="http:"]:hover,
a[href^="http:"]:active,
a[href^="http:"]:focus {
    background:transparent url(image/friends_marker.gif) 0 0 no-repeat;
    padding: 0 0 0 14px;
    }

*/

/* externe links die mit http beginnen, aber leider leider ein bild sind bekommen eine eigene class */

a:link.nosymbol, a:visited.nosymbol, a:hover.nosymbol, a:active.nosymbol, a:focus.nosymbol {
    background-image: none;
    background: none;
    padding: 0;
    }


.articletext  a:link,
.articletext  a:visited {
    border-bottom: 1px solid  #666;
    }

.articletext  a:active,
.articletext  a:focus,
.articletext  a:hover {
    border-bottom: 1px solid  #066;
    }



.spunqlink {
    position: absolute;
    top: 5px;
    width: 120px;
    left: 30px;
    padding: 4px;
    margin: 0; 
    display: block;
    color: #666;
    text-align: left;
    font-weight: bold;
    font-size: 10px;
    background-color: #fff;
    }

.spunqlink a {
    padding: 0px 0px 2px 10px;
    margin: 3px 0px 0px 0px; 
    color: #666;
    text-align: left;
    font-weight: bold;
    font-size: 10px;
    background-color: #fff;
    }

.spunqlink h2 {
    border-width: 0px 0px 1px 0px;
		border-style:solid;
		border-color: #f90;
    padding: 0;
    margin: 0; 
    color: #666;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    background-color: #fff;
    }