/*******************************************************************************
********************************************************************************
	Projekt		: staedelclub.de
********************************************************************************
*******************************************************************************/


/*********************************************** Reset - NICHTS VERAENDERN *****
*******************************************************************************/
* {
	margin: 0;
	padding: 0;
}

:focus {
	outline: 0;
}

a {
	text-decoration:none;
}

img, fieldset {
	border: 0;
}

img {
	vertical-align: bottom;
}

ol, ul, li {
	list-style: none;
}

strong {
	font-weight: bold;
}

html {
	height: 100.01%;
	margin-bottom: -1px;
}

body {
	position:relative;
	background-color: #FFF;
	color: #000;
	font-size: 100.01%;
	font-weight: normal;
	line-height: 1;
	text-align:left;
}


/******************************************** Standard - NICHTS VERAENDERN *****
*******************************************************************************/

.nospace {
	margin: 0;
	padding: 0;
}

body, div, 
h1, h2, h3, h4, h5, h6, p, 
a, span,  
li {
	background-repeat:no-repeat;
}

.fl-lft, 
.flLeft { 
	float: left;
	margin: 0 20px 0 0;
}

.fl-rght { 
	float: right;
	margin: 0 0 0 20px;
}

.algn-lft { 
	text-align: left;
}

.algn-rght { 
	text-align: right;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear { 
	clear: both;
}

.hidden {
	display: inline;
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	background-color: #FFF;
}

hr {
margin-bottom:20px;
border-top:1px solid #c6c6cb;
border-left:0px solid #f90;
border-right:0px solid #f90;
border-bottom:0px solid #f90;
}



/*********************************************************** Hintergruende *****
*******************************************************************************/

/*	 -> #FFF
*******************************************************************************/
body {
	background-color: #FFF;
}

body.page-c1, 
body.page-c1 div#logo {
	background-color: #BDC329;
}
body.page-c2, 
body.page-c2 div#logo {
	background-color: #9CB8D8;
}


div#frm-srch, 
div#nvgtn-meta {
	background-color: #E1E498;
}
body.page-c2 div#frm-srch, 
body.page-c2 div#nvgtn-meta {
	background-color: #D2DFEE;
}



/************************************************************* Text-Farben *****
*******************************************************************************/
/*	Grau 
*******************************************************************************/
/*****	-> #020202 (Fliesstext) */
body, a {
	color: #020202;
}

div#f-nvgtn, 
div#f-nvgtn a {
	color: #3E3E31;
}
div.com-path a,
div#f-cntnt a, 
div#f-nvgtn a:hover,
div#f-nvgtn a.active, 
div#f-nvgtn a.current, 
.color-1, 
.color-1 a, 
div.com-topic p.user-name a, 
div.com-comment p.user-name a {
	color: #5E5E4A;
}

body.page-c2 div#f-cntnt div.com-path a, 
body.page-c2 div#f-cntnt a, 
body.page-c2 div#f-nvgtn, 
body.page-c2 div#f-nvgtn a, 
body.page-c2 div#f-nvgtn a:hover,
body.page-c2 div#f-nvgtn a.active, 
body.page-c2 div#f-nvgtn a.current {
	color: #515B6A;
}

div#f-cntnt div#nvgtn-meta a {
	color: #020202;
}


/*************************************************************** Schriften *****
*******************************************************************************/
body {
	font-family: verdana, arial, "times new roman", sans-serif;
}

h1, 
div#f-nvgtn, 
div#f-sdbr div#lgn h3 {
	font-family: georgia, "times new roman", serif, verdana, arial, sans-serif;
}

/********************************************************* Schriftgroessen *****
*******************************************************************************/
div#wbst {
	font-size: .75em;
}

h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.2em;
}
div#f-sdbr h3 {
	font-size: 1em;
}

div#nvgtn-meta, 
div#lgn {
	font-size: .95em;
}

div.com-path, 
p.img span {
	font-size: .90em;
}

div#f-sdbr div#lgn h3 {
	font-size: 1.05em;
}


/************************************************************* Zeilenhoehe *****
*******************************************************************************/
div#f-cntnt, 
div#f-sdbr {
	line-height: 1.6;
}

p.img span {
	line-height: 1.3;
}

/************************************************************* Allgemeines *****
*******************************************************************************/
h1, 
h2, 
h3 {
	font-weight: normal;
}
h1 {
	margin-bottom: 1em;
}
body#popup h1 {
	margin-bottom: 0;
}


div#f-sdbr h3 {
	font-weight: bold;
	text-decoration: underline;
}




div#f-cntnt p, 
div#f-cntnt ol, 
div#f-cntnt ul, 
div#f-sdbr p, 
div#f-sdbr ol, 
div#f-sdbr ul {
	margin-bottom: 1em;
}
body#weiche div#f-cntnt p {
	margin-bottom: 24px;
}

div#f-cntnt ol, 
div#f-cntnt ul, 
div#f-sdbr ol, 
div#f-sdbr ul {
	margin-left: 24px;
}
div#f-cntnt ol li, 
div#f-sdbr ol li {
	list-style-type: decimal;
}
div#f-cntnt ul li,
div#f-sdbr ul li {
	list-style-type: square;
}
div#f-sdbr div#lgn ul {
	margin-left: 0px;
}
div#f-sdbr div#lgn ul li {
	list-style: none;
}

div#nvgtn-meta p, 
div#nvgtn-meta ul {
	margin: 0px;
}




table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
table tr th, 
table tr td {
	padding: 2px 5px;
}



p.warning {
background-color:#f99;
padding:10px;
border:1px solid #f00;
}



/********************************************************** Seitenstruktur *****
*******************************************************************************/
body {
	padding-left: 20px;
	background-image: url(/layout/css/bg_bdy.gif);
	background-repeat: repeat-y;
	border-top: 20px solid #FFF;
}
body#weiche {
	background: none;
}
div#wbst {
	width: 975px;
}

div#logo {
	position: relative;
	clear: both;
	height: 80px;
}

div#logo p {
	position: absolute;
	right: 214px;
	top: 0px;
}
div#logo p a {
	display: block;
	width: 230px;
	height: 80px;
	background-image: url(/layout/css/logo_staedelclub.gif);
	text-indent: -1000em;
}
body.page-c2 div#logo p a {
	width: 529px;
	background-image: url(/layout/css/logo_staedelverein.gif);
}

div#wrppr {
	position: relative;
	clear: both;
	float: left;
	width: 761px;
	background-color: #FFF;
	background-image: url(/layout/css/bg_wrppr.gif);
	background-repeat: repeat-y;
	z-index: 1;
}
body#weiche div#wrppr {
	float: none;
	width: auto;
	background: none;
}
div#f-sdbr {
	float: right;
	width: 201px;
	background-image: url(/layout/css/bg_sc_sdbr.jpg);
}
body.page-c2 div#f-sdbr {
	background-image: url(/layout/css/bg_sv_sdbr.jpg);
}
div#f-sdbr-2 {
	padding: 0 9px 317px 9px;
}
 
div#f-nvgtn {
	float: left;
	width: 181px;
} 
div#f-cntnt {
	float: right;
	width: 580px;
	z-index: 1;
}
div#f-cntnt-2 {
	padding: 0 24px;
}
body#weiche div#wrppr div#f-cntnt {
	float: none;
	width: auto;
}



body#popup,
body#popup div#wbst, 
body#popup div#wrppr, 
body#popup div#f-cntnt {
	float: none;
	width: 100%;
	padding: 0;
	background: none;
	border: 0;
}
body#popup div#f-cntnt-2 {
	padding: 20px;
}
/****************************************************************** Header *****
*******************************************************************************/
div#hdr {
	background-color: #FFF;
}
/****************************************************************** Footer *****
*******************************************************************************/
div#ftr {
}
/************************************************************ Navigationen *****
*******************************************************************************/

div#f-nvgtn ul {
	margin: 49px 0 0 16px;
}
div#f-nvgtn ul ul {
	margin-top: 0;
}
div#f-nvgtn ul li a {
	display: block;
	margin-bottom: 12px;
	padding-right: 15px;
}

div#f-nvgtn a:hover,
div#f-nvgtn a.active, 
div#f-nvgtn a.current {
	font-weight: bold;
}


div#nvgtn-meta {
	clear: both;
	float: left;
	width: 100%;
	height: 32px;
}
div#nvgtn-meta ul {
	float: left;
	width: 375px;
	padding-top: 6px;
}
div#nvgtn-meta ul li {
	display: inline;
	padding-left: 24px;
}
div#nvgtn-meta p {
	float: right;
	padding-top: 6px;
}
div#nvgtn-meta p a {
	padding-right: 24px;
}
div#nvgtn-meta p a.fontsize {
	padding-right: 0px;
}

div.com-path {
	clear: both;
	padding: 10px 0 0 0;
}
/****************************************************************** Module *****
*******************************************************************************/
div.tsr {
	margin-bottom: 1em;
}

p.img span {
	display: block;
	padding-top: 8px;
}
p.img-has-brdr img {
	padding: 3px;
	border: 1px solid #E1E498;
}
body.page-c2 p.img-has-brdr img {
	border-color: #D2DFEE;
}


/*********************************************************** Links / Icons *****
*******************************************************************************/
p.more {
	display: block;
	margin-top: -1em;
	font-weight: bold;
}

p.link-password a, 
p.link-register a {
	padding-left: 30px;
	background-position: 10px 50%;
}
p.link-password a {
	background-image: url(/layout/css/icon_qmark.gif);
}
p.link-register a {
	background-image: url(/layout/css/icon_letter.gif);
}
.color-1 {
	font-weight: bold;
}

a.link-ics {
	background: url(/layout/css/ics.gif) no-repeat 0% 50%;
	padding-left:16px;
}

/**************************************************************** Elemente *****
*******************************************************************************/
div.splt {
	clear: both;
	overflow: hidden;
	height: 1px;
	margin: 10px 0;
	background-color: #FFF;
}

/*************************************************************** Formulare *****
*******************************************************************************/

form {
	clear: both;
}

div#lgn {
	margin-bottom: 1em;
	padding: 10px 15px 10px 15px;
	background-color: #EEF1D3;
}
div#lgn div.f-fldst {
	padding: 10px 0 0 0;
}
div#f-sdbr div#lgn p {
	clear: both;
	margin-bottom: 0px;
}
div#f-sdbr div#lgn p.f-txt, 
div#f-sdbr div#lgn p.f-sbmt {
	margin-bottom: 8px;
}
div#lgn p.f-txt label {
	display: none;
}
div#lgn p.f-txt input {
	width: 150px;
	height: 14px;
}

div#lgn p.com-user-name {
	padding: 0px 0 10px 0;
	font-weight: bold;
}


/********************** Suche */

div#frm-srch {
	margin: 0 0 0 0;
	height: 32px;
}
div#frm-srch p.f-txt {
	padding: 6px 0 0 16px;
}
div#frm-srch p.f-txt input#fsearch {
	margin-right: 5px;
	padding: 0;
	width: 106px;
}
div#frm-srch p.f-txt input.f-sbmt {
	background: none;
	border: 0;
	font-size: 11px;
	margin-left: 0px;
	width: auto;
}
div#lgn p.f-sbmt input {

	margin-left: 0px;
	width: auto;
	padding: 0 5px 2px 5px;
	background: none;
	background-image: url(/layout/css/sbmt.jpg);
	border: 1px solid #C6C8CB;
	border-top-color: #8B8E90;
	font-size: 11px;
}



div#rex-form {
	padding-top: 20px;
}

table {
	width:100%;
	margin-bottom: 1em;
	border-spacing: 0;
	border-collapse: collapse;
	border-bottom: 1px solid #E1E498;
}
body.page-c2 table {
	border-bottom: 1px solid #D2DFEE;
}
table tr th, 
table tr td {
	padding:5px 5px 3px 5px;
}
table tr th {
	background-color: #E1E498;
}
body.page-c2 table tr th  {
	background-color: #D2DFEE;
}
table tr td {
	background-color: #FAF9F5;
}
table tr.colored td {
	background-color: #FFF;
}
table.termine-aktuell td.col-1 {
	width: 40px;
	text-align: left;
}


form p {
	clear:both;
}
form p.ftxt label,
form p.ftxtr label, 
form p.frm-txt label {
	float:left;
	width:160px;
}
form p input, 
form p textarea {
	padding:2px;
	border:1px solid #A9A9A9;
}
form p.fchckbx {
	padding-left:146px;
}
form p.fchckbx input, 
form p.frm-chckbx input {
	width:auto;
	margin-right: 5px;
}
form p.fsbmt input, 
form p.frm-sbmt input {
	margin-left: 160px;
	width:auto;
}







div#myGallery .slideInfoZone {
	padding-right: 0px;
	font-size: .95em;
	text-align: right;
}
div#myGallery .slideInfoZone p {
	padding-right: 20px;
	font-size: 100%;
}