/* standard elements */

*, label { font-family: Trebuchet MS; }

body
{
	/*font-family: Trebuchet, Arial, Helvetica, Sans-serif;*/
	letter-spacing: 2px;
	background-color: #FFF;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

td
{
	font-family: Trebuchet MS;
	font-size: 12px;
	vertical-align: top;
}

h1, h2
{
	padding: 0;
	margin: 0;
}

body.foundation { background-image: url(../images/bg_foundation_new.jpg) }
body.marketPlace { background-image: url(../images/bg_marketplace_new.jpg) }

/* header stuff */
#pageHeaderFoundation, #pageHeaderMarketPlace
{
	float: left;
	width: 100%;
	padding: 0 0 18px 0;
}

#pageHeaderFoundation { background-image: url(../images/bg_foundation_header.jpg); }
#pageHeaderMarketPlace { background-image: url(../images/bg_marketplace_header.jpg); }

#logo
{
	padding: 0 47px 0 45px;
	float: left;
	background-color: #FFF;
}

#sectionSwitch
{
	padding: 62px 0 0 31px;
	float: left;
	width: 120px;
}

#budgetMessage
{
	padding: 62px 0 0 0;
	width: 513px;
	text-align: right;
	color: #FFF;
	float: left;
}

#budgetMessage a
{
	color: #FFF;
	text-decoration: none;
}

/* meta navigation stuff */
#metaNavigation
{
	float: left;
	width: 630px;
	background-color: #FFF;
	padding: 0 0 10px 390px;
}
#metaNavigation li { margin: 0 10px 0 0; }
#metaNavigation a, #metaNavigation li
{
	text-decoration: none;
	color: #BFC0C4;
	font-weight: bold;
	white-space: nowrap;
}
#metaNavigation img
{
	vertical-align: middle;
}

#metaNavigation a.lngFoundation { color: #9F1C3C; }
#metaNavigation a.lngMarketplace { color: #777F06; }

/* navigation stuff */
#navigation
{
	float: left;
	width: 285px;
}
#navigation a
{
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
}

#avigation a:hover
{
	color: #E2E2E2;
}

#navigation a.selected
{
	font-weight: bold;
}

#navigation ul { margin: 0 0 0 35px; clear: both; }
#navigation li { margin: 10px 0 0 0; }

#navigationHeader
{
	float: left;
	padding: 33px 0 24px 37px;
	clear: both;
}

/* content stuff */
#pageBody
{
	float: left;
	width: 100%;
	background-repeat: no-repeat;
}
#pageBodyfoundation, #pageBodymarketPlace, #pageBodymarketPlaceProfile
{
	width: 100%;
	background-repeat: no-repeat;
	float: left;
}

#pageBodyfoundation { background-image: url(../images/bg_foundation_body.jpg); }
#pageBodymarketPlace { background-image: url(../images/bg_marketplace_body.jpg); }
#pageBodymarketPlaceProfile { background-image: url(../images/bg_marketplace_body_profile.jpg); }

#content { float: left; width: 670px; }
#content h1
{
	margin: 0;
	padding: 0;
	font-size: 28px;
	font-weight: normal;
}

#searchHeader
{
	padding: 50px 0 10px 50px;
}

.searchLetters
{
	vertical-align: bottom !important;
}

.searchLetters a
{ 
	color: Black;
	text-decoration: none;
}

.searchForm { margin: 25px 0 0 0; }
.searchForm .searchField { width: 255px; margin: 0 10px 0 0; }

.header
{
	padding: 25px 0 20px 0;
}
.header.foundationXX
{
	background-image: url(../images/bg_header_foundation.gif);
}
.header.marketplaceXX
{
	background-image: url(../images/bg_header_marketplace.gif);
}
.header.project
{
	padding: 43px 0 36px 0 !important;
	background-image: none !important;
}
.header img
{
	float: left;
	margin: 0 20px 0 0;
}
.header .backLink
{
	/*float: right;*/
	padding: 0 0 10px 0;
}
.header .backLink a
{
	text-decoration: none;
	color: #555D14;
}
.header.list
{
	padding: 65px 0 0 0;
	height: 67px;
}

.header .headline
{
	margin: 0 0 0 45px;
}

.headerImage
{
	padding: 42px 0 0 0;
}

.profileHeader { margin: 43px 0 0 0; height: 132px; }
.profileHeader h1
{ 
	margin: 20px 0 0 20px !important;
}

.profileHeader .links { padding: 10px 0 0 20px !important; height: 40px; }
.profileHeader .links a, .galleryHeader .links a
{
	color: Black;
	text-decoration: none;
	margin-right: 20px;
	font-size: 13px;
}

.galleryHeader { margin: 65px 0 0 50px; }
.galleryHeader .links { padding: 20px 0 0 0 !important; }

.teaserList { float: left; }
.teaserList .item
{
	float: left;
	margin: 0 0 37px 0;
}
.teaserList .image
{
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	padding: 0 0 0 47px;
	float: left;
}
.teaserList .text 
{
	float: left;
	padding: 25px;
	background-image: url(../images/bg_teaser_text.gif);
	background-repeat: no-repeat;
	height: 86px;
	width: 234px;
}
.teaserList .text .label
{
	padding: 0 10px 0 0;
}
.teaserList .text .data
{
	float: left;
	clear: right;
}

.teaserList .text .label
{
	padding: 0 10px 0 0;
}
.teaserList .text .leadingIn { height: 60px; }
.teaserList .text .leadingIn td { font-size: 13px; }
.teaserList .text .moreLink
{
	float: left;
	clear: both;
	padding: 20px 0 0 0;
}
.teaserList .text .moreLink a
{
	text-decoration: none;
	color: #555D14;
}

.contentText
{
	float: left;
	padding: 0 0 0 47px;
	font-family: Trebuchet MS;
	letter-spacing: 0px;
	line-height: 23px;
	font-size: 14px;
}

.contentText td
{
	font-family: Trebuchet MS;
	letter-spacing: 0px;
	line-height: 23px;
	font-size: 14px;
}

.contentText h1
{
	font-size: 22px	!important;
	font-weight: bold !important;
	margin-bottom: 20px !important;
}

.contentText h2
{
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 5px !important;
	padding: 0px !important;
}

.contentText a
{
	color: #555D14;
}

.teaserList
{
	font-family: Trebuchet MS;
	letter-spacing: 0px;
	font-size: 14px;
}

.artistList
{
	margin: 30px 0 0 0;
}

.artistList td { text-align: center; }
.artistList a
{
	color: Black;
	text-decoration: none;
}
.artistList a:hover
{
	color: #AA2042;
	text-decoration: underline;
}

.artistList .artistListItem img { margin-left: 5px; }

.artistList th
{ 
	color: #FFF; 
	padding: 10px 0px 30px 0px !important;
}
.artistList th.galleryArtist { background-color: Black; }
.artistList th.established { background-color: #999999; }
.artistList th.newcomer { background-color: #336699; }
.artistList th.donator { background-color: #999900; }

/* registrieren */
.register
{
	
}
.register input { font-family: Trebuchet MS; }
.register .label
{
	padding: 0 10px 0 0;
	font-family: Trebuchet MS;
}
.register .textBox
{
	width: 300px;
	margin: 0 0 5px 0;
}
.register .textBoxBig
{
	width: 350px;
	margin: 0 0 5px 0;
}
.register .textField
{
	width: 350px;
	height: 100px;
	margin: 0 0 5px 0;
}
.register .textFieldSmall
{
	width: 350px;
	height: 50px;
	margin: 0 0 5px 0;
}
.register .buttonContainer
{
	padding: 10px 0 0 0;
}
.register .info
{
	color: #666;
	font-size: 11px;
	font-style: italic;
}
.register .errorMsg
{
	color: Red;
	font-weight: bold;
}
.register .formInfo
{
	background-color: #F6F6F6;
	color: #000;
	border: 1px solid #CCC;
	padding: 5px;
	font-size: 11px;
	font-style: italic;
	width: 410px;
	float: left;
}

#anonym_info { display: none; }

/* artist manager stuff */
.grid
{
	border: 1px solid #999;
	width: 650px;
	margin: 0 0 20px 0;
}
.grid th
{
	background-color: #DBDBDB;
	text-align: left;
	padding: 5px;
}
.grid td
{
	padding: 5px;
	border-top: 1px solid #999;
}
.grid .alternating td
{
	background-color: #F5F5F5;
	border-top: 1px solid #999;
}

.galleryEdit
{
	border: 1px solid #999;
	width: 650px;
	margin: 0 0 20px 0;
}

.profileOptions { margin: 2px 0 20px 47px; }
.optionItem .optionText
{
	background-image: url(../images/reiter_background.gif);
	padding: 4px 0 0 0;
}
.optionItem .optionText a
{
	color: Black;
	text-decoration: none;
	margin: 0 7px 0 7px;
}

.optionItem .optionText .active
{
	font-weight: bold !important;
}

.galleryGrid { margin: 37px 0 30px 0; }
.galleryGrid td
{ 
	border-bottom: 1px solid #FFF;
}
.galleryGrid img { border: 1px solid #FFF; }
.galleryGrid .image
{
	padding: 20px 20px 20px 47px;
}
.galleryGrid .info
{ 
	padding: 20px 20px 20px 20px;
	vertical-align: bottom;
	border-left: 1px solid #FFF;
}
.galleryGrid .info .verkauft
{
	float: left;
	padding: 10px 0 0 0;
	color: Red;
	font-weight: bold;
	font-size: 14px;
}

.galleryGrid .zoomLink
{
	padding: 20px 20px 20px 20px;
	vertical-align: bottom;
	border-left: 1px solid #FFF;
}
.galleryGrid .zoomLink a
{
	text-decoration: none;
	color: #555D14;
}

.fotoPanel
{
	text-align: center;
	padding: 10px;
}

.fixHeight
{
	overflow: auto;
	height: 850px;
}

/* frequently used stuff */
.horizontalUl, .verticalUl
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.horizontalUl li
{
	float: left;
}

.clearBoth { clear: both !important; }
.floatLeft { float: left !important; }


.paddingTop30 { padding-top: 30px !important; }


.debug
{
	border: 2px dotted black !important;
}