/* 
   personalize.css
	 Steuerung verschiedener Layouts ausschliesslich ueber body-Klassen
	 und nachfolgenden IDs  fuer die Design-Elemente, die verandert werden.
   Zum Erstellen der Auswahlmenüs werden die Wertepaare in json Notation
   als Kommentar erstellt.
   wird als Klasse "standard" eingetragen ist das der Designstandard
   une es wird kein Klassenname in den body eingetragen
   Bsp:
   json: {"GRUPPE": {"klasse1": "menuetext1", "klasse2": "menuetext2"}}
   Hierbei bezeichnet:
   GRUPPE: zugehöriges Auswahlmenü
   klasse[.]: Name der entsprechendne Klasse als value des Menues
   menuetext[.]: zugehoeriger Text im Auswahlmenue
   besteht der Menuetext aus mehreren Werten, kann die json Array-Notation
   verwendet werden
	 Bsp:
	 json: {"GRUPPE": {"klasse": ["text1","text2","text3","text4","text5"]}
	 keine Sonderzeichen !!!!!!
*/

/* Standardwerte fuer BG, Head-Grafik und Groesse des Heads */

/* json: {"STD_BODYBGIMG":  {"standard": "strand_bg.jpg"}} */
/* json: {"STD_HEADBGIMG":  {"standard": "strand.jpg"}} */
/* json: {"STD_HEADWIDTH":  {"standard": "1000"}} */
/* json: {"STD_HEAD1SIZE": {"standard": "40"}} */
/* json: {"STD_HEAD2SIZE": {"standard": "26"}} */
/* json: {"STD_BGSIZE": {"standard": "cover"}} */


/* json:{"BREITE": {"dk_w800": "800px", 
										"dk_w900": "900px",
										"standard": "1000px"
}} */

body.dk_w800 #ibk_master_container {
	width: 800px;
}

body.dk_w900 #ibk_master_container {
	width: 900px;
}


/* json: {"HEADCOLOR": {"dk_hc000": "schwarz", 
										 		"dk_hc666": "dunkelgrau", 
										 		"standard": "weiss",
										 		"dk_hc5599D6": "blau",
										 		"dk_hcD89218": "orange",
										 		"dk_hc66CC33": "gruen"
}} */


body.dk_hc000 #ibk_headtext1, body.dk_hc000 #ibk_headtext2 {
	color: #000000;
}

body.dk_hc666 #ibk_headtext1, body.dk_hc666 #ibk_headtext2 {
	color: #666666;
}

body.dk_hcFFF #ibk_headtext1, body.dk_hcFFF #ibk_headtext2 {
	color: #FFFFFF;
}

body.dk_hc5599D6 #ibk_headtext1, body.dk_hc5599D6 #ibk_headtext2 {
	color: #5599D6;
}

body.dk_hcD89218 #ibk_headtext1, body.dk_hcD89218 #ibk_headtext2 {
	color: #D89218;
}

body.dk_hcD66CC33 #ibk_headtext1, body.dk_hcD66CC33 #ibk_headtext2 {
	color: #66CC33;
}



/* json: {"HEADFONT":  {"dk_hfArial": 		"Arial, Helvetica, sans-serif", 
										 		"dk_hfTimes":   "Times New Roman, Times, serif",
										 		"dk_hfCourier": "Courier New, Courier, monospace", 
										 		"dk_hfTrebuchet":  "Trebuchet MS, sans-serif",
										 		"dk_hfComic":   "Comic Sans MS, cursive",
										 		"standard":		"Lucida Sans Unicode, sans-serif"
}} */


body.dk_hfTimes #ibk_headtext1, body.dk_hfTimes #ibk_headtext2 {
	font-family: 'Times New Roman', Times, serif;
}

body.dk_hfCourier #ibk_headtext1, body.dk_hfCourier #ibk_headtext2 {
	font-family: 'Courier New', Courier, monospace;
}

body.dk_hfComic #ibk_headtext1, body.dk_hfComic #ibk_headtext2 {
	font-family: 'Comic Sans MS', cursive;
}

body.dk_hfArial #ibk_headtext1, body.dk_hfArial #ibk_headtext2 {
	font-family: Arial, Helvetica, sans-serif;
}

body.dk_hfTrebuchet #ibk_headtext1, body.dk_Arial #ibk_headtext2 {
	font-family: 'Trebuchet MS', sans-serif;
}


/* json: {"COLORWORLD": {"standard": ["blau","#135F7F","#5599D6"],
												 "dk_fw2": ["orange","#D89218","#F7E4C3"],
												 "dk_fw3": ["gruen","#66CC33","#D3F9C0"]
												 
}} */

body.dk_fw2 #ibk_main_container {
	background-image: url('./D89218_25.png');
}

body.dk_fw2 #ibk_content_container {
	background-color: #F7E4C3;
}

body.dk_fw2 h1, body.dk_fw2 h2, body.dk_fw2 h3  {
	color: #D89218;
	border-bottom: 1px dashed #D89218;
}

body.dk_fw2 a {
	color: #D89218;
}

body.dk_fw2 #ibk_navi_box ul.ibk_nav_ul a {
 color: #003333;
}

body.dk_fw2 #ibk_navi_box ul.ibk_nav_ul,
body.dk_fw2 #ibk_navi_box ul.ibk_nav_ul ul {
	background-color: #F7E4C3;
	background-image: linear-gradient(bottom, #D89218 22%, #F7E4C3 61%);
	background-image: -o-linear-gradient(bottom, #D89218 22%, #F7E4C3 61%);
	background-image: -moz-linear-gradient(bottom, #D89218 22%, #F7E4C3 61%);
	background-image: -webkit-linear-gradient(bottom, #D89218 22%, #F7E4C3 61%);
	background-image: -ms-linear-gradient(bottom, #D89218 22%, #F7E4C3 61%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.22, #D89218),
		color-stop(0.61, #F7E4C3)
	);
}


body.dk_fw2 #ibk_navi_box ul.ibk_nav_ul a:hover,
body.dk_fw2 #ibk_navi_box ul.ibk_nav_ul .ibk_nav_aktiv,
body.dk_fw2 #ibk_navi_box ul.ibk_nav_ul .ibk_li_open > a
{
 color: #FFFFFF;
}


body.dk_fw3 #ibk_main_container {
	background-image: url('./66CC33_25.png');
}

body.dk_fw3 #ibk_content_container {
	background-color: #D3F9C0;
}

body.dk_fw3 h1, body.dk_fw3 h2, body.dk_fw3 h3  {
	color: #66CC33;
	border-bottom: 1px dashed #66CC33;
}

body.dk_fw3 a {
	color: #66CC33;
}

body.dk_fw3 #ibk_navi_box ul.ibk_nav_ul a {
 color: #003333;
}

body.dk_fw3 #ibk_navi_box ul.ibk_nav_ul,
body.dk_fw3 #ibk_navi_box ul.ibk_nav_ul ul {
	background-color: #D3F9C0;
	background-image: linear-gradient(bottom, #66CC33 22%, #D3F9C0 61%);
	background-image: -o-linear-gradient(bottom, #66CC33 22%, #D3F9C0 61%);
	background-image: -moz-linear-gradient(bottom, #66CC33 22%, #D3F9C0 61%);
	background-image: -webkit-linear-gradient(bottom, #66CC33 22%, #D3F9C0 61%);
	background-image: -ms-linear-gradient(bottom, #66CC33 22%, #D3F9C0 61%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.22, #66CC33),
		color-stop(0.61, #D3F9C0)
	);
}


body.dk_fw3 #ibk_navi_box ul.ibk_nav_ul a:hover,
body.dk_fw3 #ibk_navi_box ul.ibk_nav_ul .ibk_nav_aktiv,
body.dk_fw3 #ibk_navi_box ul.ibk_nav_ul .ibk_li_open > a
{
 color: #FFFFFF;
}