/*
	Hier wird das Layout geregelt
	
		Standardschrift 12px = 75 %;
	
		10px = 0.833em;
		11px = 0.917em;
		12px = 1em;
		14px = 1.167em;
		16px = 1.334em; 
*/

/* --------------------------------------------------------------HTML ELEMENTE*/
*{
	margin:0;
	padding:0;
}
/* =hr*/
hr{
	border: 0;
	height: 1px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
/* =h1 */
h1{
	position:absolute;
	text-indent:-999999px;
	background-image:url(/assets/webseite/kuenstlerhausbremenlogo.gif);
	width:304px;
	height:26px;
	right:0;
	top:0;
}
/* =h1 + =hr*/
h1 + hr{
	margin-top:20px;
}

h3,h4{
	margin:10px 0 1em 0;
	font-weight:lighter !important;
	
}
a{
	outline:none;
}

/* -------------------------------------------------------------Div Styles*/
#branding{
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}

#content{
	/*setzte den bg auf die men� farbe damit alles gleich hoch bleibt */
	
	margin-top:26px;
	margin-left:16px;
}
#content_left{
	
	position:absolute;
    top:26px;
    left:16px; 
   
	min-width:150px;
	max-width:210px;
	height:100%;
	background-image:url(/assets/webseite/dreieck.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:40px;
	z-index:1;
	
}

#content_right{
	margin-left: 150px; /*Breite des Bg Bilders */
	margin-top:26px;
	border-top:15px solid  #0099BF;
	z-index:1;
	position:relative;
}

	#content_right_sub{
		position:relative;
		margin-top:40px;
		margin-left:auto;
		margin-right:auto;
		/*width:56.644em;*/
		width:680px;
		min-width:680px;
		/*border:1px solid red;*/
		z-index:1;
		overflow:hidden;
	}




/* ----------------------------------------------------------------Navigation */
ul#nav{
	margin-top:15px;
	list-style:none;
	
}


ul#nav ul{
	list-style:none;
}
span.navi_binde{
	margin-right:.5em;
	margin-left:.5em;
}

/* ----------------------------------------------------------------------Navigation */
ul#nav a{
	background-color:transparent;
	color:#fff;
	display:block;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
ul#nav a.current{
	width:0;
	background-color:#00D1E1;
}
ul#nav li.section{
	width:0;
	background-color:#00B3D4;
}
ul#nav li ul li a.section{
	background-color:#00D1E1;
}
ul#nav ul li {
	font-size:0.8em;
	text-indent:20px;
	
	padding:0;
}

/* ----------------------------------------------------------------------Galerie */
ul#galerie_submenu li{
	
	
}
ul#galerie_submenu li a:link,ul#galerie_submenu li a:visited{
	background-color:#0099BF;
	color:#FFFFFF;
	
} 
ul#galerie_submenu li a:hover{
	background-color:#00D1E1;
}

ul#galerie_submenu li  a.kuenstler_menu_link_active:link,
ul#galerie_submenu li  a.kuenstler_menu_link_active:visited{
	background-color:#00D1E1 !important;
}
ul#galerie_submenu li a.kuenstler_menu_link_active:hover{
	background-color:#0099BF !important;
}

ul.galerie_press_s li a:link,ul.galerie_press_s li a:visited{
	background-color:#0099BF;
	color:#FFFFFF;
}


/* galeire bilder sonderklasse*/
span#pv{
	clear:left;
	display:block;
	
}
ul.p_t_left4{
	
	width:400px;
	float:left;
	
}
ul.p_t_left4 li{
	
}
ul.p_t_right4{
	text-align:right;
	width:280px;
	float:right;
	list-style:none;
}
ul.p_t_right4 li{
	margin-bottom:35px;
}
/*-----------------------------------------------------------------HTML Area */

h3 + p,hr + h2{
	margin-top:10px;
	margin-bottom:10px;
}

p + p{
	margin-top:10px;
}
/* ----------------------------------------------------------------Galerie */
ul#galerie_submenu {
	position:absolute;
	top:0;
	right:1em;
	z-index:1;
}
ul#galerie_submenu li{
	float:left;
	margin-right:20px;
	
}
ul#galerie_submenu li a:link,ul#galerie_submenu li a:visited{
	display:block;
	padding:3px;
	
} 



div#newsblock_left,div.newsblock_left,div#block_2cl{
	display:block;
	width:58%;
	font-size:1em;
	float:left;
}
div#newsblock_right,div.newsblock_right,div#block_2cr{
	float:right;
	display:block;
	min-width:260px;
	max-width:42%;
	margin-bottom:40px;
	text-align:right;
}

div.block_l_r{
	
}
span.block_left{
	display:block;
	width:58%;
	font-size:1em;
	float:left;
}
span.block_right{
	display:block;
	margin-left:63%;
	min-width:260px;
	margin-bottom:40px;
	text-align:right;
}
ul.galerie_press_s{
	margin-left:50%;
	
}

ul.galerie_press_s li{
	margin-top:-1.3em;
	float:left;
	width:auto;
	margin-right:20px;
	margin-bottom:5px;
}
ul.galerie_press_s li a:link,ul.galerie_press_s li a:visited{
	display:block;
	
	padding:0.417em;
	
} 

ul.galerie_ps li{
	margin-bottom:5px;
}

ol#publikation li p{
	display:inline;
	margin-left:10px;
}

ul.picture_parallel {
	list-style:none;
	width:auto;
	margin:0 auto;
}
ul.picture_parallel li {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

ul.editionen1 li{
	margin-top:5px;
}
/*-----------------------------------------------------------------------K�nstler */

/**
 * vcard bei Ausstellungen der Künstler
 */
div#kuAus{
	margin:1em 0 0 0;
}

ul.kuenstler_main{
	list-style:none;
}

ul.kuenstler_main li{
	float:left;
	margin:0 2em .5em 0;
}
dl.kuenstler_projekte{
	float: left;
	width: auto;
	margin: 5px;
	text-align: center;
}

dl.kuenstler_projekte dt{
	height: 130px;
	min-width: 150px;
	overflow: none;
	/* brave Browser zentrieren so */
	display: table-cell;
	vertical-align:middle;
}

dl.kuenstler_projekte dt img{
	vertical-align:middle;
}

dl.kuenstler_projekte dd{
	font-weight: bold;
	margin-top:5px;
}
ul#kuenster_project_ucat{
	float:right;
	margin-top:2.5em;
	
}
div#kuenstler_project_mitte{
	float:right;
	width:11em;
	overflow:visible;
	
}
div#kuenstler_project_mitte h3{
	white-space:nowrap;
	
}

div#kuenstler_project_mitte ol{
	margin-top:0.5em;
}

div#kuenstler_project_mitte ol li{
	margin-bottom:0.5em;
	
}

div#kuenstler_project_mitte ol li a:link,
div#kuenstler_project_mitte ol li a:visited{
	
	width:30px;
	display:block;
	text-indent:-9999px;
	width:30px;
	height:14px;
	position:relative;
}




#kuenstler_project_links{
	
	width:auto;
	
	
}
#kuenstler_project_links dt{
	padding-top:2.5em;
}
dl.kuenstler_bio_data{
	
	margin-top:20px;
	margin-bottom:20px;
}
dl.kuenstler_bio_data dt{
	width:20%;
	line-height:1.4em;
}
dl.kuenstler_bio_data dd{
	margin-top:-1.4em;
	
	margin-left:20%;
}
a.portrait{
	position:relative;
	display:block;
	text-align:right;
	
}

/*
 * künstler neu
 */
#kProj{
	position:relative;
}
div#kProj_left{
	width:50%;
	min-width:355px;
	
	float:left;
}
div#kProj_middle{
	float:right;
	width:25%;
	

}
div#kProj_right{
	margin:0 30% 0 55%;
	overflow:visible;
	white-space:nowrap 
	
}


/* impressum -----------------------------------------------------------------------*/
/**
	sorgt daf�r dass die dd in die erste reihe rutsch zum dl
*/
dd.fl{
	margin-top:-1.334em;
	margin-left:150px;
}
/* ----------------------------------------------------------------------All.Klassen */
dl.bio_data{
	
	margin-top:20px;
	margin-bottom:20px;
}
dl.bio_data dt{
	width:20%;
	line-height:1.4em;
}
dl.bio_data dd{
	margin-top:-1.4em;
	
	margin-left:20%;
}



.mtop10{
	margin-top:10px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
 }

.clearfix { display: inline-block; }
/* Vor IE/Mac verstecken \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* Ende des Verstecks */



.clear{
	clear:both;
}

.hidden,.kontakt_hidden{
	display:none;
}
ul.editionenPic{list-style:none}ul.editionenPic li{float:right;margin:0 0 10px 10px;}
ul.editionenPic a{
	border:none;
}
ul.nostyle{
	list-style:none;
}
ul.nostyle_floatleft{
	list-style:none;
}
ul.nostyle_floatleft li{
	float:left;
	margin-right:5px;
}
.mr15{
	margin-right:2em !important;
}
.bilderRechts{
	margin-right:50px;
}
ul p{
	margin-top:10px;
}
.skip{
	position: absolute;

    top: -1000em;

    left: -1000em;

    height: 1px;

    width: 1px;
}
/*----------------------------------------------Kontkat -------------------------------*/

#kontakt_tables h2{
	margin-bottom:10px;
	margin-top:10px;
	
}
span.postal-code{
	

	
}
span.locality{
	margin-left:-18px;
}


/*
	Die Farben vom CSS
	
	
	Blau 1 -- Menue normal , Balken unter Logo , submenus im contentright	  -- #0099BF
	Blau 2 -- h2 + Link unterlegt || kein Link 			  -- #B4F0F0
	Blau 3 -- Schriftfarbe bei h2 # kein Link             -- #008FB5            
	Blau 4 -- Submenu content right Aktiv & hover         -- #00D1E1	
	Blau 5 -- Navigation bei einem Link ohne Submenu      -- #00B3D4		 
	
	Rot 1 -- bei allen Links im Text            -- #ff0000
	
*/

/* ----------------------------------------------------------------------HTML ELEMENTE*/
/* =h1 */
h2{
	color:#FF0000;
}

/* =a */
a:link,a:visited{
	background-color:#B4F0F0;
	color:#ff0000;
	
}


/* =hr*/
hr{
	
	background-color: #fff; /* Farbe f�r Opera und Firefox */
	color: #fff; /* Farbe f�r Internet Explorer (IE) */
	background-image:url(/assets/webseite/bluehr.gif);
	
}
/* =h2 =a */
h3>a:link,h3>a:visited{
	background-color: #B4F0F0; /* Farbe f�r Opera und Firefox */
	color:#FF0000;
	
}
/* =h2 =name*/
h3>a[name]{
	background-color: #B4F0F0; /* Farbe f�r Opera und Firefox */
	color:#008FB5;
}

/* ----------------------------------------------------------------------Div Styles*/
#content{
	background: #0099BF url(/assets/webseite/bg.gif) repeat-y;
	background-color:#0099BF;
}
#content_left{
	background-color:#0099BF;
}
#content_right{
	background-color:#ffffff !important;
	background-image:none;
}

/*-----------------------------------------------------------------------K�nstler */

/*Die kleine Box die anzeigt welche Bilder in der Kat es gibt*/
div#kuenstler_project_mitte ol li a:link,div#kuenstler_project_mitte ol li a:visited{

	background-color:#0099BF;
}

div#kuenstler_project_mitte ol li a:hover{

	background-color:#B4F0F0;
}

div#kProj_left{
	padding-top:20px;
}
div#kProj_middle{
	padding-top:20px;
}
div#kProj_middle ul{
	list-style:none;
}

/*Das Selektierte Bild in der Box*/
a.kuenstler_select:link,a.kuenstler_select:visited{
	background-color:#B4F0F0 !important;
	
}
div#kProj_right  a:link,
div#kProj_right  a:visited{
	background-color:#0099BF;
	width:30px;
	display:block;
	text-indent:-9999px;
	width:30px;
	height:14px;
	margin-top:5px;
	
}
div#kProj_right  a:hover{
	background-color:#B4F0F0;
	
}
ol li.kuenstler_select a:hover{
	background-color:#0099BF !important;
}
div#pCon{
	position:relative;
	padding-bottom:2em;
	
}
div#pCon h3{
	position:absolute;
	bottom:0;
	left:0;
	
}
a.portrait{
	position:relative;
	display:block;
	text-align:right;
	background-color:transparent;
}
ul#galerie_submenu{
	list-style:none;
}
/* ----------------------------------------------------------------------All.Klassen */
.bg_blue2{
	background-color: #B4F0F0; /* Farbe f�r Opera und Firefox */
	color:#008FB5;
}
.right {
	float:right;
}

.picture_parallel a,.p_t_left a,.p_t_right a,.p_t_left4 a,.p_t_right4 a{
	border:0 !important;
	padding:0;
	background:none !important;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/*---- ausstellung presse template ----*/

span#pv{
	clear:left;
	display:block;
	
}
ul.p_t_left{
	
	width:400px;
	float:left;
	
}
ul.p_t_left li{
	margin-bottom:10px;
}
ul.p_t_right{
	list-style:none;
	text-align:right;
	width:280px;
	float:right;
}
ul.p_t_right li{
	
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#fff;
	/*filter:alpha(opacity=0);
	-moz-opacity: 0.75;
	opacity: 0.75;*/
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	
	z-index: 102;
	color:#000000;
	display:none;
	
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	
	
}

#TB_caption{
	
	display:none;
	float:left;
}

#TB_closeWindow{
	display:none;
	float:right;
}

#TB_closeAjaxWindow{
	display:none;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	display:none;
}

#TB_ajaxContent{
	clear:both;
	
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	
}

#TB_ajaxContent p{
	
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}