* { margin:0; padding:0; }
/* body { background: url(/gfx/bg.png) top left repeat-x ; font:62.5% Verdana, Arial, Helvetica, sans-serif; color:#333; } */
body { background:#eee; font:62.5% Verdana, Arial, Helvetica, sans-serif; color:#333; }
a { color:#595959; }
a img { border:0 none; }

#wrapper { width:770px; margin:0; background:#fff; }
#navigation { background:#000;  margin:0 0 20px 0; overflow:hidden; }
#navigation p { color:#fff; margin:6px 0 6px 20px; font-size:10px;}
	.startseite #navigation { margin:0; }
.kunstreisen #content { background:url(/gfx/hintergrund-kunstreisen.png) top left no-repeat; }
#wrapperMain { width:700px; margin:0 30px; }
#fuss { padding:10px 30px; }
#fuss p { font-size:1.1em; color:#666; font-family:Arial, Helvetica, sans-serif;}
/*****************************************
Typographie
******************************************/

h1 a, h2 a, h3 a, h4 a { text-decoration:none; border:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { border-bottom:1px solid #ccc; text-decoration:none;}
h1, h2, h3, h4 { font-family: times, Times New Roman, times-roman, georgia, serif; font-weight:normal; color:#666; }
h1, h2, h3, h4 { color:#666; margin:0 0 1em 0; }
h1 { font-size: 25px; line-height: 23px; color:#666; margin:0 0 8px 0; }
h2 { font-size: 23px; line-height: 20px; }
h3 { font-size: 18px; line-height: 18px; }
h4 { font-size: 15px; line-height: 16px; margin:0 0 0.6em 0;}
h4.sub { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 16px; margin:0 0 0.6em 0;}
h5    { font-family: arial; font-size: 14px; }
.red {color:#E60003;}
.rot {color:#E60003;}
h5.red { color:#E60003; font-size:14px; font-family:arial;}
p { font-size:1.1em; line-height:1.4em; margin:0 0 0.8em 0; }

ul { margin:0; padding:0; list-style-type:square; padding-left:50px; list-style-position:outside; }
li { font-size:11px; line-height:14px; margin:0 0 4px 0; }

.grau { color:#666; }
.ausstellunginfo p.text { font-size:1.4em; line-height:1.4em; color:#333; }


#startgrafik { width:auto; height:430px; overflow:hidden; background:url(/gfx/start.jpg) top left no-repeat; border-bottom:1px #eee solid; }
#startgrafik .textkasten { width:auto; margin:50px; }
#startgrafik .textkasten p { font-size:1.4em; line-height:1.4em; color:#333;  }

.infokasten { width:75%; border:1px solid #999; background:#e9e9e9; padding:0px 10px; }

.infokasten ul { margin:5px; }
.infoliste { width:auto; list-style-type: none; margin-left: -2em; margin-right:2em;}
.infoliste li {
font-size: 11px; line-height:1.4em;
	list-style-type: none;
	clear: both;
	margin: 0;
	padding: 0 0 1.8em 0;
	position: relative;
	border-bottom: dotted 2px #999;
}
.infoliste strong {
	background: #e9e9e9;
	padding: 0 10px 0 0;
	position: absolute;
	bottom: -.3em;
	left: 0;
}
.infoliste em {
font-style:normal;
	background: #e9e9e9;
	padding: 0 0 0 5px;
	position: absolute;
	bottom: -.2em;
	right: 0;
}
/* .infoliste sup {font-style:normal;
	font-size: 90%;
	color: #666;
	margin-left: 3px;
}*/


.navigation
{
    color: #F0F0F0;
}

a.navigation
{
    text-decoration: none;
    color: #F0F0F0;
}

a.navigation:visit
{
    text-decoration: none;
    color: #F0F0F0;
}

a.navigation:hover
{
    text-decoration: underline;
    color: #F0F0F0;
}







#trennbalken	{
width:650px;
overflow:hidden;
}
#trennbalken650	{ width:650px; overflow:hidden; }
#trennbalken710	{
width:710px;
overflow:hidden;
}
#trennbalken340	{
width:340px;
overflow:hidden;
}
#trennbalken p, #trennbalken340 p, #trennbalken710 p	{
color:#999999;
}

img.floatleft { float:left; margin-right:20px; margin-bottom:20px; }
img.floatright { float:right; margin-left:20px; margin-bottom:20px; }

hr { clear:both; color:#fff; background:transparent; margin:0 0 1em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #eee solid; }


/* ************************
Raster / Spalten
************************ */
.spalten { margin:1em 0; width:100%; overflow:hidden;}
.spalten .links { width:50%; float:left; }
.spalten .rechts{ width:50%; float:right; }
.spalten .linkspadding { padding:0.1em 1em 0.1em 0.0em; }
.spalten .rechtspadding { padding:0.1em 0em 0.1em 1em; }

.s33l, .s33r { width:33.333%; }
.s50l, .s50r { width:50%; }
.s66l, .s66r { width:66.666%; }
.s33l, .s50l, .s66l {float:left; }
.s33r, .s50r, .s66r {float:left; margin-left:-5px; }
.sl{ padding:0em 1em 0em 0em; }
.sm{ padding:0em 1em; }
.sr{ padding:0em 0em 0em 1em; }

/******************************************************
LYTEBOX
******************************************************/
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 0px solid #888888; }
#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 0px solid #888888; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(/medien/js/images/loading.gif) center no-repeat; }
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev { width: 49%; height: 100%; background: transparent url(/medien/js/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(/medien/js/images/prev_grey.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url(/medien/js/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(/medien/js/images/next_grey.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: normal; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(/medien/js/images/close_grey.png) no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(/medien/js/images/play_grey.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(/medien/js/images/pause_grey.png) no-repeat; }