﻿/*------------ HINTERGRUND DER SEITE UND SCHRIFTART-------------*/

html 
{
    background:#fff url("../images/1px_grauverlauf.jpg") 0 0 repeat-x;
}

body 
{
    margin:0 !important;
    padding:0 !important;
    border:0px solid #fff;
    font-family:Arial, Helvetica, Sans-Serif;
    background: url("../images/hintergrund_rechts_verlauf.jpg") 1043px 0 no-repeat;
}

#page
{
    width:1101px;
    margin:0;
    padding:0;
    font-size:1.0em;
}

a.mehr 
{
    background:transparent url("../images/icon_link.png") 0 3px no-repeat;
    padding-left:25px;
    line-height:25px;
    height:25px;
    display:block;
    width:120px;
}

/*--------KOPFBEREICH MIT LOGO UND BILD----------------------*/
#kopf_bilder
{
    width:1100px;
    height:248px;
    border:0px solid black;
}

#kopf_rechts_statisch 
{
    position:relative;
    float:left;
    width:57px; /*144px*/
    height:248px;
    background:url("../images/kopf_rechts_schmal.jpg") 0 0 no-repeat;
}

#wappen 
{
    position:relative;
    float:left;
    /*background:url("../images/schluesselbild.jpg") 0 0 no-repeat;*/
    top:10px;
    width:166px;
    height:120px;
    margin-left:-220px;
}

#navigation_top 
{
    top:15px;
    left:46px;
    position:absolute;
    float:left;
    z-index:1;
    width:300px;
}

#navigation_top ul 
{
    list-style:none;
    padding:0;
}

#navigation_top ul li 
{
    margin-bottom:23px;
}

#navigation_top ul li a 
{
    text-decoration:none;
    font-weight:bold;
    color:#fff;
}



/* ----------------HAUPTTEIL IN WELCHEM DIE SIDEBARS (LINKS,RECHTS) UND DER INHALT STEHT (CONTENT)--- */
#hauptteil
{
    width:1100px;
    min-height:400px;
    height:100%;
    border:0px solid black;
    float:none;
    clear:both;
    overflow:hidden;
    /*background:url("../images/seite_grauverlauf.jpg") 0 0 no-repeat;*/
}

#links
{
    width:200px;
    min-height:20px;
    float:left;
    padding:15px 0 0 35px;
    height:100%;
}

#mitte
{
    width:575px;
    height:100%;
    overflow:hidden;
    float:left;
    border-left:0px solid black;
    border-right:0px solid black;
    background:url("../images/mitte_grauverlauf.jpg") 0 0 no-repeat;
    padding:15px 15px 0 15px;
}

/*FÜR LAYOUT "SIMPLE"*/
#mitte_simple
{
    width:810px;
    height:100%;
    overflow:hidden;
    float:left;
    border-left:0px solid black;
    border-right:0px solid black;
    background:url("../images/mitte_grauverlauf_simple.jpg") 0 0 no-repeat;
    padding:15px 15px 0 15px;
}

#rechts
{
    width:200px;
    min-width:190px;
    float:left;
    margin:0 auto;
    padding-top:15px;
    overflow:hidden;
}

/* -------------MENUE LINKS--------------- */ 
 #menue_links
{
    width:200px;
    overflow:hidden;
    font-size:0.82em;
}

#menue_links .ul_1
{
    width:100%;
    list-style-type:none;
    margin:0;
    padding:0px 0 0 0px;
    background:transparent;
    border-bottom:0px dotted black;
}

#menue_links .ul_1 li
{
    margin:0px 0 2px 0;
    text-align:left;
}

/* ---------------- KLICKPFAD-------------*/
#klickpfad 
{
    border-bottom:1px dotted black;
    padding:3px 0px 10px 0px;
    font-size:0.7em;
    margin:5px 0;
    
}

#klickpfad a:link,
#klickpfad a:visited,
#klickpfad a:active
{
    color:black;
    text-decoration:none;
    
}

#klickpfad a:hover
{
    text-decoration:underline;
}

/*----------------INHALT--------------------------------------*/

    
#content
{
    width:100%;
    height:100%; 
    min-height:480px;
    font-size:0.85em;
    font-weight:normal;
    margin:0;
    padding:0;
}

/*FÜR LAYOUT "SIMPLE"*/
#content_simple
{
    width:100%;
    height:100%; 
    min-height:480px;
    font-size:0.85em;
    font-weight:normal;
    margin:0;
    padding:0;
}
/*FÜR "PRINT"*/
#content_print
{
    width:700px;
    height:100%; 
    min-height:400px;
    font-size:0.85em;
    font-weight:normal;
    padding: 10px 8px 10px 10px;
}   

#content h1, #content_simple h1
{
    font-size:1.3em;
    font-weight:bold;
    color:#d72603;
}

#content h2, #content_simple h2
{
    font-size:1.2em;
    font-weight:bold;
    color:#d72603;
}

#content h3, #content_simple h3
{
    font-size:1em;
    font-weight:bold;
    color:#d72603;
    margin-bottom:0px;
}
    
#content a:link,
#content a:active,
#content a:visited
{
    text-decoration:none;
}

#content a:hover
{
    text-decoration:underline;
}

#content table tr td {
    vertical-align:top;
}

/* -----------FUSSZEILE------------- */

#fuss
{
    width:592px;
    height:35px;
    font-size:0.6em;
    vertical-align:middle;
    text-align:center;
    padding:10px;
    color:#969696;
}

#fuss_links
{
    float:left;
    margin-top:20px;
}

#fuss_links ul 
{
    margin:0;
    padding:0;
}

#staticFooter li
{
    float:left;
    font-weight:bold;
    margin-right:25px;
}

#staticFooter li:first-child 
{
    list-style-type:none;
    padding-left:0;
}

#staticFooter li a 
{
    text-decoration:none;
    color:#969696;
}

#staticFooter li a:hover 
{
    text-decoration:underline;
}


/*------------------------------ SIDEBAR_RECHTS--------------------------*/
#sidebar_rechts
{
    max-width: 200px;
    float:left;
    overflow:hidden;
    padding:0;
    margin:0 10px 0 0;
}

/*Service-Leiste*/

#sidebar_service 
{
    width:199px;
    height:78px;
    background:transparent url("../images/service_rechts_bg.png") 0 0 no-repeat;
}
#sidebar_service input, #sidebar_service img
{
    margin-left:3px;
    margin-top:12px;
}
#service_daumen 
{
    width:40px;
    height:20px;
    float:left;
    display:inline;
}
#service_drucken
{
    width:40px;
    height:20px;
    float:left;
    display:inline;
}
#service_favoriten
{
    width:48px;
    height:20px;
    float:left;
    display:inline;
}
#service_schrift 
{
    width:71px;
    float:left;
    display:block;
    height:30px;
}
#service_schrift img
{
    cursor:pointer;
}
#service_schrift_kleiner
{
    width:23px;
    height:30px;
    float:left;
    display:inline;
    margin-top:6px;
}
#service_schrift_normal
{
    width:23px;
    height:30px;
    float:left;
    display:inline;
    margin-top:3px;
}
#service_schrift_groesser
{
    width:25px;
    height:30px;
    float:left;
    display:inline;
}

#sidebar_suche 
{
    width:199px;
    display:block;
    float:left;
    margin-top:10px;
}

.SidebarWrapper
{
    margin:0;
    padding:0;
    list-style:none;
}
.SidebarItem 
{
    padding-top:5px;
}

.SidebarHead
{
    padding:0.1em 0.2em 0.1em 0.2em;
    background:#c0c0c0;
    font-weight:bold;
    color:#d72603;
}
.SidebarHead a:link,.SidebarHead a:visited,.SidebarHead a:active,.SidebarHead a:hover,.SidebarHead span
{
    font-size:0.9em;
    text-decoration:none;
}
.SidebarContent
{
    padding:0.1em 0.2em 0.7em 0.2em;    
    font-size:0.8em;
    background-color: #fff;
}

.SidebarContent a:link,.SidebarContent a:visited,.SidebarContent a:active
{
    background:url('../images/yellow_pointer.jpg') no-repeat;
    padding:1px 0 0 13px;
    height:16px;
    width:30px;
    color:#7f7e8e;
    text-decoration:underline;
}
.SidebarContent a:hover
{
    color:Black;
}
/*------------------------------ STATIC_MENU----------------------------*/
#static_menu
{
    width:165px;
    margin:1.5em 0em 1em 0;
    border-top:1px dotted #225d9f;
    border-bottom:1px dotted #225d9f;
    padding:0.5em 0 0.5em 0;
    
}
#static_menu ul
{
    list-style-image:url('../images/yellow_pointer.jpg');
    list-style-position:outside;
    margin:0;
    padding-left:1.1em;

}

#static_menu a:link,#static_menu a:visited
{
    font-size:0.8em;
    color:#0c59a7;
    text-decoration:none;
}
#static_menu a:hover
{
    text-decoration:underline;
}

#startseite_kalender 
{
    width:200px;
    height:235px;
    background:transparent url("../images/startseite_kalender_bg.gif") 0 0 no-repeat;
}


/* Panel mit dem Kalender-Control und den Suchfeldern*/
.pnCal
{
	width:200px;
	display:block;
	padding:0 0 5px 0;
	margin: 0 0 0 0px;
	font-size:0.8em;
}
.pnResult
{
	display:block;
}
.pnNoResult
{
	margin-top:10px;
}
.tbDatumVon
{
	width:75px;
	font-size:0.9em !important;
}
.tbDatumBis
{
	width:75px;
	font-size:0.9em !important;
}
.tbSearch
{
	width:75px;
	font-size:0.9em !important;
}
.lbVon
{
	padding:4px 0 0 4px;
	width:70px;
	float:left;
}
.lbBis
{
	padding:4px 0 0 4px;
	width:70px;
	float:left;
}
.lbSearch
{
	padding:4px 0 0 4px;
	width:70px;
	float:left;
}
.lbKategorie
{
	padding:4px 0 0 4px;
}
.ddlKategorie
{
	margin	:2px 0 0 4px;
	width:150px;
}
.lbsearch
{
	margin-top:5px;
	width:154px;
}
.bSearch
{
	font-size:0.9em !important;
	float:right;
}
.cal_block
{
	display:table;
	float:none;
	clear:both;
}
/* Kalendercontrol 
!!!  Achtung: wegen Bug vom Kalender-Control in ASP.NET 2.0 bitte
!!!  bei jefer css-Eigenschaft !important hinzufügen)
folgende css-Klassen wurden zugewiesen: 
.cal
.calDayHeader     - Style der Tagesüberschrift (Mo, Di etc.)
.calDay           - Style der Tage, die zum Monat gehören
.calNextPrev      - Style des Symbols für den Monatswechsler
.calOtherMonthDay - Style der Tage, die nicht zum angezeigten Monat gehören
.calSelectedDay   - Style des/der ausgewählten Tage
.calSelector      - Style des Symbols der Wochen- oder Monatsauswahl
.calTitle         - Style des Kaelndertitels (hier der Monat)
.calToday         - Style des aktuellen Tages (wenn nicht selektiert)
.calWeekend       - Style der Wochenendtage
*/
.cal a:active, .cal a:link, .cal a:visited
{
	text-decoration:none;
}
.cal a:hover
{
	text-decoration:underline;
}
.calTitle 
{
    font-weight:bold;
    margin-top:7px;
}
.calDayHeader 
{
    background-color:#d2281c;
    color:#fff;
}
.calDay 
{
    color:#000 !important;
}
.calDay a, .calOtherMonthDay a, .calWeekend a, .calToday a
{
    color:#000 !important;
}
.cal
{
	margin:0 0 5px 0;
	border:none !important;
	width:100%;
}

.calSelectedDay  
{
	background:#FF8000 !important ;
}
.calSelectedDay  a
{
	color:#FFF !important;
}
.calToday  
{
	background:#d3d3d3 !important ;
	border:1px solid #d2281c;
	color:#fff;
}
/* Suchergebnisse */
.calHeader
{
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration:underline;
	color: #FF8000;
}
.vera_list_header
{
	margin:12px 0 5px 0;
}

/* Detailseiten */
#cal_Header,#cal_Desc,#cal_Link, #cal_Veranstaltungsuhrzeit,#cal_Need,
#cal_Cost, #cal_Veranstaltungsdatum, #cal_Veranstaltungsart, #cal_CONTACT,
#cal_Veranstalter, #cal_Veranstaltungsort
{
    display:block;
  float:none;
  clear:both;
  text-align:left;
  margin: 0 0 10px 0;

}
.cal_titel
{
  float:left;
  font-weight:bold;
  width: 120px;
  text-align:left;
}
.cal_text
{
  float:left;
  padding: 0 0 0 10px;
  width: 520px;

}

.cal_heading
{
  float:left;
  padding: 0 0 0 10px;
  width: 420px;
  font-weight:bold;

}

#cal_Back 
{
    display:block;
    text-align:right;
    float:left;
    padding-top:10px;
}


a.linkVeranstaltungen 
{
    background:transparent url("../images/icon_link.png") 0 3px no-repeat;
    margin:2px 0 0 10px;
    padding-left:25px;
    line-height:22px;
    height:22px;
    display:block;
    color:#d2281c;
    font-size:0.75em;
}


  
