/*************************/
/*    gigiga-style.css	 */
/*************************/



/* Seitenlayout */


	html, body
	{
		margin: 0;
		padding: 0;
		height: 100%;
		width: 100%;
		position: absolute;
		font: 85% arial, hevetica, sans-serif;
		text-align: center;
		color: #ffffff;
		background-image: url(bilder/tapete.gif);
	}

/*	sup {line-height:.7em;}  */
	
	#distance 
	{
		width: 1px;
		height: 50%;
		margin-bottom: -384px;
		float: left;
	}

	
	#container_home
	{
		position: relative;
		margin: 0 auto;
		width: 1000px;
		height: 671px;
		background-image: url(bilder/bg_lila.gif);
		clear: left;
		text-align: left;
		border: 1px solid black;
		box-shadow:4px 4px 4px #666;
		-webkit-box-shadow:4px 4px 4px #666;
		-moz-box-shadow:4px 4px 4px #666;
	}

	#container
	{
		position: relative;
		margin: 0 auto;
		width: 1000px;
		height: 671px;
		background-color: #ffffff;
		clear: left;
		text-align: left;
		border: 1px solid black;
		box-shadow:4px 4px 4px #666;
		-webkit-box-shadow:4px 4px 4px #666;
		-moz-box-shadow:4px 4px 4px #666;
	}

	#container_frame
	{
		position: relative;
		margin: 0 auto;
		width: 760px;
		height: 400px;
		background-color: #ffffff;
		clear: left;
		text-align: left;
		box-shadow:4px 4px 4px #666;
		-webkit-box-shadow:4px 4px 4px #666;
		-moz-box-shadow:4px 4px 4px #666;
	}
	
	#mainmenu
	{
		position: absolute;
		left: 54px;
		top: 94px;
		width: 800x;
		height: 13px;
	}

	#submenu
	{
		position: absolute;
		left: 96px;
		top: 112px;
		width: 800x;
		height: 13px;
	}

	#sidemenu
	{
		position: absolute;
		left: 815px;
		top: 160px;
		width: 160x;
		height: 400px;
	}
	
	#sprachmenu
	{
		position: absolute;
		left: 725px;
		top: 115px;
		width: 150x;
		height: 13px;
	}
	
	#balken_mainmenu
	{
		position: absolute;
		left: 50px;
		top: 95px;
		width: 500px;
		height: 13px;
		background-image: url(bilder/balken_mainmenu.gif);
	}
		
	#balken_submenu
	{
		position: absolute;
		left: 92px;
		top: 112px;
		width: 284px;
		height: 13px;
		background-image: url(bilder/balken_submenu.gif);
	}	
		
	#balken_streifen
	{
		position: absolute;
		left: 322px;
		top: 95px;
		width: 478px;
		height: 13px;
		background-image: url(bilder/balken_streifen.gif);
	}	
	
	#linie_top
	{
		position: absolute;
		left: 50px;
		top: 135px;
		width: 900px;
		height: 1px;
	}
	
	#floral
	{
		position: absolute;
		left: 10px;
		top: 5px;
		width: 230px;
		height: 80px;
		background-image: url(bilder/floral.jpg);
	}
	
	#logo_gigiga
	{
		position: absolute;
		left: 810px;
		top: 20px;
		width: 160px;
		height: 110px;
		background-image: url(bilder/logo_gigiga.jpg);		
	}

	#headline
	{
		position: absolute;
		left: 260px;
		top: 50px;
		width: 500px;
		height: 44px;
	}

	
	#header-rechts
	{
		position: absolute;
		left: 450px;
		top: 260px;
		width: 300px;
		height: 30px;
	}	
	
	#header-unten
	{
		position: absolute;
		left: 500px;
		top: 540px;
		width: 445px;
		height: 60px;
	}	
		
	#frame
	{
		position: absolute;
		left: 50px;
		top: 160px;
		width: 750px;
		height: 400px;
	}	

	#bild1
	{
		position: absolute;
		left: 50px;
		top: 160px;
		width: 400px;
		height: 400px;
		border: 1px solid white;
	}	
	
	#content1
	{
	position: absolute;
	left: 500px;
	top: 160px;
	width: 440px;
	height: 320px;
	overflow: auto;
	}	
		
	#cont1_bild
	{
	position: absolute;
	left: 490px;
	top: 440px;
	width: 240px;
	height: 170px;
	}	

	#content2
	{
	position: absolute;
	left: 450px;
	top: 298px;
	width: 300px;
	height: 100px;
	overflow: auto;
	}

	#cont2_bild
	{
		position: absolute;
		left: 500px;
		top: 160px;
		width: 300px;
		height: 200px;
	}

	#cont2_text
	{
		position: absolute;
		left: 270px;
		top: 0px;
		width: 420px;
		height: 320px;
	}
	
	#bild2
	{
		position: absolute;
		left: 450px;
		top: 0px;
		width: 300px;
		height: 200px;
	}
	
	#bild3
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 400px;
		height: 400px;
		border: 1px solid white;
	}

	#galerie
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 680px;
		height: 300px;
	}


	#markt1_bild
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 145px;
		height: 95px;
		border: 1px solid #555555;
	}

	#markt1_text
	{
		position: absolute;
		left: 160px;
		top: 0px;
		width: 145px;
		height: 95px;
	}

	#markt2_bild
	{
		position: absolute;
		left: 370px;
		top: 0px;
		width: 145px;
		height: 95px;
		border: 1px solid #555555;
	}

	#markt2_text
	{
		position: absolute;
		left: 530px;
		top: 0px;
		width: 145px;
		height: 95px;
	}


	#markt3_bild
	{
		position: absolute;
		left: 0px;
		top: 150px;
		width: 145px;
		height: 95px;
		border: 1px solid #555555;
	}

	#markt3_text
	{
		position: absolute;
		left: 160px;
		top: 150px;
		width: 145px;
		height: 95px;
	}

	#markt4_bild
	{
		position: absolute;
		left: 370px;
		top: 150px;
		width: 145px;
		height: 95px;
		border: 1px solid #555555;
	}

	#markt4_text
	{
		position: absolute;
		left: 530px;
		top: 150px;
		width: 145px;
		height: 95px;
	}
	
	#maerkte_unterzeile
	{
		position: absolute;
		left: 0px;
		top: 280px;
		width: 400px;
		height: 10px;
	}
	
	#footer	
	{
		position: absolute;
		left: 0px;
		top: 680px;
		width: 165px;
		height: 15px;
	}
	
	#footmenu	
	{
		position: absolute;
		left: 835px;
		top: 680px;
		width: 165px;
		height: 15px;
	}



/* Schriften */

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #b51d1c;
	padding: 0px;
	margin: 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6d2265;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
}	

.bigtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #ffffff;
}

.minitext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #555555;
}

.fliesstext-mini-lila {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #6d2265;
}

.fliesstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #555555;
}

.fliesstext-fett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.fliesstext-fett-grau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:1.4em;
	font-weight: bold;
	color: #555555;
}

.fliesstext-lila {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6d2265;
	font-weight: normal;
}

.fliesstext-fett-lila {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6d2265;
	font-weight: bold;
}

.menulink {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 	
	font-weight:normal; 
	color:#ffffff; 
	text-decoration:none}
	
.minilink {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 	
	font-weight:normal; 
	color:#555555; 
	text-decoration:none}
	
.menutext-fett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

.menutext-fett-lila {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6d2265;
	font-weight: bold;
}

/* Links */


a:link { 
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	color:#555555; 
	text-decoration:none}
a:visited { 
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	color:#555555; 
	text-decoration:none}
a:hover { 
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#6d2265; 
	text-decoration:none}
a:active { 
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	color:#6d2265; 
	text-decoration:none}


.menulink a:link {
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	color:#ffffff; 
	text-decoration:none}
.menulink a:visited { 
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	color:#ffffff; 
	text-decoration:none}
.menulink a:hover { 
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#ffffff; 
	text-decoration:none}
.menulink a:active { 
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#ffffff; 
	text-decoration:none;}


.minilink a:link {
	font-size:9px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	color:#555555; 
	text-decoration:none}
.minilink a:visited { 
	font-size:9px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#555555; 
	text-decoration:none}
.minilink a:hover { 
	font-size:9px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#6d2265; 
	text-decoration:none}
.minilink a:active { 
	font-size:9px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#6d2265; 
	text-decoration:none}


.biglink a:link { 
	font-size:18px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#ffffff; 
	text-decoration:none}
.biglink a:hover { 
	font-size:18px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#000000; 
	text-decoration:underline}
.biglink a:visited { 
	font-size:18px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#000000; 
	text-decoration:underline}
.biglink a:active { 
	font-size:18px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#ffffff; 
	text-decoration:none}


.redlink a:link { 
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#6d2265; 
	text-decoration:none}
.redlink a:hover { 
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#000000; 
	text-decoration:underline}
.redlink a:visited { 
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#6d2265; 
	text-decoration:underline}






#pic-container {
position: absolute;
left: 50px;
top: 580px;
width:400px; 
height:70px; 
margin:auto; 
background-color:#ffffff;}
 button#left, button#right {height:100%; width:25px; float:left; padding:0;}
 button#left {float:left;}
 button#right {float:right;}
 #scrolldiv {
 float:left; 
 width:350px; 
 height:100%; 
 background-color:#ffffff; 
 overflow:hidden;}
 #scrolldiv p {width:800px;}