/* CSS Dokument für ACC - About Change Collection */

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	background-color: #000000;
	text-align: center;
}

#outercontainer {
	width: 980px;
	margin: auto;
	clear: both;
}

.orangeline {
	width: 980px;
	height: 25px;
	background-image: url(img/line.gif);
	background-repeat: repeat-x;
}

.navicontainer {
	width: 980px;
	height: 100px;
	text-align: left;
}

.navibox {
	width: 825px;
	height: 100px;
	float: left;
}

.navibut {
	width: auto;
	height: 80px;
	margin-left: 15px;
	margin-right: 15px;
	float: left;
}

.logobox {
	width: 155px;
	height: 100px;
	float: left;
}

.contentcontainer {
	width: 980px;
	height: 465px;
	clear: both;	
	text-align: left;
}

.footercontainer {
	width: 965px;
	padding-right: 15px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	height: 10px;
	text-align: right;
}


/* Subcontainer */

/* Index Container */
.left_box_index {
	width: 485px;
	height: 465px;
	float: left;
}

.right_box_index {
	width: 485px;
	height: 465px;
	float: right;
	background-color: #FFFFFF;
}

.left_xl_top_index {
	width: 485px;
	height: 245px;
	margin-bottom: 10px;
	background-color: #DBEFFA;
	font-size: 26px;
	color: #000000;
}

.left_xl_bottom_index {
	width: 485px;
	height: 210px;
}

.left_bottom_box_index {
	width: 155px;
	height: 210px;
	float: left;
}

.right_bottom_box_index {
	width: 485px;
	height: 210px;
	float: left;
	background-color: #FDEED7;
}

.right_bottom_box_box_index {
	width: 450px;
	margin-left: 20px;
	margin-right: 10px;
	font-size: 18px;
	line-height: 23px;
	color: #000000;
	font-style: italic;
}

.right_xl_index {
	width: 455px;
	margin-left: 20px;
	margin-right: 10px;
}

/* About Container */
.left_box_about {
	width: 320px;
	float: left;
}

.right_box_about {
	width: 650px;
	float: right;
}

.left_xl_top_about {
	width: 306px;
	height: 146px;
	padding: 7px;
	margin-bottom: 10px;
	background-color: #FDEED7;
	font-size: 17px;
	line-height: 19px;
	color: #000000;
	font-style: italic;
	overflow: auto;
}

.left_xl_bottom_about {
	width: 320px;
	height: 295px;
	background-color: #FFFFFF;
}

.right_xl_about {
	width: 650px;
	height: 465px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	line-height: 13px;
	overflow: auto;
}



/* News Container */
.left_box_news {
	width: 485px;
	height: 465px;
	float: left;
}

.right_box_news {
	width: 485px;
	height: 465px;
	float: right;
	background-color: #FFFFFF;
}

.left_xl_top_news {
	width: 485px;
	height: 245px;
	margin-bottom: 10px;
	background-color: #FDEED7;
	overflow: auto;
}

.left_top_box_box_news {
	width: 440px;
	margin-left: 20px;
	margin-right: 5px;
	font-size: 10px;
	color: #000000;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.left_xl_bottom_news {
	width: 485px;
	height: 210px;
}

.left_bottom_box_news {
	width: 155px;
	height: 210px;
	float: left;
}

.right_bottom_box_news {
	width: 485px;
	height: 210px;
	float: left;
	background-color: #FFFFFF;
	overflow: auto;
}

.right_bottom_box_box_news {
	width: 440px;
	margin-left: 20px;
	margin-right: 5px;
	font-size: 10px;
	color: #000000;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.right_xl_news {
	width: 455px;
	margin-left: 20px;
	margin-right: 10px;
}


/* Collection Container */
.left_xl_collection {
	width: 300px;
	/*min-height: 445px;
	max-height: auto;*/
	height: 445px;
	overflow: auto;
	padding: 10px;
	background-color: #FFFFFF;
	float: left;
}

.middle_xl_collection {
	width: 485px;
	height: 465px;
	margin-left: 10px;
	float: left;
}

.right_xl_collection {
	width: 155px;
	height: 465px;
	margin-left: 10px;
	float: left;
}


/* Collection Container  Follow */
.left_xl_collection_follow {
	width: 320px;
	height: 465px;
	background-color: #FFFFFF;
	float: left;
}




/* Collection Artists Container */

.middle_xl_collection_artists {
	width: 980px;
	float: left;
	clear: both;
}

.left_container_collection_artists01 {
	width: 154px;
	height: 185px;
	background-color: #FDEED7;
}

.left_container_collection_artists02 {
	width: 154px;
	height: 185px;
	background-color: #D7D4E5;
}

.left_box_collection_artists {
	width: 134px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
	color: #000000;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.collectiondescription {
	font-size: 10px;
	color: #FFFFFF;
	line-height: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Collection Artist Detail Container */
.left_xl_collection_artist_detail {
	width: 320px;
	height: 465px;
	clear: both;
	overflow: auto;
	background-color: #FFFFFF;
	float: left;
}

.left_xl_collection_artist_detail_box {
	width: 280px;
	padding: 10px;
	font-size: 10px;
	color: #000000;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Interzone Container */
.left_xl_interzone {
	width: 465px;
	height: 445px;
	padding: 10px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	background-color: #CDE9F7;
	overflow: auto;
}

.left_xl_interzone_box {
	width: 445px;
	color: #000000;
}

.right_xl_interzone {
	width: 485px;
	height: 465px;
	float: right;
}

.interzonedescription {
	font-size: 10px;
	color: #FFFFFF;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Interzone Artists Container */
.left_xl_interzone_artists {
	width: 485px;
	height: 465px;
	float: left;
	clear: both;
	background-color: #CDE9F7;
	overflow: auto;
}

.left_xl_interzone_artists_box_top {
	width: 465px;
}

.left_xl_interzone_artists_box_bottom {
	width: 445px;
	padding: 10px;
	font-size: 10px;
	color: #000000;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.right_xl_interzone_artists {
	width: 485px;
	height: 465px;
	float: right;
}

.right_xl_interzone_artists_box_top {
	width: 485px;
	height: 364px;
	background-color: #FFFFFF;
}

.right_xl_interzone_artists_box_bottom {
	width: 465px;
	height: 81px;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
}


/* Contact Container */
.left_xl_contact {
	width: 485px;
	height: 465px;
	float: left;
	background-color: #1E1E1E;
	overflow: auto;
}

.left_xl_contact_box {
	width: 465px;
	margin-left: 20px;
	font-size: 20px;
	color: #FFFFFF;
}

.right_xl_contact {
	width: 485px;
	height: 465px;
	float: right;
	background-color: #1E1E1E;
}


/* Fonts */

body {
	font-family: Georgia, "Times New Roman", Times, serif;	
}

.containerheadline {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.containerheadline2 {
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.containerheadline3 {
	font-size: 45px;
	font-weight: bold;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.containerheadline4 {
	font-size: 42px;
	line-height: 40px;
	font-weight: bold;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.containerheadline5 {
	font-size: 27px;
	font-weight: bold;
	font-style: italic;
	color: #FF9900;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.containerheadline6 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.containerheadline7 {
	font-size: 27px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.subheadline2 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.subheadline3 {
	font-size: 15px;
	line-height: 18px;
	font-style: italic;
}

.containerquote {
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.containermore {
	font-size: 10px;
	color: #5C5D5F;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.logoname {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
	margin-bottom: -5px;
}

h3 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Links */

a:link, a:visited {
	color: #FF9900;
	text-decoration: underline;
}

a:hover, a:active {
	color: #5C5D5F;
	text-decoration: none;
}

.navi:link, .navi:visited {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.navi:hover, .navi:active {
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}

.subnavi:link, .subnavi:visited {
	font-size: 12px;
	font-weight: bold;
	color: #8A8B8D;
	text-decoration: none;
	line-height: 17px;
}

.subnavi:hover, .subnavi:active {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 17px;
}

.imprint:link, .imprint:visited {
	font-size: 10px;
	color: #FF9900;
	text-decoration: none;
	line-height: 17px;
}

.imprint:hover, .imprint:active {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 17px;
}

.more:link, .more:visited {
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}

.more:hover, .more:active {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

.more_inv:link, .more_inv:visited {
	font-weight: bold;
	color: #5C5D5F;
	text-decoration: none;
}

.more_inv:hover, .more_inv:active {
	font-weight: bold;
	color: #FF9900;
	text-decoration: underline;
}



/* Miscellaneous */

.noborder {
	border: 0px;
}


.pbox {
	position: absolute;
	right: 5px;
	bottom: 0px;
	width: 20px;
	height: 20px;
	text-align: right;
	font-size: 10px;
	color: #1A1A1A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.p:link, .p:visited {
	color: #060606;
	text-decoration: none;
}

.p:hover, .p:active {
	color: #060606;
	text-decoration: none;
}