* {margin:0; padding:0;}
 
html, body {	height:100%; 	}

body { text-align:center; 
		   background-image:url(/pictures/Hintergruende/Marmor_02_800.jpg);}
 
#distance {width:1px; height:50%; margin-bottom:-305px; float:left; }
 
#container { margin:auto;
		position:relative; /* puts container in front of distance */
		height: auto;
		width:998px;
		clear: both;
		background-image: url(/pictures/Hintergruende/HGbraun01.gif);
		background-repeat: repeat-y;
		background-attachment:fixed; }
.hg {		background-image: url(/pictures/Hintergruende/HGbraun01.gif);}

@import("iemac-center.css");


#foot { margin:0px 0px 0px 0px; padding: 40px 0px 100px 0px; text-align:center; clear:both; }
#foot a:link 	   { color: #000066; text-decoration:none; }
#foot a:visited  { color: #000066; text-decoration: none; }
#foot a:hover   { color: #00FFFF; text-decoration: none; }
.foot { margin:0px 0px 0px 0px; padding: 40px 0px 100px 0px; text-align:center; clear:both; }
.foot a:link 	   { color: #000066; text-decoration:none; }
.foot a:visited  { color: #000066; text-decoration: none; }
.foot a:hover   { color: #00FFFF; text-decoration: none; }

/************************** PROGRAMME PROJEKTE ****************/
#pp { position:absolute; top: 120px; left:211px;  width: 575px; padding: 0px 0px 0px 0px;	}
			
#DK { position:absolute; left:610px; top:25px; width:229px; padding: 0px; text-align:center; height:255px;
            background-image: url(/pictures/Bilder_Graphik/DK_farbig.gif); background-repeat: no-repeat;}


.ptext1 { font-family:"Times New Roman", Times, serif; color:#CC0000; font-size:24px; font-weight:bold;}
.ptext2 { font-size:19px;}

.ptext { 	font-size: 18px; font-weight: bold; font-family: Times New Roman, Times, serif; color: #CC0000; text-align: left;
line-height:30px;}		
.ptext a:link { color: #CC0000; text-decoration: none; }
.ptext a:visited { color: #CC0000; text-decoration: none; }
.ptext a:hover { color: #00FFFF; text-decoration: none; }

li { list-style-type: disc; font-weight: normal; color: #000066; margin: 0px 0px 0px 50px; }

/************************************** Allgemeines *************************/
.s30 { font-size: 30px; font-weight: bold; }
.s20 { font-size: 20px; font-weight: bold;}
.italy { font-style: italic; }
.cent { text-align: center; }
.links { text-align: left; }

div#constitution { position:absolute; top: 170px; left:285px;  width: 575px; padding: 0px 0px 0px 0px; }

.head { position:absolute; left:15px; top:20px; width:980px; text-align: center; margin: 0px;
			font-family:"Times New Roman", Times, serif; letter-spacing:1px; font-weight:bold;
			font-size: 38px; color:#CC0000; }
.head2 { padding: 0px 80px 0px 180px;}	
.hr1r { border-top: 1px solid #FF0000; margin: 0px 0px 0px 0px;}

.banner1 { position:absolute; left:275px; top:137px; width:600px; padding: 2px 2px 2px 5px; text-align:left; 
				color:#FFFF66; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif; font-size:12px;
				background-image: url(/pictures/Hintergruende/HGbraun03.gif);}

.co_positiv { font-family:"Times New Roman", Times, serif; font-size:12px; color: #CC0000;}
.co_negativ {font-family:"Times New Roman", Times, serif; font-size:12px; color: #FFFF66;}



/**************** ALLGEMEINE RAHMEN ************************************/
div#grundrahm  { padding: 40px 0px 40px 0px; margin: 0px 0px 0px 0px; width: 550px; }
div#grundrahm2 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 550px; height: 950px;}
div#textrahm   { padding: 20px 60px 20px 20px; }

/**************** SPEZIELLE RAHMEN *************************************/

div#contrahm { padding: 0px 10px 80px 120px; } /* Contens Rahm*/


/******************************    CONTENS SEITE     **************************************/
/*************** Überschrift ******************/
div#cont { float: none; }
.contens { color: #CC0000;
			margin: 0px 0px 60px 0px;
			height: 40px;
			text-align: center;
			font-size: 34px;
			font-weight: normal;
			font-family: Times New Roman, Times, serif;
			letter-spacing: 10px; }

/************************* Ramen für ZITAT überschrift text ********************/

.zitat { padding: 0px 50px 0px 50px;
			color: #CC0000;
			text-align: center;
			font-size: 18px;
			font-weight: bold;
			font-style: italic;
			font-family: Times New Roman, Times, serif; }
			
.zitat_u { color: #CC0000;
			padding: 20px 0px 70px 200px;
			text-align: center;
			font-size: 18px;
			font-weight: bold;
			font-style: italic;
			font-family: Times New Roman, Times, serif; }

/*************************************** ÜBERSCHRIFT IM TEXT ****************************/
div#head { float: none; }
.headname { color: #CC0000;
			margin: -25px 0px 20px 57px;
			text-align: left;
			font-size: 23px;
			font-weight: bold;
			font-family: Times New Roman, Times, serif; }
			
.headfarbe { color: #CC0000; }

.headpara { color: #CC0000;
			text-align: left;
			font-size: 23px;
			font-weight: bold;
			font-family: Times New Roman, Times, serif; }
			
			

/********************* TEXT BOLD STANDART **********************/

.text { color: #CC0000;
			font-size: 18px;
			font-weight: bold;
			font-family: Times New Roman, Times, serif;
			text-align: left; }
			
.text a:link { color: #CC0000; text-decoration: none; }
.text a:visited { color: #CC0000; text-decoration: none; }
.text a:hover { color: #00FFFF; text-decoration: none; }



/********************* TEXT NORMAL ******************************/
.text1 { color: #CC0000;
			text-align: left;
			font-size: 18px;
			font-weight: normal;
			font-family: Times New Roman, Times, serif; }
			
.text1 a:link { color: #CC0000; text-decoration: none; }
.text1 a:visited { color: #CC0000; text-decoration: none; }
.text1 a:hover { color: #00FFFF; text-decoration: none; }



/********************* TEXT RECHTSBÜNDIG **********************/
.textr { color: #CC0000;
			text-align: right;
			font-size: 18px;
			font-weight: bold;
			font-family: Times New Roman, Times, serif; }
			
.textr a:link { color: #CC0000; text-decoration: none; }
.textr a:visited { color: #CC0000; text-decoration: none; }
.textr a:hover { color: #00FFFF; text-decoration: none; }



/************************** Text/Satzungspunkte/Paragraph  ************/
.contpara { color: #CC0000;
			text-align: left;
			font-size: 18px;
			font-weight: bold;
			font-family: Times New Roman, Times, serif;
			width: 60px; }
			
.contpara a:link { color: #CC0000; text-decoration: none; }
.contpara a:visited { color: #CC0000; text-decoration: none; }
.contpara a:hover { color: #00FFFF; text-decoration: none; }

div#contname { margin: -19px 0px 40px 40px;
			text-align: left; }
			

/********************************************* EINZÜGE **************************/
.dez li {color: #CC0000;
			margin-left : 20px;
			padding: 0px 0px 0px 2px;
			list-style-type: decimal;
			text-align: left;
			font-size: 18px;
			font-weight: bold;
			font-family: Times New Roman, Times, serif; }
			
.di li { color: #CC0000;
			margin-left : 25px;
			padding: 0px 0px 0px 2px;
			list-style-type: disc;
			font-size: 18px;
			text-align: left;
			font-weight: bold;
			font-family: Times New Roman, Times, serif; }
			
.no li { margin-left : 20px;
			padding: 0px 0px 0px 2px;
			list-style-type: none;
			text-align: left;
			font-size: 18px;
			font-weight: bold;
			font-family: Times New Roman, Times, serif; }
						
			


/*************************   BUTTONLEISTEN   *****************************************/
 
div#button_a {
	position:absolute; left:3px; top:130px; width:165px; height:auto; visibility: visible; }

div#button_a .email {
	text-align:right;
	padding:0px 20px 0px 0px;}
	
div#button_a .button1 {							/* brauner Button mit beiger Schrift - normal */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFF99;
	font-weight:normal;
	background-image: url(/pictures/Hintergruende/HGbraun210.gif);
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;}
	
div#button_a .button2 {							/* brauner Button mit beiger Schrift - bold */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFF99;
	font-weight:bold;
	background-image: url(/pictures/Hintergruende/HGbraun210.gif);
	margin:0px 5px 5px 3px;
	padding:5px 5px 5px 5px;}
	
div#button_a .button3 {							/* brauner Button mit roter Schrift - bold */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	background-image:url(/pictures/Hintergruende/HGbraun210.gif);
	margin:5px 5px 0px 3px;
	padding:5px 5px 5px 5px;}

div#button_a .button4 {							/* roter Button mit weisser Schrift - bold */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#FF0000;
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;}
	
div#button_a .button5 {							/* blauer Button mit weisser Schrift - bold */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(/pictures/Buttons/ButtonBlau170.gif);
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;}
	
	
div#button_a .button_leer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2px;
	color:#FFFF99;
	font-weight:normal;
	background-image:url(/pictures/Hintergruende/HGbraun210.gif);
	margin:5px 5px 5px 3px;
	padding:5px 5px 5px 5px;}

	
	
div#button_a .button1 a:link { color: #FFFF99; text-decoration:none;}
div#button_a .button1 a:visited { color: #FFFF99; text-decoration: none;}
div#button_a .button1 a:hover { color: #CCCCCC; text-decoration: none;}

div#button_a .button2 a:link { color: #FFFF99; text-decoration:none;}
div#button_a .button2 a:visited { color: #FFFF99; text-decoration: none;}
div#button_a .button2 a:hover { color: #CCCCCC; text-decoration: none;}

div#button_a .button3 a:link { color: #FF0000; text-decoration:none;}
div#button_a .button3 a:visited { color: #FF0000; text-decoration: none;}
div#button_a .button3 a:hover { color: #CCCCCC; text-decoration: none;}

div#button_a .button4 a:link { color: #FFFFFF; text-decoration:none;}
div#button_a .button4 a:visited { color: #FFFFFF; text-decoration: none;}
div#button_a .button4 a:hover { color: #CCCCCC; text-decoration: none;}

div#button_a .button5 a:link { color: #FFFFFF; text-decoration:none;}
div#button_a .button5 a:visited { color: #FFFFFF; text-decoration: none;}
div#button_a .button5 a:hover { color: #CCCCCC; text-decoration: none;}


.buttonUnterstrichBlau { color: #000050; text-decoration: none; }
.buttonUnterstrichHellBlau { color: #CC0000; text-decoration: none; }
.buttonUnterstrichWeiss { color: #FFFFFF; text-decoration: none; }
.buttonUnterstrichRot { color: #CC0000; text-decoration: none; }
.buttonUnterstrichGrau { color: #999999; text-decoration: none; }
.buttonUnterstrichSchwarz { color: #000000; text-decoration: none; }
.buttonUnterstrichBraun { color: #510028; text-decoration: none; }
.ButtonUnterstrichBeige {  color: #FFFFCC; text-decoration: none; }
.buttonUntersrichBlauBrill {  color: #0000FF; text-decoration: none; }
.buttonUnterstrichHellRot {  color: #FF0000; text-decoration: none; }
.weissunterstrichen { color: #FFFFFF; text-decoration: underline; }
.blauunterstrichen { color: #CC0000; text-decoration: underline; }
.buttonUnterstrichGelb { color: #FFFF00; text-decoration: none; }
