* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font-size: 14px;
	margin-bottom: 40px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: center;
}

html {
	background: #FFFFFF;
	width: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
	line-height: 1px;
	height: 1px;
	font-size: 1px;
}
.hSpacer{
	height: 28px;
	width: 100%;
	clear: both;
}
.hSpacerSmall{
	height: 10px;
	width: 100%;
	clear: both;
	line-height: 1px;
	font-size: 1px;
	background-color: #FFF;
}
hr{
    border-top: #E6E6E6 solid 1px;
    border-bottom: none;
    border-left: none;
    border-right: none;
    height: 1px;
    clear: both;
}
/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 960px;  
	margin: 0 auto;
	text-align: left;
}
	#BgContainer #Logo {
	position: absolute;
	z-index: 28;
	padding-left: 12px;
}
	#BgContainer #Container {
		background: #cfcfcf;	
	}
	#Container #Layout {
		background: #cfcfcf url(../images/Layout_bg.gif) repeat-y;
		overflow: hidden;
		clear: both;
	}
	#Layout #typographyWrapper{
		width: 590px;
		background: #FFF;
		margin: 0 0 36px 36px;
	}
	
#Content {
	background: #e6e6e6 url(../images/Content_bg.jpg) no-repeat 0px 239px;
	width: 662px;
	float: left;
}
/* Content
----------------------------------------- */
.typography .typoTextbox{
	padding: 25px;
}
.typography .typoItembox{
	margin: 4px;
	background-color: #f7f7f7;
}
.typography .typoHeadImagebox{
	margin: 4px;
	overflow: hidden;	
}
.ContentHeadLogo{
	background: url(../images/Graz_logo_content.gif) no-repeat;
	height: 67px;
	padding: 10px 0 0 70px;
}
.typography ul.memberlist,
.typography ul.artistlist{
	margin: 55px 0 0 110px;
	padding: 0;
	list-style: none outside;
}
.typography ul.artistlist{
	margin: 55px 0 0 0;
}
	ul.memberlist li, 
	ul.artistlist li {
	margin: 2px 0 2px 0;
	width: 400px;
	color: #333;
	font-size: 14px;
	line-height: 1.4;
	clear:both;
}
		ul.memberlist li .first, 
		ul.artistlist li .first {
			float: left;
			width:60%;
		}
		ul.memberlist li .sec, 
		ul.artistlist li .sec{
			float: left;
			width: 30%;
		}
		ul.memberlist li a, 
		ul.artistlist li a{
			color:#e39e25;
			font-size: 14px;
		}
.typography .ProfilImageBox{
	width: 107px;
	height: auto;
	float: left;	
}
	.ProfilImageBox img{
		border:solid #333 1px;
	}
.typography .ProfilDataBox{
	width: 410px;
	height: auto;
	float: left;	
}
.typography .ProfilDataColBox,
.typography .ArtistListColBox{
	width: 480px;
}

.typography .EventViewColBox{
	width: 500px;
}
	.ProfilDataColBox .col1,
	.ArtistListColBox .col1,
	.EventViewColBox .col1{
		width: 85px;
		text-align: right;
		float: left;
	}

	.ArtistListColBox .col1{
		width: 60px;
		text-align: left;
	}
	.EventViewColBox .col1{
		width: 115px;
		text-align: left;
	}
	.ProfilDataColBox .col2,
	.ArtistListColBox .col2,
	.EventViewColBox .col2{
		width: 380px;
		float: left;
	}
	.EventViewColBox .col2{
		width: 380px;
	}
	.ProfilDataColBox h5,
	.ArtistListColBox h5{
		margin: 1px 0 0 0 !important;
		line-height: 1.4 !important;
	}
	.ProfilDataColBox .col2 ul.eventlist,
	.ArtistListColBox .col2 ul.artistlist{
	margin: 0 0 28px 20px;
	padding: 0;
	list-style: none outside;
}
.ProfilDataColBox .col2 ul.eventlist,
.ArtistListColBox .col2 ul.artistlist{
	margin: 0 0 28px 20px;
	padding: 0;
	list-style: none outside;
}
	.col2 ul.eventlist li,
	.col2 ul.artistlist li {
		margin: 2px 0 2px 0;
		color: #333;
		font-size: 14px;
		line-height: 1.4;
	}
		.col2 ul.eventlist li a,
		.col2 ul.artistlist li a{
			color:#333;
			font-size: 14px;
		}
.typography .memberlistOthers{
	font-size:10px;
	line-height: 1.2;
}

.typography .EventEventsListBox{
	width: 480px;
}
	.EventEventsListBox ul{
		margin: 0 0 28px 35px;
		padding: 0;
		list-style: none outside;
	}
		.EventEventsListBox ul li {
			margin: 2px 0 2px 0;
			font-size: 14px;
			line-height: 1.4;
		}
	.EventEventsListBox ul li h5{
		line-height: 1.4 !important;
	}
	.EventEventsListBox ul li h5 a{
		color:#333;
		text-decoration: none;
		line-height: 1.4 !important;
	}
	li.EventListItemMini {
	    padding:0 0 0 40px;
	    background: url(../images/MiniGraz-Icon-archiv.gif) no-repeat 0px 3px;
	}
.typography .TitleImageBox{
	position: relative;
	left:4px;
	padding: 4px 0 0 0;
}
.typography .VideoBox,
.typography .GameBox,
.typography .PressBox,
.typography .GalleryBox,
.typography .FriendBox,
.typography .ShuffleBox{
	width:522px;
	position: relative;
	left:4px;
	overflow: hidden;
	margin: 0;
	background: #f7f7f7;
}

.typography .VideoBox,
.typography .GameBox,
.typography .PressBox,
.typography .FriendBox,
.typography .ShuffleBox{
	padding: 15px 30px 15px 30px;
}

.typography .ShuffleBox img{
	text-align:center;
}
.typography .ShuffleBox .ShuffleContent{
	text-align:center;
}


.typography .FriendBox{
	background: #FFF;
}


.typography .GalleryBox{
	width:582px !important;
	padding: 15px 0 15px 0 !important;
}

.typography .PressBox ul{
	position: relative;
	left: 14px;
	list-style: none outside;
	margin: 0 0 18px 0 !important;
}
	.typography .PressBox ul li{
		font-size: 14px !important;
		margin: 0 0 3px 0 !important;
	}
	
.typography .FriendBox a{
	margin:12px 12px 0 0;
}
	
.typography .GalleryBox #GalleryUI{
	width: 582px;
	height:100px;
	overflow: hidden;
}
	#GalleryUI .left{
		width: 29px;
		float: left;
		text-align: right;
	}
	#GalleryUI .middle{
		width: 525px;
		float: left;
		overflow: hidden;
	}
		#GalleryUI .middle #GalleryItems{
			height:100px;
			position: relative;
			left: 0px;
		}
		
		#GalleryItems .item{
			width: 100px;
			height:100px;
			float: left;
			margin-right: 6px;
			overflow: hidden;
		}
		
	#GalleryUI .right{
		width: 25px;
		float: left;
		text-align: left;
	}
	#GalleryUI a,
	#GalleryUI img{
		text-decoration: none;
		border: none;
	}
	
.typography h5.mediaBox {
	margin: 0 0 8px 0 !important;
}

.typography h5.mediaBoxGallery {
	margin: 0 0 8px 30px !important;
}

.typography ul.OverviewFriendOverviewList{
		margin: 0 0 28px 0;
		padding: 0;
		list-style: none outside;
	}
		ul.OverviewFriendOverviewList li {
			margin: 2px 0 15px 0;
			font-size: 14px;
			line-height: 1.4;
		}
	ul.OverviewFriendOverviewList li h5{
		line-height: 1.6 !important;
	}

.typography .FriendImgList{
	width: 470px;
	position: relative;
	left: 58px;
}
	.FriendImgList .FriendImgListItem{
		width: 200px;
		height: 200px;
		margin:0 25px 0 0;
		float: left;
	}
	.FriendImgListItem .ItemImg{
		width: 200px;
		height: 120px;
		text-align: center;
	}
		.ItemImg .ItemImgToBottom{
			font-size:1px;
			line-height: 1px;
			padding: 0;
			margin: 0;
		}
	.FriendImgListItem h5{
		line-height: 1.6 !important;
	}
.typography .FriendTextList{
	width: 100%;
}
	.FriendTextList .col1,
	.FriendTextList .col2{
		width: 48%;
	}
	.FriendTextList .col1{
		float: left;
	}
	.FriendTextList .col2{
		float: right;
	}
	
.typography h5.pContext{
	line-height: 1.4 !important;
}

.typography .ContactColBox {
		width: 525px;
	}

	.ContactColBox .col1{
		width: 75px;
		float: left;
	}
	.ContactColBox .col2{
		width: 440px;
		float: left;
	}
	.ContactColBox .col2 #googlemap{
		width: 425px;
		height:350px;
		border: #CCC 1px solid;
	}
	
/* HEADER
----------------------------------------- */
#Container #Header {
	height: 164px;
	overflow: hidden;
	clear: both;
	background: #a0a488 url(../images/Header_bg.gif) repeat-x;
}
/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Header #Navigation {
	width: 662px;
	height: 41px;
	position: relative;
	top: 123px;
	overflow: hidden;
}
		#Navigation ul { 
	 		float: right; 
			height: 41px;
			border-right: solid #7b8155 1px;
		}
			#Navigation ul li { 
		 		list-style: none; 
				margin: 0px; 
				float: left;
				line-height: 20px;
				display: block;
				border-left: solid #7b8155 1px;
				height: 100%;
			}
	  			#Navigation ul li a { 
					float: left;
					text-decoration: none;
					display: block; 
					height: 100%;
					width: 102px; 
					font-size: 18px; 
					color: #333;
				}
					#Navigation ul li a span {
						text-align: center;
						width: 100%;
						height: 100%;
		        		float: left;
						padding-top: 11px;
					}
						#Navigation ul li a:hover { 
				 			background: #b8bba6; 
							cursor: pointer;
						}
						#Navigation ul li a:hover span {
							cursor: pointer;
						}
						
	    			#Navigation ul li a.current,
		    		#Navigation ul li a.section,
					#Navigation ul li a.section:hover,
		    		#Navigation ul li a.current:hover,
		    		#Navigation ul li a:hover .section,
		    		#Navigation ul li a:hover .current{
						background: #b8bba6 url(../images/Navigation_li_activ_bg.gif) repeat-x;
					}
    
/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs {
	color: #e39e25;
	text-align: left;
	font-size: 10px;
	letter-spacing: 1.1;
	font-style: italic;
	height: 36px;
	padding: 0 0 0 20px;
	line-height: 33px;
}
	#Breadcrumbs a{
		color: #e39e25;
		line-height: 33px;
		text-decoration: none;
	}
		#Breadcrumbs a:hover{
			text-decoration: underline;
		}


/* SIDEBAR
-------------------------------------- */
#Sidebar {
	width: 251px;
	float: left;
	margin: 0 0 0 24px;
	padding: 65px 0 0 0;
}
	#Sidebar .sidebarBox {
		margin: 0 0 24px 0;
		background: #a0a488;
	}
	
		.sidebarBox .sidebarBoxcontent {
	padding: 16px 13px 0 13px;
	background: #FFF;
}
.sidebarBox .sidebarBoxcontentNewsletter {
	padding: 7px 0 7px 7px;
	background: #FFF;
}
.sidebarBox .sidebarBoxcontentSponsor {
	padding: 16px 13px 16px 13px;
	background: #FFF;
	text-align: center;
}
	
	#Sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none outside;
}
		#Sidebar li {
			margin: 0;
		}
		#Sidebar a,
		#Sidebar img {
			color:#333;
			text-decoration: none;
			border: none;
		}
	.sidebarBox h3 {
	clear: both;
	color: #FFF;
	font-weight: 700;
	font-size: 22px;
	margin: 0 0 8px 0;
	line-height: 1;
	padding: 7px 0 0 43px;
}
.sidebarBox .sidebarBoxMiniLogo{
	height: 111px;
	width: 71px;
	position: absolute;
	z-index: 29;
	margin-top: 2px;
}
.sidebarBox .sidebarBoxFoerdern{
	height: 70px;
	width: 250px;
	position: absolute;
	z-index: 27;
	margin-top: 2px;
}


.sidebarBox .sidebarBoxHead{
	height:35px;
}
	.bgLogoWhite{
	background: #a0a488 url(../images/sidebox_head_logo.gif) no-repeat 6px 3px !important;
}
	
	#Sidebar .sidebarBottom {
		height: 15px;
		display: block;
		width: 200px;
		margin: -5px 0 0 0;
		background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom;
	}

	
	/* preview list */
	ul.preview li {
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
} 
	ul.preview li h4 {
	font-weight: normal;
	font-size: 18px;
	margin: 0 0 2px 0;
	line-height: 1;
}
ul.preview li p {
	margin: 0;
	padding: 0 0 0 12px;
}
ul.preview li.separator {
	margin:0;
	padding:0;
	height: 21px;
}

	/* archiv list */
	ul.archiv li{
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 0 0;
	padding: 0 0 0 12px;
} 
ul.mini{
	min-height: 75px;
} 
ul.mini li {
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 0 0;
	padding: 0 0 0 72px;
} 
	ul.archiv li h4,
	ul.mini li h4 {
	font-weight: 600;
	font-size: 15px;
	margin: 0 0 2px 0;
	line-height: 1;
}
ul.archiv li p,
ul.mini li p {
	margin: 0;
	padding: 0;
}
ul.archiv li.separator,
ul.mini li.separator {
	margin: 0;
	padding: 0;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
}
    
 /* MESSAGEBOXS
--------------------------------------------- */
.message {
	font-size: 14px;
	margin: 2px;
	padding: 5px;
	width: auto;
	color: #979908;
	border: 2px solid #F7F8B4;
	background: #FFFFEA;
	clear: both;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	font-size: 14px;
	margin: 4px 0 0 3px;
	padding: 5px;
	width: auto;
	color: #DC1313;
	border: 2px solid #FF7373;
	background: #FED0D0;
}
.bad {
	font-size: 14px;
	margin: 2px;
	padding: 5px;
	width: auto;
	color: #DC1313;
	border: 2px solid #FF7373;
	background: #FED0D0;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}

/* FOOTER
----------------------------------------------- */

#Footer {
	clear: both;
	height: 72px;
	background: #7b8155 url(../images/Footer_bg.gif) repeat-x bottom left;
}
	#Footer div {
		color: #ccc;
		font-size: 14px;
		padding: 38px 0 0 36px;
	}
	#Footer a { 
		color: #ccc; 
		text-decoration: none;
	}
	#Footer .SponsorBox{
		height: 42px;
		width:auto;
		position: relative;
		float: right;
		right:6px;
		background: #FFF;
		padding: 0 10px 0 0 !important;
		margin: 24px 0 0 0;
		white-space: nowrap;
	}
	#Footer .SponsorBox a{
		margin: 0 0 0 10px !important;
		white-space: nowrap;
		text-decoration: none;
		border: none;
		position: relative;
		top: 4px;
	}
	#Footer .SponsorBox img{
		border: none;
	}