/* CSS Document */



/*--------------------------------------------------------------------*/

/* ----- BASE CSS --------------------------------------------------- */

/*--------------------------------------------------------------------*/


strong {

text-transform:uppercase;

font-weight:normal;

font-style:normal;

}


div#c418{

margin-top:50px;

}


.right{

float:right;

font-size:7px;

}

*{

margin:0;

padding:0;

}

html, body { 

min-height:100%;

height: 100%;

font: 9px Helvetica, Verdana, Arial, sans-serif;

text-transform:uppercase;

line-height: 1.5;

        color:#000000;

}


body{

position: relative; /* Verhindert, dass positionierte Elemente nicht verschoben werden wenn die Groesse des Browser Fensters geaendert wird. */

    font-size: 100.01%; /* font-size-Angabe, um zoom-Verhalten im IE zu steuern */

text-align: center; /* hack for IE 5.x and quirks mode */

        min-width: 720px; /* needed for Netscape <= 6 with tiny screens */

}

/*--------------------------------------------------------------------*/

/* ----- IDS -------------------------------------------------------- */

/*--------------------------------------------------------------------*/

#container {

text-align: left; /*hack for IE 5.x and quirks mode */

}


#container {

margin: 0px 0 0 0px;

text-align: left; /* hack for IE 5.x and quirks mode */

}

#container2 {

position:absolute;

z-index:10; 

padding: 35px 0 0 25px;

text-align: left; /* hack for IE 5.x and quirks mode */

width:95%;

}


#mainheader{ 

min-height:150px;

margin: 0 0 20px 0;

}

#header{

width:315px !important;

height:50px;

margin-bottom:30px;

}


#column1, #column2, #content1b, #content2b { 

width:800px; 

} 

#column1, #column2, #column3, #column4, #column5 { 

margin: 0 0 0 5px;

}




#column3, #content3b{

width:450px;

}

#column3{ 

float:left;

margin: 0 0 0 15px;

background-color:#ffffff;

}

#column4{ 

float:left;

margin: 0 0 0 15px;

width:450px;

}

#column5{ 

float:left;

margin: 0 0 0 15px;

width:450px;

}


#content1b, #content2b, #content3b, #content4b, #content5b{

float:left;

margin:5px 0 0 0; 

min-height:10px;

}

#content1b, #content2b{

width:800px;

}

#content3b{

width:450px;

}

#content4b{

width:450px;

}

#content5b{ 

width:450px;

}

#main{

clear:both; 

margin:0 0 0 0; 

width:1200px;

min-height:20px; /* height funktioniert nicht, weil main sonst nicht nach unten weiterwachsen kann.. f�r den IE 6 muss man jedoch height benutzen, da er min-height nicht kennt*/

}

#description{

float:left; 

margin:10px 0 0 0;

min-height:200px;

}


#description_right{

float:left; 

margin:10px 0 0 0;

min-height:200px;

}


#description_rand{

float:left; 

margin:10px 0 0 15px;

min-height:200px;

}


#description p{

width:605px;

}


#description a img:hover, .einkollektiv img:hover{

opacity:0.75;

} 

#pictures{

float:left; 

margin:10px 0 0 0; 

min-height:50px;

width:450px;

min-height:20px;

}

#footer { 

clear:both; /* Backup fuer IE-Clearing */ 

margin:10px 0 0 0;

padding:0 0 30px 0;

width:605px;

}

#nachoben{


width:250px;

margin: 50px 0 5px 0;

padding:5px 0 0 0;

}

#nachoben a{

border-top:4px solid #000000;
padding-top:5px;

}

/*--------------------------------------------------------------------*/

/* ----- UBERSCHRIFTEN----------------------------------------------- */

/*--------------------------------------------------------------------*/

#content2a h2, #content3a h2, #content4a h2, #content1a a, #content5a h2 {

    position: absolute;

    bottom: 0;

}


h1{

line-height:1;

font-size:17px;

text-transform:uppercase;

}

h2{

font-size:inherit;

font-weight: normal;

display:none;

}

h3{

/*font-size:9px;*/

margin-top:30px;

border-bottom:4px solid #000000;

color:#000000;

font-family:helvetica;

padding:0 !important;

display:inline-table;

margin-bottom:5px;

}


/*--------------------------------------------------------------------*/

/* ----- ABSAETZE --------------------------------------------------- */

/*--------------------------------------------------------------------*/

#description p, #description_rand p, p a, #nachoben a, .news-list-morelink a{

margin:5px 0 20px 0;

line-height: 1.5;

font-size:11px !important;

font-family:courier new !important;

text-transform:none;

width: 645px;


}


#footer p {

margin:5px 0 0 0;

font-size: 9px;

display:none;         

}




/*--------------------------------------------------------------------*/

/* ----- LINKS ------------------------------------------------------ */

/*--------------------------------------------------------------------*/

a{ 

color:#A4A4A4;

text-decoration:none;

text-transform:uppercase;

}

p a, #nachoben a, .news-list-morelink a, a.internal-link span{

color:#000000 !important;

background-color: transparent !important;

text-decoration: underline;

text-transform:none;


}

div.news-list-item p{
	min-height:50px;
}

a:active, a:focus, a:hover, .rgslideshownav .rgsbrowser .rgsact{ 

color:#000000 !important;

}

li a:hover, p a:hover, #nachoben a:hover, .news-list-morelink a:hover, .rgsbrowserEl:hover{ 

/*background-color:#ccffff;*/

/*background-color:#ffff00;*/

/*background-color:#ccffff;*/

}


/*#content1b li a:hover{

background-color:#ccffff;

}


#content2b li a:hover{

background-color:#99ffff;

}


#content3b li a:hover{

background-color:#66ffff;

}*/


.rgslideshownav .rgsbrowser .rgsact:hover { 

background-color:transparent !important;

}

a.einkollektiv {

background-color:transparent;

}


/*--------------------------------------------------------------------*/

/* ----- MAIN NAVIGATION--------------------------------------------- */

/*--------------------------------------------------------------------*/

ul{  

padding:0 0 7px 0;

text-transform:uppercase;

letter-spacing:0.2px;

list-style:none;

}

ul a {

display:block;

padding:4px 0 1px 0px;

}


ul.csc-bulletlist{  

padding:5px 0 20px 0;

text-transform:none;

letter-spacing:0.2px;

list-style:none;

font-family:courier new !important;

font-size:11px !important;

line-height:1.5;

}


li{

padding: 0;

/*border-bottom:1px dotted #000000;*/

}


#column1 li, #column2 li{
	/*display:inline-block;*/
}



ul.csc-bulletlist li{

border-bottom:none;

}


.tx_ablinklist_listView_links ul{  

padding:5px 0 0 0;

}


.imprint{

padding: 3px 0 3px 0;

border-bottom:none;

}

.imprint a{

color: #A4A4A4;

}




/*--------------------------------------------------------------------*/

/* ----- BILDER------------------------------------------------------ */

/*--------------------------------------------------------------------*/

img{

border:0;

}

/*--------------------------------------------------------------------*/

/* ----- FLOAT-CLEARING --------------------------------------------- */

/*--------------------------------------------------------------------*/


/* Clearfix-Methode zum Clearen der Float-Umgebungen */

.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}


/*--------------------------------------------------------------------*/

/* ----- KLASSEN ---------------------------------------------------- */

/*--------------------------------------------------------------------*/

.cur a{

text-decoration:none;   

color: #000000;

font-weight: bold;

}



.news-list-container {

width:1200px !important;

}


.news-list-item{

float:left!important;

}


.einkollektiv{

color: #000000;

}

.einkollektiv2{

color: #A4A4A4;

border-bottom:1px solid #000000;

padding:1px 0 3px 0;

}




/*--------------------------------------------------------------------*/

/* ----- TEXT MIT BILD ---------------------------------------------- */

/*--------------------------------------------------------------------*/



div.csc-textpic csc-textpic-intext-left{

float:left;

height:400px;

}


div.csc-textpic-intext-left-nowrap div.csc-textpic-text{

width:295px;

/*sonst stimmt abstand bild zu text nicht*/

margin-left:5px;

}

div.csc-textpic-left div.csc-textpic-text{

width:450px;

}


div.csc-textpic-imagewrap{

width:1000px !important;

}




/*--------------------------------------------------------------------*/

/* ----- RGSLIDESHOW ------------------------------------------------ */

/*--------------------------------------------------------------------*/


/*ZAHLENNAVIGATION*/

.rgslideshownav .rgsbrowserEl{

font-family:courier new !important;

font-size:11px !important;

padding:2px;

}


.rgslideshowce{

margin-bottom:5px !important;

}


/*--------------------------------------------------------------------*/

/* ----- MAILFORMULAR ----------------------------------------------- */

/*--------------------------------------------------------------------*/

.tx-pilmailform-pi1{

margin-top:10px;

}

.mail_surname, .mail_name, .mail_email, .mail_subject, .mail_message, .incorrect_mail {

vertical-align: top;

padding:3px 20px 3px 0px;

}

.pflicht {

margin:15px 0px 0px 0px;

}

input[type="text"], textarea{

background-color: #cc33ff;

border: none;

font: 9px Verdana, Arial, Helvetica, sans-serif;

padding:3px 3px 3px 3px;

width: 140px;

color:#ffffff;

}

textarea{

width: 295px;

}

.submit_button{

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;

}

input[type="submit"]{

font: 1em Verdana, Arial, Helvetica, sans-serif;

background-color: #ffffff;

color: #000000;

margin:0px 0px 0px 0px;

padding:0px;

text-decoration:underline;

font-weight:bold;

border:none;

}

input[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:hover{ 

text-decoration:line-through;

}

td{

padding-bottom:5px;

}

/*--------------------------------------------------------------------*/

/* ----- SITEMAP ---------------------------------------------------- */

/*--------------------------------------------------------------------*/

ul.list{

padding:0px;

}

ul.deep0{

margin-top:7px;

}


ul.deep1{

margin-top:7px;

margin-left:10px;

}

ul.deep2{

margin-top:7px;

margin-left:20px;

}

ul.deep3{

margin-top:7px;

margin-left:30px;

}

ul.deep4{

margin-top:7px;

margin-left:40px;

}

li.list a, li.item a{

padding-bottom:3px;

}

/*--------------------------------------------------------------------*/

/* ----- ABLINKLIST-------------------------------------------------- */

/*--------------------------------------------------------------------*/


.tx_ablinklist_listView_links {

margin: 5px 0 15px 0 !important;

}

li p.bodytext{

/*falls ich mal beschreibung verwende */

margin:0px !important;

display: inline !important;

}


div.tx_ablinklist_listView_links ul a{

font-family:courier new !important;

font-size:11px !important;

text-decoration:underline !important;

color:#000000;

display: inline;

padding: 4px 0 1px 0px;

}


div.tx_ablinklist_listView_links li{

border-bottom:none;

margin: 0 0 2px 0;

}


.linkende{

margin-right:2px;

}


/*NEUER SHIAT*/

ul.menu, ul.menu ul {

    list-style-type: none;
}



ul.menu a {

    display: block;

    padding: 4px 0 1px 0;

    font-weight:normal;
    
    border-bottom: 2px solid #000000;

}



ul.menu ul a {



}



ul.menu li {


    background-image: none;

    background-color: #FFFFFF;
    
    float:left;
    
    margin-right:15px;
   

}


/* aufklappliste*/
ul.menu ul {


    padding: 0 0 0 0;

    position: absolute;

    background-color: #ffffff;

    display:none;

    min-width:150px;
    
}



/* IE-Hack für die Breite */

*html ul.menu ul {

    width:180px;

}



/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */

/* über der Liste  befindet (.hover siehe JavaScript oben) */

ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {

    display:block;

}


/* aufklappliste*/
ul.menu ul li {

    float:none;
    margin:0px 10px 0px 10px;
    /*padding:5px 5px 5px 5px;*/
    background-color: transparent;
    
    padding: 0 0 0 0;
    
    /*border-bottom:1px dotted #000000;*/

}


ul.menu ul{
	padding:0 0 10px 0;
	/*opacity: 0.9;*/
}


ul.menu li {

}


ul.menu_main li{
	float:left;
	margin-right: 15px;
}

ul.menu_main a{
	/*display:inline;*/
        /*padding: 4px 3px 0;*/

        
        border-bottom:2px solid #000000;
display:block;
font-weight:normal;
padding:4px 0 1px;
}

ul.menu_main a:hover{
	font-weight:bold;
}

/*VERSION 1*/
li.li_main_1 .cur a, li.li_main_1 a:hover, span.li_sub_1 a{
        border-color:#ff66ff;
}

li.li_main_2 .cur a, li.li_main_2 a:hover, span.li_sub_2 a{
        border-color:#66ffff;

}

li.li_main_3 .cur a, li.li_main_3 a:hover, span.li_sub_3 a{
        border-color:#ffcc66;

}

li.li_main_4 .cur a, li.li_main_4 a:hover, span.li_sub_4 a{
        border-color:#66ff99;

}

/*VERSION 2*/
/*
li.li_main_1 a, span.li_sub_1 a{
        border-color:#ff66ff;
}

li.li_main_2 a, span.li_sub_2 a{
        border-color:#66ffff;

}

li.li_main_3 a, span.li_sub_3 a{
        border-color:#ffcc66;

}

li.li_main_4 a, span.li_sub_4 a{
        border-color:#66ff99;

}

*/

/*VERSION 3*/
/*
li.li_main_1 .cur a, li.li_main_1 a:hover{
	background-color:#ff66ff;
}

li.li_main_2 .cur a, li.li_main_2 a:hover{
	background-color:#66ffff;
}

li.li_main_3 .cur a, li.li_main_3 a:hover{
	background-color:#ffcc66;
}

li.li_main_4 .cur a, li.li_main_4 a:hover{
	background-color:#66ff99;
}
*/

li.hover a{
	color:#000000;
 	font-weight:bold !important;
}

li.ebene_2 a{
	border-bottom:1px solid #A4A4A4;;
	color:#A4A4A4;
 	font-weight:normal !important;
}



/* AKTIV-zustand hauptmenü */

ul.menu_main .cur a{
	font-weight: bold;
	color:#000000;
}


/* AKTIV-zustand untermenüs */

span.li_sub_1 a.cur, span.li_sub_2 a.cur {
	font-weight: bold;
	color:#000000;
}




/* crop für querformate bei tt_news list-ansicht */

div.crop{
	height: 446px;
	width: 316px;
	overflow: hidden;
}


div.news-list-item p {
	display:none;
}


div.news-list-browse{
	display:none;
}