/* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

   
/* 1. Standards */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #660000;
	text-decoration: none;
	list-style-type: none;
}

body { background-image: url(../images/hg_body.jpg); background-repeat: repeat-x; background-color: #670001;}
h1 {font-size: 18px; font-weight: bold; margin-bottom: 15px; padding-bottom: 20px; color: #984001; background-image: url(../images/hg_trennung.gif); background-repeat: repeat-x; background-position: bottom;}
h2 {font-size: 13px; font-weight: bold; margin-bottom: 10px;}
h3 {font-size: 12px; font-weight: bold; margin-bottom: 5px;}

.rahmen { border: 1px solid #6c2825; margin: 0 0 10px 0; }
.rahmen-rechts { border: 1px solid #6c2825; float: right; margin: 0 0 10px 0; clear: both;}
.trennlinie { background-image: url(../images/hg_trennung.gif); background-repeat: repeat-x; background-position: bottom; height: 1px; padding: 0 0 10px 0; width: 100%; display: block;}
*+html .trennlinie { background-position: center; height: auto;}
*html .trennlinie { background-position: center; height: auto;}

.floatlinks { float: left; margin: 0 20px 10px 0; width: 250px; display: block;}
.floatrechts { float: left; margin: 0 0 10px 0; width: 250px; display: block;}

.floatende {clear: both;}
.unsichtbar {display: none;}

/*######################################################################################################
######################################################################################################*/


/* 2. Layout */

#Aussenhuelle {
	width: 955px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

#Navi-links {
	width: 345px;
	height: 659px;
	margin: 0;
	background-image: url(../images/hg_navi_en.jpg);
	float: left;
	position: relative;
}

#rechte-Seite {
	width: 610px;
	margin: 0;
	float: right;
	position: relative;
}

#Header {
	width: 610px;
	height: 266px;
	background-image: url(../images/hg_header-en.jpg);
	margin: 31px 0 0 0;
	position: relative;
}

#Content {
	width: 540px;
	height: auto;
	background-image: url(../images/hg_content.jpg);
	margin: 0;
	padding: 25px 35px 0 35px;
	position: relative;
	overflow: hidden;
}

#Content-zwei-teile, .Content-zwei-teile {
	width: 540px;
	height: auto;
	margin: 0;
	background-image: url(../images/hg_content_zwei_teile.gif);
	background-repeat: repeat-y;
	position: relative;
	overflow: hidden;
}

#Content-links, .Content-links {
	width: 300px;
	height: auto;
	padding-right: 8px;
	margin: 0;
	position: relative;
	float: left;
}

#Content-rechts, .Content-rechts {
	width: 202px;
	height: auto;
	padding-left: 28px;
	margin: 0;
	position: relative;
	float: left;
}

#Content-unten {
	width: 610px;
	height: 24px;
	background-image: url(../images/hg_content_unten.jpg);
	margin: 0 0 20px 0;
	position: relative;
}

#Adressblock {
	width: 259px;
	height: 171px;
	position: absolute;
	top: 472px;
	left: 42px;
}

/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

#Navi-links ul {
	width: 259px;
	height: 144px;
	margin: 0;
	position: absolute;
	top: 309px;
	left: 42px;
}

#Navi-links ul li {
	width: 259px;
	height: 36px;
	margin: 0;
	position: relative;
	list-style: none;
	display: block;
	float: left;
}

#Navi-links ul li a {
	width: 259px;
	height: 36px;
	margin: 0;
	display: block;
	background-image: url(../images/trans.gif);
}

#Navi-links ul li a.i1:hover {background-image: url(../images/i5.jpg);}
#Navi-links ul li a.i2:hover {background-image: url(../images/i6.jpg);}
#Navi-links ul li a.i3:hover {background-image: url(../images/i7.jpg);}
#Navi-links ul li a.i4:hover {background-image: url(../images/i8.jpg);}

#Aussenhuelle #rechte-Seite #Header ul {
	width: 485px;
	height: 90px;
	margin: 0;
	position: absolute;
	top: 15px;
}

#Aussenhuelle #rechte-Seite #Header ul li {
	width: 94px;
	height: 90px;
	margin: 0 3px 0 0;
	position: relative;
	list-style: none;
	display: block;
	float: left;
}

#Aussenhuelle #rechte-Seite #Header ul li a {
	width: 94px;
	height: 90px;
	margin: 0;
	display: block;
	background-image: url(../images/trans.gif);
}

#Aussenhuelle #rechte-Seite #Header ul li a:hover {background-image: url(../images/s_aktiv.gif); background-repeat: no-repeat; background-position: bottom center;}

.flagge{
position: absolute;
margin: 5px 0 0 495px;
}

.flagge-abstand{
padding-right: 5px;
}


/*######################################################################################################
######################################################################################################*/


/* 4. Content */

#Aussenhuelle #rechte-Seite #Content p {margin: 0 0 10px 0; overflow: hidden;}

#Aussenhuelle #rechte-Seite #Content #Content-zwei-teile #Content-links li, #Aussenhuelle #rechte-Seite #Content li {
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	background-image: url(../images/anstrich.gif);
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
}

em.abstandrechts {
	position: relative;
	width: 190px;
	height: 30px;
	display: block;
	float: left;
	font-style: normal;
}

em.abstandrechts_ {
	position: relative;
	width: 350px;
	height: 30px;
	display: block;
	float: left;
	font-style: normal;
}

.ewcms_file, .ewcms_h3, .ewcms_editor,  input , .ewcms_shorttext, .ewcms_content, .ewcms_file, .ewcms_submit, .ewcms_edit_content, .ewcms_edit_cancel, .popup {
	color: #FFFFFF;
}

.ewcms_submit, td.ewcms_edit_content input.ewcms_content {
	color: #000000;
}

/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:hover, a.escape:hover span span, #Aussenhuelle #rechte-Seite #Content a:hover {text-decoration: none; color: #a4531b;}

a:link {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #660000;
	text-decoration: none;
}

/*######################################################################################################
######################################################################################################*/