/*	----------------------------------------------------------------------------------------------------------------------------------------	*/
/*		Lions Club HANNOVER AEGIDIUS
/*		Version: 1.0
/*		Author: Thomas Christes, broska & brüggemann werbeagentur, Hannover
/*	----------------------------------------------------------------------------------------------------------------------------------------	*/


/*	----------------------------------------------------------------------------------------------------------	*/
/*	                                           Colors
/*	----------------------------------------------------------------------------------------------------------	*/
/*


/*	----------------------------------------------------------------------------------------------------------	*/
/*	                                           Resets  
/*	----------------------------------------------------------------------------------------------------------	*/

html, body, div, span, applet, object, iframe, input, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, select,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, button
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}

html {height: 101%;}

em {font-style:italic;}

:focus {outline: 0;}

ul, ol {list-style: none;}

table 
{
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after 
{
	content: "";
}

blockquote, q {quotes: "" "";}

.clear
{
	font-size:0;
	clear:both;
}

.cleardiv
{
	font-size:0;
	clear:both;
	height:0;
}

strong {font-weight:bold;}
em strong {font-weight:bold;font-style:italic;}
strong em {font-weight:bold;font-style:italic;}

/*	----------------------------------------------------------------------------------------------------------	*/
/*	                                           Generic Styles  
/*	----------------------------------------------------------------------------------------------------------	*/

body
{
	position:relative;
	background:#ffffff;
	color:#3e65a8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#startseite #hauptband
{
	position:relative;
	top:267px;
	width:100%;
	height:30px;
	background:#093c75;
}

#startseite #wrapper
{
	position:relative;
	top:40px;
	width:944px;
	height:600px;
	margin:0 auto;
	background:#ffffff;
}

#startseite #wrapper #band
{
	position:relative;
	top:182px;
	width:100%;
	height:30px;
	background:#28549b;
}

#startseite #wrapper #band .umklapp_links
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:21px;
	height:45px;
	background:url(img/startseite/band_umklapp_links.jpg);
}

#startseite #wrapper #band .umklapp_rechts
{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:21px;
	height:45px;
	background:url(img/startseite/band_umklapp_rechts.jpg);
}

#startseite #branding h1 a
{
	display:block;
	position:absolute;
	top:-30px;
	left:345px;
	width:253px;
	height:527px;
	background:url(img/startseite/wimpel.png);
	text-indent:-5000em;
}

#startseite #branding .trailer1
{
	position:absolute;
	top:76px;
	left:50px;
	width:250px;
	text-indent:-5000em;
}

#startseite #branding .trailer1 h2 a
{
	display:block;
	width:233px;
	height:217px;
	background:url(img/startseite/aegidiushaus.png);
}

#startseite #branding .trailer1 p
{
	position:relative;
	top:16px;
	left:4px;
	text-indent:0;
	font-size:75%;
	margin:0 0 14px 0;
	line-height:140%;
}

#startseite #branding .trailer2 h2 a
{
	display:block;
	position:absolute;
	top:110px;
	left:664px;
	width:176px;
	height:221px;
	text-indent:-5000em;
	background:url(img/startseite/laufbutton_2010.png) no-repeat;
}

#wrapper
{
	position:relative;
	top:251px;
	width:883px;
	min-height:515px;
	margin:0 auto;
	background:#ffffff;
}

#wrapper h1.branding
{
	position:absolute;
	top:-211px;
	left:-102px;
	width:985px;
	height:201px;
	background:url(img/arbeitsseite/banner.jpg);
	text-indent:-5000em;
}

#wrapper p.datum
{
	position:absolute;
	top:-234px;
	left:53px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:68.8%;
	font-weight:normal;
}

#wrapper a.laufbutton
{
	display:block;
	position:absolute;
	right:-40px;
	top:-246px;
	width:204px;
	height:188px;
	background:url(img/arbeitsseite/laufbutton.png);
	text-indent:-5000em;
}

#wrapper #navi_wrapper
{
	position:absolute;
	top:0;
	left:0;
	width:883px;
	height:30px;
	background:#3268ab;
}

#wrapper .band_umklapp
{
	position:absolute;
	right:0;
	top:0;
	width:21px;
	height:45px;
	background:url(img/arbeitsseite/band_umklapp.jpg);
}

#arbeitsseite_band_gelb_links
{
	position:absolute;
	left:0;
	top:40px;
	width:50%;
	height:201px;
	background:#ffcf15;
}

#arbeitsseite_band_oben
{
	position:absolute;
	left:50%;
	top:266px;
	width:50%;
	height:30px;
	background:#004d86;
}

#arbeitsseite_footer
{
	position:relative;
	top:251px;
	width:883px;
	height:30px;
	background:#3268ab;
	margin:0 auto;
	border-bottom:60px solid white;
}

#arbeitsseite_band_unten
{
	position:absolute;
	left:50%;
	bottom:-206px;
	width:50%;
	height:30px;
	background:#004d86;
}

#arbeitsseite_footer #wimpel
{
	position:absolute;
	left:730px;
	top:-60px;
	width:94px;
	height:139px;
	background:url(img/arbeitsseite/wimpel.jpg);
}

#arbeitsseite_footer .band_umklapp
{
	position:absolute;
	right:0;
	top:0;
	width:21px;
	height:45px;
	background:url(img/arbeitsseite/band_umklapp.jpg);
}

#wrapper #verlauf_links
{
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:470px;
	background:url(img/arbeitsseite/verlauf_ou.jpg);
}

#wrapper #verlauf_rechts
{
	position:absolute;
	right:0;
	bottom:0;
	width:1px;
	height:470px;
	background:url(img/arbeitsseite/verlauf_uo.jpg);
}

#wrapper #content
{
	padding:70px 0 50px 53px;
	width:600px;
}

#wrapper #content h2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:81.25%;
	margin-bottom:12px;
	font-weight:bold;
}

#wrapper #content a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#3e65a8;
}

#wrapper #content a:hover
{
	color:#004d86;
}

#wrapper #content p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	margin-bottom:12px;
	line-height:130%;
}

#wrapper #content ul
{
	list-style-type:disc;
	margin:0 0 14px 0;
}

#wrapper #content ul li
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	margin:0 0 0 18px;
	list-style:disc;
	list-style-position:outside;	
	line-height:130%;
}

#wrapper #aegidiushaus
{
	position:absolute;
	right:18px;
	top:60px;
	width:170px;
	height:300px;
	background:url(img/arbeitsseite/aegidiushaus.jpg) no-repeat;
}

#wrapper #aegidiushaus h4
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:68.8%;
	font-weight:bold;
	padding:170px 0 0 20px;
	margin-bottom:12px;
}

#wrapper #aegidiushaus p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:68.8%;
	font-weight:normal;
	padding:0 0 0 20px;
}

#navi
{
	position:relative;
	left:35px;
	top:0;
	width:883px;
	height:30px;
	z-index:100;
	line-height:30px;
}

#navi li
{
	float:left;
	position:relative;
}

#navi li.home a { width:74px; }
#navi li.lcaegidius a { width:114px; }
#navi li.aegidiushaus a { width:114px; }
#navi li.lions a { width:90px; }
#navi li.presse a { width:94px; }
#navi li.impressum a { width:104px;}

#navi li ul
{
	display:none;
}

#navi li a
{
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	font-size:75%;
	text-align:center;
	background:#3268ab;
	height:30px;
}

#navi li:hover a, #navi li span.aktiv a
{
	color:#fcc600;
}

#navi li:hover ul
{
	display:block;
	position:absolute;
	top:22px;
	padding:10px;
	background:#3268ab;
}

#navi li.lcaegidius:hover ul {	left:11px;}
#navi li.presse:hover ul {left:16px;}

#navi li:hover ul li a
{
	float:none;
	text-align:left;
	color:#ffffff;
}

#navi li.lcaegidius:hover ul li a { width:114px;}
#navi li.presse:hover ul li a { width:104px;}

#navi li:hover ul li:hover a
{
	text-decoration:none;
	color:#fcc600;
}

#navi li:hover ul li ul.nach_rechts, #navi li:hover ul li ul.nach_links
{
	display:none;
}

#navi li:hover ul li:hover ul.nach_rechts
{
	display:block;
	position:absolute;
	left:150px;
	top:-10px;
	z-index:200;
	padding:0;
	margin:0;
	padding:10px 30px 10px 30px;
}

#navi li:hover ul li:hover ul.nach_links
{
	display:block;
	position:absolute;
	left:-166px;
	top:-10px;
	z-index:200;
	width:123px;
	padding:0;
	margin:0;
	padding:10px 30px 10px 30px;
}

#navi li:hover ul li:hover ul.nach_rechts li a
{
	margin:0;
	padding:0;
	text-decoration:none;
	padding:0 0 0 20px;
}

#navi li:hover ul li:hover ul.nach_links li a
{
	margin:0;
	padding:0;
	text-decoration:none;
	padding:0 0 0 20px;
}

#navi li:hover ul li:hover ul.nach_rechts li:hover a, #navi li:hover ul li:hover ul.nach_links li:hover a
{
	text-decoration:underline;
}

#cms
{
	padding:70px 0 50px 53px;
	width:600px;
}

#cms h1
{
	font-weight:normal;
	font-size:125%;
	margin:0 0 26px 0;
	color:#004d86;
}

#cms h2
{
	font-weight:normal;
	font-size:125%;
	margin:0 0 26px 0;
	color:#004d86;
}

#cms h3
{
	font-weight:normal;
	font-size:93.75%;
	margin-bottom:2px;
	color:#004d86;
	font-weight:bold;
}

#cms p
{
	font-weight:normal;
	font-size:75%;
	margin:0 0 12px 0;
	color:#28549b;
}

#cms p a
{
	color:#28549b;
	text-decoration:underline;
}

#cms label
{
	display:block;
	font-size:75%;
	font-weight:bold;
	margin-bottom:2px;
}

#cms label.checkbox
{
	position:relative;
	left:8px;
	top:-1px;
	font-size:75%;
	font-weight:normal;
	margin-bottom:2px;
	float:left;
}

#cms ul.radiobuttonliste li
{
	margin-bottom:-10px;
}

#cms ul.radiobuttonliste label
{
	position:relative;
	left:20px;
	top:-17px;
	font-size:75%;
	font-weight:normal;
}

#cms input.textfeld
{
	width:220px;
	background:#ffffff;
	border:1px solid #cdcdcd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	padding:2px;
	margin-bottom:12px;
}

#cms input.checkbox
{
	float:left;
}

#cms .button
{
	padding:6px 9px 6px 9px;
	background:#888888;
	border:none;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:bold;
	margin:18px 0 30px 0;
	clear:both;
}

#cms .button:hover
{
	cursor:pointer;
	background:#666666;
}

#cms .fehlerhinweis
{
	font-weight:bold;
	font-size:75%;
	margin:0 0 12px 0;
}

#cms .hinweis
{
	font-weight:normal;
	font-size:75%;
	margin:0 0 12px 0;
}

#cms a.pfeillink
{
	padding:0 0 0 12px;
	background:url(cms/pfeil.gif) no-repeat 0 5px;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	color:#1a171b;
	font-size:75%;
	margin-bottom:2px;
	line-height:130%;
}

#cms a:hover.pfeillink
{
	text-decoration:underline;
}

#cms ul.entry
{
	margin:0 0 12px 0;
}

#cms ul.entry li
{
	position:relative;
	float:left;
}

#cms ul.entry li a
{
	float:left;
	font-size:75%;
	color:#1a171b;
	text-decoration:none;
	margin-right:16px;
}

#cms ul.entry li a:hover
{
	text-decoration:underline;
}

#cms ul.entry li span
{
	position:absolute;
	right:6px;
	top:0px;
	font-size:75%;
}

#cms #cmshilfe
{
	width:600px;
	padding:12px 12px 0 12px;
	border:1px solid #bcbcbc;
	font-weight:normal;
	margin-bottom:18px;	
	color:#333333;
	margin-top:60px;
	line-height:120%;
	font-size:91.667%;
}

#cms .cms_zeile {height:28px;}
#cms .cms_zeilentext
{
	padding-top:1px;
	margin-left:6px;
	float:left;
	font-size:75%;
}

#cms .cms_symbol
{
	float:left;
	width:16px;
	height:16px;
	margin-right:6px;
}

#cms span.edit {background:url(cms/edit.jpg);}
#cms a.edit {background:url(cms/edit.jpg) 0 -16px;}
#cms a:hover.edit {background:url(cms/edit.jpg) 0 -32px;}

#cms span.delete{background:url(cms/delete.jpg);}
#cms a.delete {background:url(cms/delete.jpg) 0 -16px;}
#cms a:hover.delete {background:url(cms/delete.jpg) 0 -32px;}

#cms span.up {background:url(cms/up.jpg);}
#cms a.up {background:url(cms/up.jpg) 0 -16px;}
#cms a:hover.up {background:url(cms/up.jpg) 0 -32px;}

#cms span.down{background:url(cms/down.jpg);}
#cms a.down {background:url(cms/down.jpg) 0 -16px;}
#cms a:hover.down {background:url(cms/down.jpg) 0 -32px;}

#cms span.left{background:url(cms/left.jpg);}
#cms a.left {background:url(cms/left.jpg) 0 -16px;}
#cms a:hover.left {background:url(cms/left.jpg) 0 -32px;}

#cms span.right{background:url(cms/right.jpg);}
#cms a.right {background:url(cms/right.jpg) 0 -16px;}
#cms a:hover.right {background:url(cms/right.jpg) 0 -32px;}

#cms span.lupe {background:url(cms/lupe.gif);}
#cms a.lupe {background:url(cms/lupe.gif) 0 -16px;}
#cms a:hover.lupe {background:url(cms/lupe.gif) 0 -32px;}

#cms a.aktiv{background:url(cms/aktiv.jpg);}
#cms a:hover.aktiv {background:url(cms/aktiv.jpg) 0 -16px;}

#cms a.inaktiv {background:url(cms/inaktiv.jpg)}
#cms a:hover.inaktiv {background:url(cms/inaktiv.jpg) 0 -16px;}

#cms a.artikel {background:url(cms/artikel.jpg)}
#cms a:hover.artikel {background:url(cms/artikel.jpg) 0 -16px;}

#cms a.add {background:url(cms/add.jpg)}
#cms a:hover.add {background:url(cms/add.jpg) 0 -16px;}

#cms a.camera {background:url(cms/camera.jpg)}
#cms a:hover.camera {background:url(cms/camera.jpg) 0 -16px;}

#cms a.bild_aktivieren {background:url(cms/bild_aktivieren.jpg)}
#cms a:hover.bild_aktivieren {background:url(cms/bild_aktivieren.jpg) 0 -16px;}

#cms a.bild_deaktivieren {background:url(cms/bild_deaktivieren.jpg)}
#cms a:hover.bild_deaktivieren {background:url(cms/bild_deaktivieren.jpg) 0 -16px;}

#cms a.archivieren {background:url(cms/archivieren.jpg)}
#cms a:hover.archivieren {background:url(cms/archivieren.jpg) 0 -16px;}

#cms a.dearchivieren {background:url(cms/dearchivieren.jpg)}
#cms a:hover.dearchivieren {background:url(cms/dearchivieren.jpg) 0 -16px;}

#cms a.pdf {background:url(cms/pdf.jpg)}
#cms a:hover.pdf {background:url(cms/pdf.jpg) 0 -16px;}

#cms a.pdf_delete {background:url(cms/pdf_delete.jpg)}
#cms a:hover.pdf_delete {background:url(cms/pdf_delete.jpg) 0 -16px;}

#cms .bildoptionen li label
{
	font-weight:normal;
	display:inline;
	position:relative;
	top:-2px;
	left:6px;
}

#cms .artikel h2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:81.25%;
	margin-bottom:12px;
	font-weight:bold;
}

#cms .artikel ul
{
	color:#2f3031;
	list-style-type:disc;
	margin:0 0 12px 0;
}

#cms .artikel li
{
	list-style:disc;
	list-style-position:outside;
	font-size:75%;
	margin-left:28px;
	line-height:140%;
	color:#28549b;
}

#cms .artikel a
{
	color:#28549b;
	text-decoration:underline;
}

#cms .artikel a:hover
{
	color:#004d86;
	text-decoration:underline;
}

#cms .artikel .bild_links, #content .bild_links
{
	float:left;
	margin:0 14px 10px 0;
	position:relative;
	top:4px;
}

#cms .artikel .bild_rechts, #content .bild_rechts
{
	float:right;
	margin:0 0 10px 14px;
	position:relative;
	top:4px;	
}

#cms .artikel .breitbild, #content .breitbild
{
	width:600px;
	margin:0 0 10px 0;
}

#cms .bildposition li label
{
	font-weight:normal;
	display:inline;
	position:relative;
	top:-2px;
	left:6px;
}

.cms_select_galerieauswahl
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	border:1px solid #cdcdcd;
	font-size:75%;
	margin:6px 0 0 0;
}

.quadrat
{
	position:relative;
	top:2px;
	width:12px;
	height:12px;
	background:#28549b;
	margin:0 8px 0 0;
	float:left;
}

.quadrat_gelb
{
	position:relative;
	top:2px;
	width:12px;
	height:12px;
	background:#fcc600;
	margin:0 8px 0 0;
	float:left;
}

#cms .artikel p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	margin-bottom:12px;
	line-height:130%;
}

.galerie
{
	margin:0 0 30px 0;
	height:100%;
}

.galeriebild
{
	position:relative;
	float:left;
	margin:0 1px 1px 0;
	width:192px;
	height:128px;
	border:3px solid #b8c7de;
	background:#b8c7de;
}

.galeriebild img
{
	position:absolute;
}

a.pdfbutton
{
	position:relative;
	display:block;
	width:24px;
	height:24px;
    background:url(cms/pdf_button.png) no-repeat;
    text-decoration:none !important;
    color:#666666;
	margin:10px 0 28px 0;
}

a:hover.pdfbutton
{
    background:url(cms/pdf_button.png) no-repeat 0 -24px;
	text-decoration:underline !important;
}

a.pdfbutton span
{
 	position:absolute;
	left:34px;
	top:4px;
    font-size:68.8%;
    color:#666666;
	white-space:nowrap;
	font-style:italic;
	text-decoration:none !important;
}

a:hover.pdfbutton span
{
	text-decoration:underline !important;
}

#pressearchiv
{
	margin:20px 0 0 0;
}

#pressearchiv h3
{
	font-size:75%;
	font-weight:bold;
}

#pressearchiv .zwischenraum1 {height:20px;}
#pressearchiv .zwischenraum2 {height:8px;}

#wrapper #content #pressearchiv ul
{
	list-style:none;
}

#wrapper #content #pressearchiv li
{
	list-style:none;
	margin:6px 0 0 34px;
}

#wrapper #content #pressearchiv li a
{
	text-decoration:none;
}

#wrapper #content #pressearchiv li a:hover
{
	text-decoration:underline;
}

#wrapper #content #pressearchiv h3 a
{
	text-decoration:none;
	font-weight:bold;
}

#wrapper #content #pressearchiv h3 a:hover
{
	text-decoration:underline;
	font-weight:bold;
}

p.archiviert
{
	font-style:italic;
	position:relative;
	top:-4px;
}