/*
_ _ _ _ _ _ _ _ _ _ _ _

züschen/zueschen.de
2005-07-19
_ _ _ _ _ _ _ _ _ _ _ _

*/

html, body { 
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-family: Arial, Helvetica, Verdana;
	font-size: 10pt;
	background-color: #BDCEE7;
}
img {
	border: 0px;
}

a {
/*	color: #C9242B;*/
	color: black;
	text-decoration: underline;

}
/*
_________________________________________

Aufbau der seite
_________________________________________
*/

#zentrierung {
	position: absolute;

	height: 577px;
	width: 900px;

	margin: -288px 0 0 -450px;

	top: 50%;
	left: 50%;
	
	text-align: left;
	padding: 0px;
	overflow: hidden;
	
	background-color: #D8E8FF;
}
	
#oben {
	height: 96px;
	background-color: #859BCD;
	background-image: url(/fileadmin/img/oben.gif);
}

#ecke {
	position:absolute;
	width:159px;
	height:26px;
	left:741px;
	top:0px;
	overflow:hidden;
}

#oben_navi {
	height: 17px;
	background-color: #FFFFFF;
	border: 1px solid black;
}

#links_navi {
	width: 170px;
	height: 420px;
	background-color: #9CD642;
	padding: 10px 0px 10px 10px;
	float: left;
	overflow: auto;
	scrollbar-track-color: #9CD642;
	scrollbar-face-color: #9CD642;
	scrollbar-arrow-color:#000000;
	scrollbar-base-color:#000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #9CD642;
	scrollbar-darkshadow-color: #9CD642;

}

#unten {	
	position: relative;
	left: 0px;
	height: 22px;
	width: 900px;
	margin: auto;
	background-color: #9CD642;
}

/*
_________________________________________

Buttons (Sprachwahl)
_________________________________________
*/

#buttons {	
	padding: 5px;
}

#buttons img {	
	padding: 2px;
}


/*
_________________________________________

Navigation (Inhalt)
_________________________________________
*/

.navigationspunkt {
	height: 17px;
	float: left;
	border-right: 1px solid black;
	padding: 0px 13px 0px 13px;
}
.navigationspunktaktiv {
	height: 17px;
	float: left;
	border-right: 1px solid black;
	padding: 0px 13px 0px 13px;
	background-color: #9CD642;
}
.navigationspunkt:hover {
	background-color: #9CD642;
}
a.navigation {
	color: black;
	text-decoration: none;
}
a.navigationspunktlinks {
	width: 150px;
	padding-left: 10px;
	background-image: url(/fileadmin/img/navigationspunkt.gif);
	background-repeat: no-repeat;
	display: block;
}
a.navigationspunktlinks:hover {
	background-image: url(/fileadmin/img/navigationspunktover.gif);
}
a.navigationspunktlinksaktiv {
	width: 150px;
	padding-left: 10px;
	background-image: url(/fileadmin/img/navigationspunktover.gif);
	background-repeat: no-repeat;
	display: block;
}
a.navigationsunterpunktlinks {
	width: 140px;
	padding-left: 10px;
	background-image: url(/fileadmin/img/navigationspunktunter.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	display: block;
}
a.navigationsunterpunktlinks:hover {
	background-image: url(/fileadmin/img/navigationspunktover.gif);
}
a.navigationsunterpunktlinksaktiv {
	width: 140px;
	padding-left: 10px;
	background-image: url(/fileadmin/img/navigationspunktover.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	display: block;
}


a.navigationsunterunterpunktlinks {
	width: 140px;
	padding-left: 10px;
	background-image: url(/fileadmin/img/navigationspunktunter.gif);
	background-repeat: no-repeat;
	margin-left: 20px;
	display: block;
}
a.navigationsunterunterpunktlinks:hover {
	background-image: url(/fileadmin/img/navigationspunktover.gif);
}
a.navigationsunterunterpunktlinksaktiv {
	width: 140px;
	padding-left: 10px;
	background-image: url(/fileadmin/img/navigationspunktover.gif);
	background-repeat: no-repeat;
	margin-left: 20px;
	display: block;
}


a.klein {
	font-size:0.85em;
}

#banner {
	margin-left:10px;
	margin-top:14px;
}


/*
_________________________________________

clearing !
_________________________________________
*/

.clearen {
	clear: left;
}
	
/*
_________________________________________

Content
_________________________________________
*/

#contentbereich {
	padding: 50px 50px 0px 50px;
	overflow: auto;
	width: 620px;
	height: 391px;
	background-color: #D8E8FF;
/*	float: left;*/


/*added by BG*/
	position:absolute;
	top:115px;
	left:180px;

/* Den Scrollbar im Contentbereich formatieren*/
	scrollbar-track-color:#D8E8FF;
	scrollbar-face-color:#BDCEE7;
	scrollbar-arrow-color:#000000;
	scrollbar-base-color:#000000; 	
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #DCE5EF;
	scrollbar-darkshadow-color: #DCE5EF;
}

#contentbereich iframe{
	margin: -50px -50px 0px -50px;
	height:430px;	
	width:720px;
	background-color:#D8E8FF;
}

.iframe{
	width:100%;
	background-color:#D8E8FF;
}

#contentbereich a {
	color: #C9242B;
	text-decoration:none;
        height:430px;
        min-height:430px;
}


/*

.textcontent {
	padding: 10px; 
}
_________________________________________

Überschriften
_________________________________________
*/

h1 {
	color: #C9242B;
	font-size: 22pt;
	font-weight: normal;
	letter-spacing: -1pt;
	margin-top: 0px;
	margin-bottom: 8px;
}

/*
_________________________________________

Untere Navigation, Trennungsstriche
_________________________________________
*/

.trenner {
	margin-right: 5px;
}

a.navirechtsunten {
	margin-right: 5px;
}

/*
_________________________________________

Inhalt des Containers unten
_________________________________________
*/

#newsticker {
	padding: 3px;
	padding-left: 5px;
	float: left;
	width: 320px;
	height: 22px;
	overflow: hidden;
display:none;
}
#newstickercontent {
	float:left;
	padding: 0 5px 0 5px;
	width:270px;
	height: 22px;
	overflow: hidden;
}
.tickerborder {    
	float:left;
	width:20px;
	height: 22px;	
}



#unten_navigation {
	padding: 3px;
	float: right;
}


/**********************************
            Styles für die Erweiterung "jede Menge Höhepunkte" (jmhp_)
**********************************/
.jmhp_drumherum {
	position:absolute;
	top:0px;
	left:0px;
	width: 720px;
	height: 441px;
	overflow:hidden;

}

.jmhp_left {
	height:328px;
	width:390px;
	overflow:hidden;
}

.jmhp_right {
	position:absolute;
	left:400px;
	top:0px;
	height:346px;
	width:318px;
	overflow:auto;
	padding-top:5px;
}
.jmhp_rightfooter {	
	position:absolute;
	left:400px;
	bottom:0px;
	height:80px;
	width:300px;
}
.jmhp_header {
}
.jmhp_text {	
	margin-bottom:5px;
}
.jmhp_tippheader {	
	margin:10px 0px -3px 0px;
}
.jmhp_tipptext {	
	background-color:#F0696E;
	width:300px;

}


/*********************************************************
          Styles für das Template Karten & Broschüren
*********************************************************/

.kabr_drumherum {	
	width:600px;	
	margin: 0px 0px 0px 0px;
} 

.kabr_bilderlinks{
	float:left;
}
.kabr_right{		
	padding:0px 0px 0px 20px;
	float:left;
}
.kabr_text{		
	margin:0px 0px 0px 0px;
}
.kabr_blockelement{
	clear:left;
	margin: 0px 0px 0px 0px;
}
.kabr_header {
	color:#cc0000;
	margin:0px 0px 10px 0px;
}




/*********************************************************
          Styles für das Template Wege
*********************************************************/

.wege_drumherum {	
	width:600px;	
	margin: 50px 0px 0px 0px;		
} 
.wege_oben{	
}
.wege_obenlinks{
	width:470px;
	float:left;
}
.wege_obenrechts{		
	width:130px;
	color: #C9242B;
	float:right;
}
.wege_haupt{	
	clear:both;
}

.wege_hauptbild{
	margin: 15px 0px 10px 10px;
	float:right;
}


/*********************************************************
          Styles für das Template Übersicht
*********************************************************/
.ueb_drumherum {	
	width:600px;	
	margin: 50px 0px 0px 0px;		
} 
.ueb_table {
	margin-top:5px;
}
.ueb_headertr {
}
.ueb_zeile {
}
.ueb_th1 {
	width:60px
}
.ueb_th2 {
	width:350px
}
.ueb_th3 {
}
.ueb_th4 {
}

.ueb_td {
	vertical-align: top;
}
.ueb_headertext{
	margin:0px 0px 0px 0px;
}



/*********************************************************
          Styles für das Kontaktformular
*********************************************************/

.kontakt_aussen {
	margin:50px 50px 10px 50px; 
	width:400px;
}

.kontakt_input {
	border: 1px solid #939598;
	background-color : #9CD642;
                color : black;
                font-size : 0.9em;
                color : black;
}


input {
	border: 1px solid #939598;
	background-color : #9CD642;
                color : black;
                font-size : 0.9em;
                color : black;
}
textarea {
	border: 1px solid #939598;
	background-color : #9CD642;
                font-size : 0.9em;
                color : black;
}


/*********************************************************
          Styles für den Image Swapper
*********************************************************/

.tx-imgswopper4x4-pi1 img {
                border: 1px solid #859BCD;
                margin-bottom: 2px;
}

/*********************************************************
          Styles 2005-07-28
*********************************************************/

.rot {
	color: red;
}
.schwarz {
	color: black;
}