@charset "utf-8";
/*////////////////////////////////////////////////////
///////////// CSS Definitions for MODULAR ////////////
////////////////////////////////////////////////////*/
/*
		Copyright:  	fresh frames GmbH & Co. KG
						http://www.freshframes.com/

		Seite:			Stadtjugendring Augsburg
						MODULAR | Das Festival

		Autor:			Stefanovski Alexander
						stefanovski@freshframes.com/
						http://www.freshframes.com/
					
		Optimiert für:	Firefox 2.0,
						Firefox 3.0,
						IE6,
						IE7,
						Safari

										  			*/

.post_it{
	position: absolute;
	margin: 14px 0 0 20px;
	z-index: 99;
}

.formularfeld {
	border: 1px solid #000;
}

.theme_catcher {	/* EYECATCHER STARTSEITE */
	position: absolute;
	margin: 257px 0 0 673px;
	z-index: 99;
}

img {
	border: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: url(../img/modular_bg1.gif) repeat;
	margin-top: -2px;
	/* margin: 0; */
	padding: 0 0 20px 0;
}

	#wrapper {
		background: url(../img/modular_hintergrund.png) top left no-repeat;
		top: 0;
		width: 1520px;
		margin: 0 auto -752px -380px;
		height: 752px;
		position: relative;
	}

	#page {
		width: 800px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0;
		position: relative;
	}
	
		#head {
			float: left;
			width: 800px;
			height: 390px;
			/*background: url(../img/modular_head.jpg);*/
			background-repeat: no-repeat;
			background-position: 50px 40px;
			position: relative;
		}
		
			#head_space {
				float: left;
				width: 800px;
				height: 330px;
				background: url(../img/modular_whiteframe.gif);
				background-repeat: no-repeat;
				background-position: 40px 30px;
				position: relative;
			}
			
				#logo {
					float: left;
					display: inline;
					width: 167px;
					height: 65px;
					margin: 0 0 0 160px;
					position: relative;
				}
				
				#vote {
					float: right;
					display: inline;
					height: 20px;
					margin: 46px 150px 0 0;
					position: relative;
				}
				
					#vote span {
						display: block;
						float: left;
						color: #FFFFFF;
						background-color: #000000;
						font-weight: bold;
						margin: 0 0 0 2px;
						padding: 0;
						position: relative;
					}
					
					#vote span.vote_score {
						display: block;
						float: left;
						color: #00CCFF;
						background-color: #000000;
						font-weight: bold;
						margin: 0 0 0 2px;
						padding: 2px 3px 2px 3px;
						position: relative;
					}
			
			#nav1 {
				float: left;
				width: 520px;
				height: 60px;
				margin: 0;
				padding: 0 140px 0 140px;
				background: url(../img/modular_whiteframe.gif);
				background-repeat: no-repeat;
				background-position: 40px -20px;
				position: relative;
			}
			
				#nav1 #nav1_nav {
					float: left;
					margin: 0 0 0 10px;
					position: relative;
				}
			
					#nav1_nav span a {
						display: block;
						float: left;
						font-size: 14px;
						font-weight: bold;
						color: #FFFFFF;
						background-color: #000000;
						margin: 0 0 0 2px;
						padding: 8px 8px 7px 8px;
						text-decoration: none;
						position: relative;
					}
					
						#nav1_nav span a:hover {
							display: block;
							float: left;
							font-size: 14px;
							font-weight: bold;
							color: #000;
							background-color: #FFF;
							margin: 0 0 0 2px;
							padding: 8px 8px 7px 8px;
							text-decoration: none;
							position: relative;
						}
					
							#nav1_nav span a.selected {
								background-color: #FFF;
								position: relative;
								color: #000;
							}
		
		#content {
			float: left;
			width: 800px;
			height: auto;
			padding: 0;
			position: relative;
		}
		
			#nav2 {
				float: left;
				width: 140px;
				height: auto;
				position: relative;
			}
			
				#nav2 #title {
					float: left;
					width: 140px;
					background-color: #FFF;
					color: #000;
					position: relative;
				}
				
					#nav2 #title h1 {
						font-size: 24px;
						font-weight: bold;
						margin: 2px 5px 2px 5px;
						text-transform: uppercase;
					}
				
				#nav2 #block {
					float: left;
					width: 120px;
					background-color: #000000;
					color: #FFFFFF;
					text-align: right;
					padding: 10px;
				}
				
					#nav2 #block ul {
						list-style: none;
						margin: 0;
						padding: 0;
					}
					
						#nav2 #block li {
							font-weight: bold;
							margin: 0 0 5px 0;
							padding: 0;
							text-transform: uppercase;
						}
							
							#nav2 #block li a {
										color: #FFFFFF;
										text-decoration: none;
							}
							
								#nav2 #block li a:hover {
											color: #FFFFFF;
											text-decoration: underline;
								}
							
				#countdown {
					display: none;
					
					float: left;
					width: 140px;
					background-color: #000000;
					color: #FFFFFF;
					margin: 10px 0 0 0;
					position: relative;
				}
				
					#countdown object, #countdown embed {
						margin: 0;
						padding: 0;					
					}
		
			#content_frame {
				float: left;
				width: 500px;
				background-color: #00CCFF;
				border-left: 10px solid #FFFFFF;
				border-right: 10px solid #FFFFFF;
				border-bottom: 10px solid #FFFFFF;
				position: relative;
			}
			
				#content_txt {
					float: left;
					width: 498px;
					background-color: #FFFFFF;
					border-left: 1px solid #00CCFF;
					border-right: 1px solid #00CCFF;
					border-bottom: 1px solid #00CCFF;
					position: relative;
				}
				
					#content_txt h1, #content_txt h2 {
						background-color: #000000;
						margin: 0;
						padding: 0 5px 0 20px;
					}
				
					#content_txt h1 {
						font-size: 24px;
						display: block;
						color: #00CCFF;
						line-height: 35px;
						text-transform: uppercase;
					}
					
					#content_txt h2 {
						font-size: 16px;
						display: inline;
						color: #FFFFFF;
						line-height: 24px;
					}
					
					#content_txt p {
						font-size: 12px;
						margin: 10px 0 5px 0;
						padding: 0 20px 0 20px;
					}
					
					#content_txt li {
						list-style-type: square;
						line-height: 1.5em;
					}
					
					a {
						color: #00CCFF;
						font-weight: bold;
						text-decoration: none;
					}
					
						a:hover {
							text-decoration: underline;	
						}
		
			#feature {
				float: left;
				width: 140px;
				background-color: #000000;
				position: relative;
			}
			
				#feature h1 {
					font-size: 12px;
					color: #FFFFFF;
					font-weight: bold;
					margin: 5px 10px 0 10px;
					border-bottom: 1px solid #CCCCCC;
				}
				
				#countdown h1 {
					font-size: 17px;
					color: #FFFFFF;
					font-weight: bold;
					margin: 5px 10px 0 10px;
					border-bottom: 1px solid #CCCCCC;
				}
				
				#feature h2, #countdown h2 {
					font-size: 10px;
					color: #FFFFFF;
					font-weight: normal;
					margin: 5px 10px 0 10px;
					text-align: right;
				}
				
				#feature p {
					font-size: 10px;
					color: #FFFFFF;
					margin: 5px 10px 5px 10px;	
				}
				
				 #countdown p {
					font-size: 16px;
					color: #FFFFFF;
					margin: 5px 10px 5px 10px;	
				}
				
				#feature input {
					font-size: 11px;
					width: 116px;
					height: 16px;
					color: #00CCFF;
					background-color: #000000;
					border: 1px solid #FFFFFF;
				}
				
	#footer {
		float: left;
		display: inline;
		width: 500px;
		height: 30px;
		margin: 0 150px 20px 150px;
		text-align: center;
		background: url(../img/footer.gif) top left no-repeat;
		position: relative;
	}
	
		#footer p {
			font-size: 10px;
			color: #FFFFFF;
			margin: 8px 0 5px 0;
		}