/***** Chansookchoi.net CSS BASIC			 *****/
/***** copyright(a)2008 		  			 *****/

@import "gal/css/jd.gallery.css";
@import "gal/css/jd.gallery_white.css";
@import "gal/lytebox_mod/lytebox.css";


* { margin:0; padding:0; }

html, body  { 
	min-height : 100%; 
	height : auto !important ; 
	height : 100%; 
	} 

body, #FormBody, input { font-size:11px; font-family: "Trebuchet MS", Verdana, sans-serif; color:#5c5c5c; line-heght:18px; letter-spacing:0.03em; }

a img { border: none; }
a { text-decoration: none; }
a:link, a:visited { color:#555; }
a:hover { color:#970000; }


body, #header, #mainWrapper, #mainSidebar, #mainContent, #mainAktu1, #mainAktu2 {
	margin : 0 !important ;
	padding : 0 !important ;
	} 

ul, li { list-style:none; }

p { line-height:18px; }
	

/*** Main DIV Containers Basic  ***/
#header, #mainWrapper, .mainSidebar, .mainContent, .mainAktu1, .mainAktu2 { border:0px solid #000; }		/** for outline **/

#header { position:relative; height:50px; }  /** for TOP **/

p.footer { text-align:left; margin-top:50px; font-size:9px; line-height:12px; }


#mainWrapper  {
	margin:0 auto;
	}
.mainSidebar {								/** for MENU **/
	width : 165px;
	position:absolute;
	top:0;
	left:50px;
	} 
.mainContent {
	width : 750px;
	position:absolute;
	top:0px;
	left:220px;
	}
.mainAktu1 {
	width : 600px;
	position:absolute;
	top:0px;
	left:220px;
	}
.mainAktu2 {
	width : 160px;
	position:absolute;
	top:0px;
	left:840px;
	}
	
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

#clear_float { clear:both; }


/*** AKTUELLE RIGHT SIDEMENU ***/
.mainAktu2 ul { background:#eaeee3; padding:18px 5px 130px 18px; }
.mainAktu2 ul li { margin: 0 0 15px 0; }

/*** AUSSTELLUNG RIGHT SIDEMENU ***/
.mainAktu2 ul.ausRight { background:#eaeee3; padding:10px 5px 20px 10px; }
.mainAktu2 ul.ausRight li { margin: 0 0 10px 0; }
	

/*** SIDEBAR ***/

.mainSidebar ul li { margin-bottom:25px; padding:0; }
.mainSidebar ul li.sub ul { margin-bottom:20px; }
.mainSidebar ul li.sub ul li { margin-bottom:10px; margin-left:15px; }
.mainSidebar ul a, .mainSidebar ul p 
	{ font: 1.2em;  text-transform:uppercase; letter-spacing:1px;  }
	
	/*** MENU LOCATION ***/
	#on_aktu a.on_aktu:link, #on_aktu a.on_aktu:hover, #on_aktu a.on_aktu:visited,
	#on_biog a.on_biog:link, #on_biog a.on_biog:hover, #on_biog a.on_biog:visited,
	#on_proj a.on_proj:link, #on_proj a.on_proj:hover, #on_proj a.on_proj:visited,
	#on_auss a.on_auss:link, #on_auss a.on_auss:hover, #on_auss a.on_auss:visited,
	#on_kont a.on_kont:link, #on_kont a.on_kont:hover, #on_kont a.on_kont:visited,
	
	#on_aktu01 li a.on_aktu, #on_aktu01 .on_aktu01,
	#on_aktu02 li a.on_aktu, #on_aktu02 .on_aktu02,
	#on_aktu03 li a.on_aktu, #on_aktu03 .on_aktu03,
	#on_aktu04 li a.on_aktu, #on_aktu04 .on_aktu04,
	#on_aktu05 li a.on_aktu, #on_aktu05 .on_aktu05,
	#on_aktu06 li a.on_aktu, #on_aktu06 .on_aktu06,
	#on_aktu07 li a.on_aktu, #on_aktu07 .on_aktu07,
	
	#on_arti .on_arti, #on_arti p.on_links,
	#on_kuns .on_kuns, #on_kuns p.on_links,
	#on_fest .on_fest, #on_fest p.on_links,
	
	#on_kata .on_kata, #on_kata li a.on_bibl,
	#on_text .on_text, #on_text li a.on_bibl,
	#on_vide .on_vide, #on_vide li a.on_bibl,
	
	#on_bide .on_bide, #on_bide li a.on_biog,
	#on_bien .on_bien, #on_bien li a.on_biog,
	#on_biko .on_biko, #on_biko li a.on_biog,
	
	#aus01 li a.on_auss, #aus01 .aus01,
	#aus02 li a.on_auss, #aus02 .aus02,
	#aus03 li a.on_auss, #aus03 .aus03,
	#aus04 li a.on_auss, #aus04 .aus04,
	#aus05 li a.on_auss, #aus05 .aus05,
	#aus06 li a.on_auss, #aus06 .aus06,
	#aus07 li a.on_auss, #aus07 .aus07,
	#aus08 li a.on_auss, #aus08 .aus08,
	#aus09 li a.on_auss, #aus09 .aus09,
	#aus10 li a.on_auss, #aus10 .aus10,
	#aus11 li a.on_auss, #aus11 .aus11,
	#aus12 li a.on_auss, #aus12 .aus12,
	#aus13 li a.on_auss, #aus13 .aus13,
	#aus14 li a.on_auss, #aus14 .aus14,
	#aus15 li a.on_auss, #aus15 .aus15,
	#aus16 li a.on_auss, #aus16 .aus16,
	#aus17 li a.on_auss, #aus17 .aus17,
	#aus18 li a.on_auss, #aus18 .aus18,
	#aus19 li a.on_auss, #aus19 .aus19,
	#aus20 li a.on_auss, #aus20 .aus20
	
		{ color:#970000; }
	
	/*** MENU SUB ***/
	select.menu_sub { width:100px; border:1px solid #555; }
	
	

/*** Font ***/
.f_small { color:#939393; font-size:10px; margin-bottom:3px; }
.f_small2 { color:#939393; font-size:10px; line-height:12px; }
a.small_url:link, a.small_url:hover, a.small_url:visited { color:#333; target:_blank; }



/*** Projekte Gallery ***/

#ProjGalleryWrapper 
	{ top:0; left:0; margin:0; padding:0; width:680px; background:#000; }

#ProjGalleryInfoBox 
	{ width:255px; height:335px; position:absolute; top:10px; left:475px; color:#fff; }
	
	#ProjGalleryInfoBox h1
	{ text-align:right; font-size:17px; font-weight:bold; letter-spacing:1px; font-variant: small-caps; }

	#ProjGalleryInfoBox .s_title
	{ font-size:10px; text-align:right; font-style:italic; color:#8c8c8c; line-height:13px; }

#ProjGalleryInfo
	{ width:100%; height:75%; bottom:0px; position:absolute; overflow-y:visibility;  }
	
	#ProjGalleryInfo p { line-height:15px; }
	
	.scroll_text { text-align:right; word-spacing:10px; }
	
	
#projBoxThumbWrapper { width:330px; height:70px; float:left; }
#projBoxThumbWrapper p { margin-left:60px; }
#projBoxThumb { width:50px; height:50px; border:1px solid #999999; overflow:hidden; float:left; }
#projBoxThumb a img { opacity:1; }
#projBoxThumb a:hover img { border:1px solid #000; opacity:0.8; }




/*** Ausstellung Gallery ***/
	
#AusGalleryTitle { margin-bottom:15px; }

	#AusGalleryTitle h1
	{ text-align:left; font-size:17px; font-weight:bold; letter-spacing:1px; font-variant: small-caps; }

	#AusGalleryTitle .s_title
	{ font-size:10px; text-align:left; font-style:italic; color:#8c8c8c; line-height:13px; }

#AusGalleryInfo { margin:20px 0 20px 0; width:600px; position:relative; }
	
	#AusGalleryInfo p { line-height:15px; }
	#AusGalleryInfo p a { color:#000; text-decoration: underline; }
	#AusGalleryInfo p a:hover { color:#970000; text-decoration: underline; }
		
#AusBoxThumbWrapper { width:330px; height:70px; float:left; }
#AusBoxThumbWrapper p { margin-left:60px; }
#AusBoxThumb { width:50px; height:50px; border:1px solid #999999; overflow:hidden; float:left; }
#AusBoxThumb a img { opacity:1; }
#AusBoxThumb a:hover img { border:1px solid #000; opacity:0.8; }


	
/*** BIOGRAPHIE ***/
.bio_list { width:550px; }
.bio_list, .bio_list2 { margin-bottom:10px; }
.bio_list li, .bio_list2 li { margin-bottom:5px; }
.bio_list li span { margin-left:40px; }
.bio_list li span.toleft { margin-left:14px; }
.bio_list li span.noyear { margin-left:67px; }
.bio_list li span.seit { margin-left:20px; }
.bio_list li span.seit2 { margin-left:67px; }

.bio_list2 li span { margin-left:20px; }
.bio_list2 li span.noyear2 { margin-left:46px; }

.wichtig { padding:5px 0 5px 0; font-weight:bold; font-size:1.1em; }
.wichtig_nomarg { padding:0 0 5px 0; font-weight:bold; font-size:1.1em; }



/*** KONTAKT ***/
form { margin:0; border:0; }
fieldset { border:0; margin-top:20px; }
.tit_kon { font-variant:small-caps; font-weight:bold; font-size:15px; letter-spacing:2px; margin-bottom:10px; }
fieldset p { margin-bottom:10px; }
fieldset input { border: 1px solid #aaaaaa; height:18px; }
#FormName, #FormEmail { width:200px; margin-left:20px; }
#FormSubject { width:200px; margin-left:37px; }
#FormBody { width:400px; height:200px; overflow:auto; border: 1px solid #aaaaaa; }
#FormBtn { margin-top: 20px; height:20px; width:50px; float:left; }