/* Standart-CSS für Ropal */

/*Wichtige Farben
	Grau dunkel=#9fa4aa
	Grau hell=#d9d9dc
	Blau=#007483

	Textfarben:
	Blau=#00626d
	Grau=#57686b
*/


/* Allgemeine Angaben */

body, div, p, h1, h2, h3,
span, a, td, table, tr, img {
	margin:0px;
	padding:0px;
}

html, body {
	font-size:11px;
	color:#57686b;
	background-image:url(img/hg_site.gif);
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	
	scrollbar-base-color:#697a7d;
	scrollbar-face-color:#697a7d;
	scrollbar-arrow-color:#ffffff;
  	scrollbar-3dlight-color:#ffffff;
  	scrollbar-darkshadow-color:#ffffff;
  	scrollbar-highlight-color:#ffffff;
  	scrollbar-shadow-color:#ffffff;
  	scrollbar-track-color:#ffffff;
	
	overflow:auto;
	
}

/* Allgemeine Angaben Ende */




/* Hauptgerüst */

.haupttabelle {
	width:984px;
	height:605px;
}

.haupttabelle td {
	vertical-align:top;
}

/* Hauptgerüst - Ende */



/* Headbereich */

.headbereich {
	width:984px; 
	height:105px; 
}

.logoropal {
	vertical-align:top;
	text-align:left;
	margin-left:500px;
	width:340px;
	height:89px;
}

/* Headbereich - Ende */




/* Menue */

.menuevorderteil {
	width:246px; 
	height:25px; 
	background-image:url(img/hgmenueleistevordererteil.gif);
}

.menuebereich {
	width:738px; 
	height:25px; 
	background-image:url(img/hgmenueleistehauptteil.gif);
	background-repeat:no-repeat;
}

#navigation {
	margin-left:0px;
	margin-top:1px;
}

/* Menue - Ende */




/* Inhalt */

.bereichbilder {
	width:246px; 
	height:292px; 
	background-color:#ffffff;
}

.bereichbilder img {
	width:245px; 
	height:292px; 
	background-color:#ffffff;
	margin:0px;
}

.bereichbilderindex {
	width:246px; 
	height:292px; 
	background-color:#ffffff;
}

.bereichbilderindex img {
	width:246px; 
	height:292px; 
	background-color:#ffffff;
	margin:0px;
}

.indexbildreihe {
	width:738px; 
	height:292px;
}

.indexbildreihe div {
	float:left;
	margin:0px;
}

.textbereich {
	width:738px; 
	height:292px;
	background-color:#ffffff;
}

.textbereichinhalt {
	width:738px; 
	height:292px;
}

.containertextbereich {
	margin:20px 0px 0px 20px;
}

.tabelletextbereich {
	border:0px;
	width:718px;
	height:252px;
}

.spaltefliesstext {
	width:573px;
}

.fliesstext {
	width:553px;
	height:252px;
	overflow:auto;
	padding-right:22px;
	font-size:11px;
	color:#57686b;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

.fliesstext p {
	margin-bottom:15px;
}

.fliesstext li {
	margin-bottom:9px;
	list-style-image:url(img/listenviereckblau.gif);
	color:#57686b;
	margin-left:-23px;
}

.fliesstext ul {
	margin-bottom:19px;
}

.fliesstext a {
	color:#00626d;
	text-decoration:underline;
}

h1 {
	font-size:12px;
	color:#00626d;
	font-family:Arial, Helvetica, sans-serif;
	width:365px;
	font-weight:bold;
	margin-bottom:15px;
}

.zurueck {
	width:145px;
	padding-left:28px;
}

.schriftgruen {
	color:#00626d;
}

.bildgalerie img {
	border:1px solid #d9d8dd;
/*	width:46px;
	height:55px;*/
}

/* Inhalt - Ende */



/* Footer Bereich */

.footerlinks {
	width:246px; 
	height:183px; 
	background-image:url(img/hgfooterleistevordererteil.gif);
	background-repeat:no-repeat;
}

.footerrechts {
	width:738px; 
	height:183px; 
	background-image:url(img/hgfooterleistehauptteil.gif);
	background-repeat:no-repeat;
	font-size:11px;
	color:#57686b;
	font-family:Arial, Helvetica, sans-serif;
}

.menuefooter {
	/*width:158px;*/
	height:15px;
	margin:88px 0px 0px 525px;
}

.menuefooter div {
	float:left;
	margin-right:20px;
}

.menuefooterindex {
	/*width:178px;*/
	/*height:15px;*/
	/*background-color:#fefcfc;*/
	height:174px;
	margin:88px 0px 0px 286px;
}

.menuefooterindex div {
	float:left;
	margin-right:0px;
}

/* Footer Bereich - Ende */


/* Links */

.linkgrau {
	color:#57686b;
	text-decoration:none;
}

.linkgrau13px {
	color:#57686b;
	text-decoration:none;
	font-size:13px;
}

.linkblaukursiv {
	color:#00626d;
	font-style:italic;
	text-decoration:none;
}

.linkgrauzuunterstrichen:link, .linkgrauzuunterstrichen:visited { 
	color:#57686b;
	text-decoration:none;
}

.linkgrauzuunterstrichen:hover, .linkgrauzuunterstrichen:active { 
	color:#57686b;
	text-decoration:underline;
}

.linkblauunterstrichen:link, .linkblauunterstrichen:visited { 
	color:#00626d;
	text-decoration:underline;
}

.linkblauunterstrichen:hover, .linkblauunterstrichen:active { 
	color:#00626d;
	text-decoration:none;
}

.linkfettgrau:link, .linkfettgrau:visited { 
	color:#57686b;
	text-decoration:none;
	font-weight:bold;
}

.linkfettgrau:hover, .linkfettgrau:active { 
	color:#57686b;
	text-decoration:underline;
	font-weight:bold;
}

.gruenunderline {
	color:#00626d;
	text-decoration:underline;
	font-size:11px;
}


/* Links - Ende */




/* Kontaktformular */

.kontaktformular {
	width:376px;
}

.kontaktformular td {
	vertical-align:top;
}

.kontakttext {
	font-size:11px;
	color:#57686b;
	font-family:Arial, Helvetica, sans-serif;
	width:124px;
}

.textfeld {
	font-size:11px;
	color:#00626d;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #57686b;
	width:252px;
	height:13px;
	padding-left:3px;
	margin-bottom:2px;
	background-color:#ffffff;
}


.textbereichbereich {
	font-size:11px;
	color:#00626d;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #57686b;
	width:252px;
	padding-left:3px;
	height:60px;
	background-color:#ffffff;
	overflow:auto;
}

.schalftflaechesenden {
	width:150px;
	font-size:11px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#00626d;
	font-weight:bold;
	cursor:pointer;
	border-left:1px solid #aaccd1;
	border-top:1px solid #aaccd1;
	border-right:1px solid #074952;
	border-bottom:1px solid #074952;
	padding:0px;
}

/* Kontaktformular - Ende */