/* Henne und Bastii
** Projekt WSPS
** PHP: CSS
** Autor: Sebastian Tkaczuk */

* {
	margin:0;
	padding:0;}
	
img {
	border:0;}
	
html {
	overflow-y:scroll;
	height:100%;}
	
body {
	font-family:arial;
	font-size:12pt;
	color:#222;
	height:100%;
	background-color:#eeeeee;
	background-repeat:no-repeat;
	background-position:680px 0px;
	background-attachment:fixed;}
	
.small {
	font-size:10pt;}
	
.right {
	float:right;}
	
.clear {
	clear:both;
}
	
h1 {
	display:block;
	font-size:13pt;
	margin-bottom:5px;
	color:#222;
	font-weight:bold;}

h2 {
	display:block;
	font-size:12pt;
	margin-bottom:3px;
	color:#222;
	font-weight:bold;}
	
p {
	display:block;
	margin-bottom:3px}
	
a {
	outline:none;
	text-decoration:none;
	color:#444;}
	
a.now {
	color:#a00;}
	
a.partnerlink {
	color:#000;
}

.partnername {
	color:#a00;}
	
.partnername a{
	color:#a00;}
	
a:hover, a:visited:hover {
	color:#222;}
	
span.link {
	padding-left:24px;
	background-image:url(/images/design/link.png);
	background-repeat:no-repeat;
	background-position:left bottom;}
	
ul {
	padding-left:17px;}

table {
	border:0;
	border-collapse:collapse;
	text-align:left;
	vertical-align:top;}
	
td {
	vertical-align:top;
	padding:2px;}
	
textarea.input, textarea.inputa, textarea.input_big {
	color:#222;
	width:250px;
	height:80px;
	font-size:10pt;
	font-family:arial;
	border:1px solid #444;
	margin:1px;}
textarea.inputa {
	color:#999;}
	
input.input, input.inputa, input.input_big, select.input, select.input_big {
	color:#222;
	width:250px;
	font-size:10pt;
	border:1px solid #444;
	margin:1px;}
input.inputa {
	color:#999;}
	
input.submit {
	float:right;
	margin:1px;}
	
input.abort {
	float:left;
	margin:1px;}
	
input.input_big, textarea.input_big, select.input_big {
	width:350px;}
	
span.absatz {
	display:block;
	height:6px;}
	
#bg_1 {
	width:100%;
	height:100%;}
	
	#bg_main {
		position:relative;
		top:0px;
		bottom:0px;
		width:850px;
		margin-left:25px;
		background-image:url(images/design/bgv.png);
		background-repeat:repeat-y;
		background-position:41px 0px;
		min-height:100%;}
		
		div.top, div.bottom {
			background-repeat:no-repeat;}
			
		div.content {
			background-repeat:repeat-y;}
		
		#logo {
			position:relative;
			top:9px;
			width:165px;
			height:118px;
			margin:0px 0px 0px 48px;
			background-image:url(images/logo.png);}
			
		#traumhochzeit {
			position:absolute;
			top:25px;
			left:330px;
			width:362px;
			height:72px;
			background-image:url(images/design/traumhochzeit.png);}
		
		#main {
			width:850px;
			margin-top:0px;}
			#main div.top {
				width:850px;
				height:46px;
				background-image:url(images/design/main_top.png);}
			#main div.content {
				width:850px;
				background-image:url(images/design/main.png);}
			#main div.bottom {
				width:850px;
				height:46px;
				background-image:url(images/design/main_bottom.png);}
			
			#navigation {
				float:left;
				width:186px;
				margin:0px 0px 0px 42px;}
				#navigation div.top {
					width:186px;
					height:13px;
					background-image:url(images/design/nav_top.png);}
				#navigation div.content {
					width:186px;
					background-image:url(images/design/nav.png);}
				#navigation div.bottom {
					width:186px;
					height:13px;
					background-image:url(images/design/nav_bottom.png);}
					
					#navigation a {
						display:block;
						width:186px;
						height:46px;
						background-position:top;}
					#navigation a:hover, #navigation a:visited:hover {
						background-position:center;}
					#navigation a.now, #navigation a.now:hover, #navigation a.now:visited:hover {
						background-position:bottom;}
					
					#nav_welcome {
						background-image:url(images/nav/welcome.png);}
					#nav_partners {
						background-image:url(images/nav/partners.png);}
					#nav_exhibition {
						background-image:url(images/nav/exhibition.png);}
					#nav_dates {
						background-image:url(images/nav/partnerdates.png);}
					#nav_contact {
						background-image:url(images/nav/contact.png);}
			
			#content {
				float:right;
				width:563px;
				margin:0px 42px 0px 0px;}
				#content div.top {
					width:566px;
					height:13px;
					background-image:url(images/design/content_top.png);}
				#content div.content {
					width:545px;
					padding:2px 10px;
					background-image:url(images/design/content.png);}
				#content div.bottom {
					width:566px;
					height:13px;
					background-image:url(images/design/content_bottom.png);}
					
					#subnav {
						display:block;
						position:relative;
						top:-8px;
						margin-bottom:6px;
						font-size:10pt;}
						
						/* Meldungen */
						#meldung {
							color:#e00;}
						.meldung {
							color:#e00;}
						.okm {
							color:#2a2;}
							
						/* Transparente Boxen */
						div.box_1, div.box_2, div.box_3, div.box_4, div.box_5, div.box_1s, div.box_2s, div.box_3s, div.box_4s, div.box_5s,
						div.box_1xs, div.box_2xs, div.box_3xs, div.box_4xs, div.box_5xs {
							border-style:solid;
							border-color:#555;}
						div.box_2, div.box_3, div.box_4, div.box_5,div.box_2s, div.box_3s, div.box_4s, div.box_5s,
						div.box_2xs, div.box_3xs, div.box_4xs, div.box_5xs {
							background-image:url(images/design/clearblack.png);}
						div.box_1, div.box_2, div.box_3,div.box_1s, div.box_2s, div.box_3s, div.box_1xs, div.box_2xs, div.box_3xs {
							height:1px;}
						div.box_1, div.box_3, div.box_4, div.box_5, div.box_1s, div.box_3s, div.box_4s, div.box_5s,
						div.box_1xs, div.box_3xs, div.box_4xs, div.box_5xs {
							border-width:0px 1px;}
							
						div.box_1, div.box_1s, div.box_1xs {
							width:532px;
							margin-left:7px;
							background-color:#555;}
							div.box_1s {
								width:432px;
								margin-left:57px;}
							div.box_1xs {
								width:332px;
								margin-left:107px;}
						div.box_2, div.box_2s, div.box_2xs {
							width:534px;
							margin-left:5px;
							border-width:0px 2px;}
							div.box_2s {
								width:434px;
								margin-left:55px;}
							div.box_2xs {
								width:334px;
								margin-left:105px;}
						div.box_3, div.box_3s, div.box_3xs {
							width:538px;
							margin-left:4px;}
							div.box_3s {
								width:438px;
								margin-left:54px;}
							div.box_3xs {
								width:338px;
								margin-left:104px;}
						div.box_4, div.box_4s, div.box_4xs {
							width:540px;
							height:2px;
							margin-left:3px;}
							div.box_4s {
								width:440px;
								margin-left:53px;}
							div.box_4xs {
								width:340px;
								margin-left:103px;}
						div.box_5, div.box_5s, div.box_5xs {
							width:536px;
							margin-left:2px;
							padding:1px 3px 0px 3px;}
							div.box_5s {
								width:436px;
								margin-left:52px;}
							div.box_5xs {
								width:336px;
								margin-left:102px;}
								
						div.box_fill {
							height:1px;
							background-image:url(images/design/clearblack.png);}
						div.box_fill2 {
							height:2px;
							background-image:url(images/design/clearblack.png);}
							
						/* Ihre Partner */
						div.partner, div.partner2 {
							width:536px;
							padding:1px 3px 4px 3px;
							position:relative;
							left:-3px;
						}
						
						div.partner2 {
							background-image:url(/images/design/clearblack.png);
						}
						
						div.partner div.col0, div.partner2 div.col0, div.newshead div.col0 {
							padding:2px;
							width:176px;
							float:left;
							
						}
						
						div.partner div.col1, div.partner2 div.col1, div.newshead div.col1 {
							padding:2px;
							width:352px;
							float:right;
						}
						
						div.partner div.info, div.partner2 div.info {
							clear:both;
							padding-top:5px;
						}
						
						div.partner div.more, div.partner2 div.more {
							padding:2px;
							clear:both;
							text-align:right;
							font-size:9pt;
						}
								
						/* Textanpassungsdivs für s und cs */
						div.box_s {
							width:436px;
							margin-left:52px;}
						div.box_xs {
							width:336px;
							margin-left:102px;}
							
						/* Kontakte */
						table.kontakt {
							width:536px;}
							table.kontakt td.logo {
								text-align:right;
								vertical-align:middle;}
							table.kontakt td.logo img, table.kontakt td.logo div {
								float:right;}
								
						/* Adm Tabelle */
						table.adm {
							width:536px;}
							td.links {
								width:170px;}
							table.adm td.rechts {
								width:350px;}
								
						/* Adminmode */
						a.admm {
							float:right;
							font-size:9pt;}
							
						/* Ihre Partner */
						#partner {
							position:relative;
							margin-left:3px;}
						#partner div {
							position:absolute;
							font-size:11pt;
							overflow:hidden;}
						#partner div.img {
							background-position:center center;
							background-repeat:no-repeat;
							border:1px solid #555;}
						#partner div.partner {
							width:130px;
							height:110px;
							border:1px solid #ccc;}
						#partner a.div {
							display:block;
							position:absolute;
							width:130px;
							height:110px;}
						#partner span.pac_name {
							padding:2px;
							font-weight:bold;
							font-size:10pt;}
						#partner span.pan_name {
							padding:2px;
							text-align:center;
							font-weight:bold;
							font-size:11pt;}
						#partner table.pas_links {
							width:130px;
							height:110px;
							padding:0px;
							margin:0px;}
							#partner td.pas_l_name {
								height:50px;
								padding:2px;
								vertical-align:middle;
								font-weight:bold;}
							#partner td.pas_l_links {
								height:56px;
								padding:0px;
								vertical-align:bottom;}
							#partner a.partners_jsa {
								border-top:1px solid #aaa;
								height:16px;
								display:block;
								width:130px;
								text-align:center;}
							#partner a.partners_jsa:hover, #partner a.partners_jsa:visited:hover {
								background-color:#ccc;}
						
						#partner td {
							width:130px;
							height:110px;
							vertical-align:middle;
							text-align:center;
							padding:0px;}
							
						/* Aktuell */
						div.newshead {
							width:539px;
							position:relative;
							top:-1px;
							left:-3px;
							padding-bottom:1px;
							padding-left:3px;
							background-image:url(/images/design/clearblack.png);
							margin-bottom:4px;}
						div.news {
							font-size:10pt;}
						span.newsdatum {
							float:right;
							font-size:10pt;
							margin:2px;}
						span.newsadm {
							float:right;
							margin:2px 10px 2px 2px;}
							
						/* Termine */
						div.termin {
							width:542px;
							position:relative;
							left:-3px;
							padding-bottom:3px;}
						div.datum {
							float:left;
							width:174px;
							padding:2px;}
						div.betreff {
							float:left;
							width:314px;
							padding:2px;}
						div.verw {
							float:left;
							width:36px;
							padding:6px 0px 0px 0px;}
						div.bottomline {
							clear:both;}
							
						span.datum {
							position:relative;
							top:3px;
							font-size:10pt;}
						span.datum .startuhr, span.datum .enduhr {
							color:#333;}
						span.datum .startdatum {
							font-weight:bold;}
						span.datumtop {
							display:block;
							margin-bottom:2px;}
							
						/* Newsletter Emailliste */
						div.nllist {
							width:539px;
							position:relative;
							left:-3px;
							padding:2px 0px 2px 3px;}
							
						/* Protokoll */
						div.protokoll {
							width:539px;
							position:relative;
							left:-3px;
							padding-left:3px;
							font-size:10pt;}
						div.pkl_datum {
							float:left;
							padding:2px;
							width:100px;}
						div.pkl_info {
							float:right;
							padding:2px;
							width:431px;}
							
						/* Fotogalerie */
						img.galadmimg {
							border:1px solid #222;}
						#galleryview {
							position:relative;
							display:block;
							width:536px;
							height:404px;}
						img.galpic {
							position:absolute;
							border:1px solid #555;}
						div.galleryload {
							position:absolute;
							width:60px;
							height:20px;
							background-image:url(/images/loadbar.png);
							z-index:9999;}
						#gallerycontrol_previous {
							float:left;
							width:160px;}
						#gallerycontrol_next {
							float:right;
							width:158px;
							text-align:right;
							padding-right:2px;}
						#gallerycontrol_data {
							margin:0px auto;
							width:160px;
							text-align:center;}
						#galleryauto {
							width:200px;}
						#gallerypic {
							width:45px;}
						#gallerycontrol_selects {
							margin-top:6px;}
						#gallerycontrol_bottomline {
							height:8px;}
						#gallerypicname {
							text-align:center;
							font-size:11pt;
							padding-bottom:1px;}
						#gallerycontrol_previous2 {
							position:absolute;
							top:170px;
							left:0px;
							z-index:99999;}
						#gallerycontrol_previous2 a {
							background-image:url(/images/arrowl2.png);}
						#gallerycontrol_next2 {
							position:absolute;
							top:170px;
							right:0px;
							z-index:99999;}
						#gallerycontrol_next2 a {
							background-image:url(/images/arrowr2.png);}
						#gallerycontrol_previous2 a, #gallerycontrol_next2 a {
							display:block;
							width:47px;
							height:57px;
							background-position:top;}
						#gallerycontrol_previous2 a:hover, #gallerycontrol_previous2 a:visited:hover, #gallerycontrol_next2 a:hover, #gallerycontrol_next2 a:visited:hover  {
							background-position:bottom;}
						div.gallist {
							width:536px;
							position:relative;
							left:-3px;
							padding:1px 3px 1px 3px;}
						#gallerypreview {
							position:relative;
							left:-3px;
							width:542px;
							height:122px;
							overflow:hidden;}
						#gallerypreview_left {
							position:absolute;
							top:35px;
							left:0px;
							width:47px;
							height:57px;
							background-image:url(/images/arrowl.png);
							background-position:top;
							z-index:99999;}
						#gallerypreview_right {
							position:absolute;
							top:35px;
							right:0px;
							width:47px;
							height:57px;
							background-image:url(/images/arrowr.png);
							background-position:top;
							z-index:99999;}
						div.galppic {
							width:122px;
							height:122px;
							position:absolute;}
						div.galppic img {
							border:1px solid #444;
							position:absolute;
							cursor:pointer;}
						a.galpinfo {
							position:absolute;
							display:block;
							color:#fff;
							font-weight:bold;}
					
			#bottomline {
				clear:both;}
				
		#copyright {
			width:180px;
			position:absolute;
			bottom:2px;
			margin-left:44px;
			color:#777;
			font-size:8pt;
			text-align:center;}
			
		#footer {
			width:560px;
			position:absolute;
			bottom:2px;
			margin-left:248px;
			color:#777;
			font-size:9pt;
			text-align:right;}