/*	------------------------------------------------------------------------------------------------------------------------------	*/
/*		Hannoversch-Britische Gesellschaft e.V.
/*		Version: 2.0
/*		Author: Thomas Christes
/*	-----------------------------------------------------------------------------------------------------------------------------	*/


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

html, body, div, span, applet, object, input, iframe, 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,
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: inherit;
	font-style: inherit;
	font-size:100%;
	font-family: inherit;
	vertical-align: baseline;
}

em {font-style:italic;}

:focus {outline: 0;}

body
{
	line-height: 1.4;
}

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;
}

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

body
{
	background:#e4e4e4 url(img/hg_portal.png) repeat-x;
	font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
}

#branding
{
	position:relative;
	display:block;
	width:980px;
	height:83px;
	background:url(img/wappen.jpg) center no-repeat;
	margin:40px auto 120px auto;
}

#branding span
{
	font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	display:block;
	width:980px;
	position:absolute;
	top:100px;
	font-size:220%;
	color:#000000;
	text-align:center;
}

#wrapper
{
	width:980px;
	margin:0 auto;
}

#navi
{
	float:left;
	position:relative;
	top:8px;
	width:200px;
	border-top:1px dotted #cdcdcd;
}

#navi li a
{
	display:block;
	width:200px;
	height:30px;
	line-height:30px;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	border-bottom:1px dotted #cdcdcd;
	letter-spacing:1px;
}

#navi li a:hover
{
	color:#000000;
}

#main
{
	float:left;
	width:750px;
	min-height:320px;
	margin-left:30px;
}

#main p
{
	color:#444444;
	font-size:100%;
	margin:0 0 12px 0;
}

#main p img.links
{
	position:relative;
	top:4px;
	float:left;
	margin:0 12px 8px 0;
	border:1px solid #cdcdcd;
}

#main p img.rechts
{
	position:relative;
	top:4px;
	float:right;
	margin:0 12px 8px 0;
	border:1px solid #cdcdcd;
}

#footer
{
	color:#222222;
	position:relative;
	width:980px;
	margin:40px auto 0 auto;
	border-top:1px solid #888888;
	padding-bottom:40px;
}

#footer p.copyright
{
	font-size:75%;
	position:absolute;
	left:60px;
	top:6px;
}

#footer p.datenschutz
{
	font-size:75%;
	position:absolute;
	right:4px;
	top:6px;
}

#footer p a
{
	color:#222222;
	text-decoration:none;
}

#footer p a:hover
{
	text-decoration:underline;
}

#footer #sprachauswahl
{
	position:absolute;
	left:8px;
	top:9px;
	width:29px;
	height:11px;
}

#footer #sprachauswahl li .flagge_deutsch_aktiv
{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:16px;
	height:11px;
	background:url(img/flagge_d.jpg) 0 -11px no-repeat;
	text-indent:-50000em;
}

#footer #sprachauswahl li a.flagge_englisch
{
	position:absolute;
	left:23px;
	top:0;
	display:block;
	width:16px;
	height:11px;
	background:url(img/flagge_uk.jpg) 0 0 no-repeat;
	text-indent:-50000em;
	overflow:hidden;
}

#footer #sprachauswahl li a:hover.flagge_englisch
{
	background:url(img/flagge_uk.jpg) 0 -11px no-repeat;
}

#footer #sprachauswahl li .flagge_englisch
{
	position:absolute;
	left:23px;
	top:0;
	display:block;
	width:16px;
	height:11px;
	background:url(img/flagge_uk.jpg) 0 0 no-repeat;
	text-indent:-50000em;
	overflow:hidden;
}

#footer #sprachauswahl li .flagge_englisch_aktiv
{
	position:absolute;
	left:23px;
	top:0;
	display:block;
	width:16px;
	height:11px;
	background:url(img/flagge_uk.jpg) 0 -11px no-repeat;
	text-indent:-50000em;
}

#footer #sprachauswahl li a.flagge_deutsch
{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:16px;
	height:11px;
	background:url(img/flagge_d.jpg) 0 0 no-repeat;
	text-indent:-50000em;
	overflow:hidden;
}

#footer #sprachauswahl li a:hover.flagge_deutsch
{
	background:url(img/flagge_d.jpg) 0 -11px no-repeat;
}

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

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

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

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

#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:Georgia, "Times New Roman", Times, 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:Georgia, "Times New Roman", Times, 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 36px 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:#000000;
	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.gif);}
#cms a.edit {background:url(cms/edit.gif) 0 -16px;}
#cms a:hover.edit {background:url(cms/edit.gif) 0 -32px;}

#cms span.delete{background:url(cms/delete.gif);}
#cms a.delete {background:url(cms/delete.gif) 0 -16px;}
#cms a:hover.delete {background:url(cms/delete.gif) 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.gif)}
#cms a:hover.artikel {background:url(cms/artikel.gif) 0 -16px;}

#cms a.add {background:url(cms/add.gif)}
#cms a:hover.add {background:url(cms/add.gif) 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.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, #main .artikel
{
	margin-bottom:20px;
}

#cms .artikel p, #main .artikel p
{
	font-weight:normal;
	font-size:100%;
	margin:0 0 12px 0;
	color:#444444;
}

#cms .artikel h2, #main .artikel h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:112.5%;
	margin:0 0 6px 0;
	color:#444444;
}

#cms .artikel h3, #main .artikel h3
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:100%;
	margin:-4px 0 6px 0;
	color:#444444;
}

#cms .artikel ul, #main .artikel ul
{
	color:#444444;
	list-style-type:disc;
	margin:0 0 12px 0;
}

#cms .artikel li, #main .artikel li
{
	list-style:disc;
	list-style-position:outside;
	margin-left:28px;
	line-height:140%;
	color:#444444;
}

#cms .artikel a, #main .artikel a
{
	color:#444444;
	text-decoration:underline;
}

#cms .artikel a:hover, #main .artikel a:hover
{
	color:#000000;
	text-decoration:underline;
}

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

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

#cms .artikel .breitbild, #main .breitbild
{
	width:740px;
	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:Georgia, "Times New Roman", Times, serif;
	color:#333333;
	border:1px solid #cdcdcd;
	font-size:75%;
	margin:6px 0 0 0;
}

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;
}

a.druckansicht
{
	position:relative;
	display:block;
	width:48px;
	height:48px;
    background:url(img/icon_drucker.jpg) no-repeat;
    text-decoration:none !important;
    color:#666666;
	margin:10px 0 30px 0;
}

a:hover.druckansicht
{
    background:url(img/icon_drucker.jpg) no-repeat 0 -48px;
	text-decoration:underline !important;
}

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

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

#main .artikel.va
{
	margin-bottom:30px;
}

#main .artikel.einzel_va
{
	margin-top:30px;
}

#kontaktformular
{
	margin:40px 0 40px 0;
}

#kontaktformular li
{
	margin:0 0 10px 0;
}

#kontaktformular label
{
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:75%;
	font-weight:bold;
	width:110px;
	text-align:right;
	margin-right:16px;
	position:relative;
	top:2px;
	color:#444444;
}	

#kontaktformular .textfeld
{
	width:500px;
	background:#ffffff;
	border:1px solid #bcbcbc;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:2px;	
}

#kontaktformular textarea
{
	width:492px;
	height:200px;
	background:#ffffff;
	border:1px solid #bcbcbc;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:6px;	
	line-height:140%;
}

#kontaktformular .button
{
	position:relative;
	left:126px;
	padding:6px;
	background:#ababab;
	border:none;
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:75%;
	font-weight:bold;
}

#kontaktformular .button:hover
{
	cursor:pointer;
	background:#9a9a9a;
}