/* CSS Document */

/*	Formatierung HTML-Elemente - Anfag */

html, body {
    margin : 0;
    padding : 0;
}
body {
    background-image : url(../Pictures/GIF/BGR-Revacom.gif);
    background-repeat : no-repeat;
}
p {
    margin : 0;
    padding : 0 0 10px;
    text-align : left;
}
h1 {
    margin : 0;
    padding : 5px 0 7px;
    font : bold 16px/120% Arial, Helvetica, sans-serif;
    color : #0095db;
}
h2 {
    margin : 0;
    padding : 0 0 5px;
    font : bold 12px/120% Arial, Helvetica, sans-serif;
    color : #1e467d;
}
img {
	border : 0 solid #ffffff;
}
a , a:visited {
	text-decoration : underline;
	color : #1e467d;
	line-height: 140%;
}
a:hover , a:active {
    text-decoration : underline;
    color : #0095db;
}
ul{
    margin : 5px 0 15px 17px;
    padding : 0;
    list-style : none url(../Pictures/GIF/Liste.gif);
}
li {
    margin : 0 0 5px;
    padding : 0;
}
form {
    margin : 0;
    padding-top : 5px;
    padding-bottom : 10px;
}
textarea, input, select {
    font : normal 11px Arial, Helvetica, sans-serif;
}
table ul {
	margin : 0 0 0 17px;
}

/*	Formatierung HTML-Elemente - Ende */

/*	Klassen - Anfang */

a.active:link , a.active:visited , a.active:hover , a.active:active {			/* Aktive Links */
    text-decoration : underline;
    color : #0095db;
    background : url(../Pictures/GIF/Active.gif) no-repeat left center;
    padding : 0 0 0 10px;

}
.cyan {						/* Text in Revacom Hausfarbe */
	color : #0095db;
}
.cyan_bold {				/* Text in Revacom Hausfarbe + Fett */
    color : #0095db;
    font-weight : bold;
}
.apsc {						/* Text in APSC Hausfarbe */
	color : #1e467d;
}
.apsc_bold {				/* Text in APSC Hausfarbe + Fett */
    color : #1e467d;
    font-weight : bold;
}
.small {					/* Text mit kleiner Punktgröße */
	font-size : 10px;
}
.center {
	text-align : center;
}
.subhead {
	margin : 10px 0 0;
}
.float_left {				/* Inhalt läuft links am vorhergehenden Element vorbei */
    float : left;
    margin : 3px 10px 5px 0;
}
.float_right {				/* Inhalt läuft rechts am vorhergehenden Element vorbei */
    float : right;
    margin : 3px 0 5px 10px;
}
.listlink {					/* Listenpunkt ist ein Link */
	list-style : none url(../Pictures/GIF/Liste_1.gif);
}
.button {					/* Formular-Button */
    font : normal 11px/100% Arial, Helvetica, sans-serif;
    border : 1px solid #999999;
    padding : 1px 3px;
    margin : 10px 0 0;
}
.textfield {				/* Textfeld in Formularen */
    border : 1px solid #999999;
    padding : 2px 3px;
    background : #e8e8ff;
}
.spacer {					/* Vergrößert den Abstand zum nachfolgenden Element */
	margin : 10px 0;
}

/*	Klassen - Ende */

/*	Seitenlayout - Anfang */

#logo {						/* Logo */				
    margin : 0;
    padding : 0;
    width : 150px;
    height : 72px;
    position : absolute;
    top : 50px;
    left : 60px;
    background-image : url(../Pictures/GIF/Logo_Revacom.gif);
    background-repeat : no-repeat;
}
#topic {					/* Textbereich für Thema */
    margin : 0;
    padding : 0;
    width : 500px;
    height : 50px;
    position : absolute;
    top : 60px;
    left : 280px;
    text-align : left;
}
#currently_active {
	margin : 0;
	padding : 0;
	position : absolute;
	top : 170px;
	left : 280px;
	z-index : 100;
}
#picture {					/* Bildbalken auf den Unterseiten - dünn */
    margin : 0;
    padding : 0;
    width : 100%;
    height : 80px;
    position : absolute;
    top : 120px;
    left : 0;
    background : url(../Pictures/JPG/BGR_REVACOM_small.jpg) repeat-x;
}
#picture_admin {			/* Bildbalken auf den Adminseiten - dünn */
    margin : 0;
    padding : 0;
    width : 100%;
    height : 80px;
    position : absolute;
    top : 120px;
    left : 0;
    background : url(../Pictures/JPG/BGR_Admin_small.jpg) repeat-x;
}
#col_1 {					/* Spalte 1 auf den Unterseiten - setzt weiter oben an */
    margin : 0;
    padding : 15px 15px 0 0;
    width : 210px;
    position : absolute;
    top : 220px;
    left : 20px;
    font : normal 12px/140% Arial, Helvetica, sans-serif;
    color : #000033;
    text-align : right;
    background : url(../Pictures/GIF/Col_1_BGR.gif) no-repeat right top;
}
#col_2 {					/* Spalte 2 auf den Unterseiten - setzt weiter oben an */
    margin : 0;
    padding : 0;
    width : 670px;
    position : absolute;
    top : 220px;
    left : 280px;
    font : normal 12px/140% Arial, Helvetica, sans-serif;
    color : #000033;
}
#col_2_1 {					/* Spalte 2 wenn 3-Spalten-Layout - gilt nur für Unterseiten */
    margin : 0;
    padding : 0;
    width : 430px;
    position : absolute;
    top : 220px;
    left : 280px;
    font : normal 12px/140% Arial, Helvetica, sans-serif;
    color : #000033;
}
#col_2_2 {					/* Spalte 3 wenn 3-Spalten-Layout - gilt nur für Unterseiten */
    margin : 0;
    padding : 15px 0 0 15px;
    width : 210px;
    position : absolute;
    top : 220px;
    left : 740px;
    font : normal 12px/140% Arial, Helvetica, sans-serif;
    color : #000033;
	background: url(http://www.revacom.com/Pictures/GIF/Col_2_2_BGR.gif) no-repeat left top;
}
#col_3 {					/* Language */
	margin : 0;
	padding : 15px 0 0 15px;
	width : 170px;
	position : absolute;
	top : 0px;
	left : 780px;
	text-align: right;
	font : normal 12px/140% Arial, Helvetica, sans-serif;
	color : #000033;
	background: url(../Pictures/GIF/Deutsch.gif) no-repeat 110px 19px;
}
#col_3_En {					/* Language */
	margin : 0;
	padding : 15px 0 0 15px;
	width : 170px;
	position : absolute;
	top : 0px;
	left : 780px;
	text-align: right;
	font : normal 12px/140% Arial, Helvetica, sans-serif;
	color : #000033;
	background-image: url(../Pictures/GIF/Englisch.gif);
	background-repeat: no-repeat;
	background-position: 110px 19px;
}
#breadcrumb {				/* Breadcrumb-Anzeiger */
    margin : 0;
    padding : 0 0 20px;
    font-size : 10px;
    color : #999999;
}
#footer {					/* Fußzeile */
	margin : margin : 15px 0 0;
    padding : 5px 0 20px;
    border : 0 solid #999999;
    font-size : 10px;
    color : #999999;
}
#nominell {					/* nominell-Logo */
	margin : 10px 0 0;
}

/*	Seitenlayout - Ende */

/*	Spezifische Elemente - Anfang */

#topnavi {					/* Hauptnavigation - oben */			
	margin : 0;
    padding : 0;
    position : absolute;
    top : 10px;
    left : 280px;
    font : bold 12px Arial, Helvetica, sans-serif;
}
#topnavi ul {				/* Ungeordnete Liste für Hauptnavigation - oben */
	margin : 0;
    padding : 0;
    list-style : none;
}
#topnavi li {				/* Listenpunkte für Hauptnavigation - oben */
	float : left;
    margin : 0;
    padding : 5px 8px 0;
    border-right : 1px solid #1e467d;
}
#navstart {					/* Erster Menüpunkt in der Hauptnavigation - oben */			
	border-left : 1px solid #1e467d;
}
#leftnavi ul {				/* Ungeordnete Liste - Linker Navigationsbereich */
	margin : 0;
    padding : 0;
    list-style : none;
}
#leftnavi li {				/* Listenpunkte - Linker Navigationsbereich */		
	margin : 0;
    padding : 0;
    height : 22px;
    list-style : none url("Style_APSC.css");
}
#submenu_1 {				/* Aufklappmenü 1 */
	position : absolute;
    left : 230px;
    top : 244px;
    z-index : 100;
    visibility : hidden;
    padding : 10px 0 0 10px;
    font : normal 12px/140% Arial, Helvetica, sans-serif;
    width : 180px;
    height : 105px;
    background : #ffffff url(../Pictures/GIF/Roll_out_BGR.gif) no-repeat;
}
#submenu_1  ul {			/* Ungeordnete Liste - Aufklappmenü 1 */
	margin : 0 0 0 20px;
    padding : 0;
}
#submenu_1  li {			/* Listenpunkte - Aufklappmenü 1 */
	list-style : none url("Style_APSC.css");
    margin : 0 0 5px;
    padding : 0;
}
#submenu_2 {			/* Aufklappmenü 2 */
	position : absolute;
    left : 230px;
    top : 250px;
    z-index : 100;
    visibility : hidden;
    padding : 10px 0 0 10px;
    font : normal 12px/140% Arial, Helvetica, sans-serif;
    width : 180px;
    height : 105px;
    background : #ffffff url(../Pictures/GIF/Roll_out_BGR.gif) no-repeat;
}
#submenu_2  ul {		/* Ungeordnete Liste - 2 */
	margin : 0 0 0 20px;
    padding : 0;
}
#submenu_2  li {		/* Listenpunkte - 2 */	
	list-style : none url("Style_APSC.css");
    margin : 0 0 5px;
    padding : 0;
}
#submenu_3 {		/* Aufklappmenü 3 */
	position : absolute;
    left : 230px;
    top : 250px;
    z-index : 100;
    visibility : hidden;
    padding : 10px 0 0 10px;
    font : normal 12px/140% Arial, Helvetica, sans-serif;
    width : 180px;
    height : 105px;
    background : #ffffff url(../Pictures/GIF/Roll_out_BGR.gif) no-repeat;
}
#submenu_3  ul {	/* Ungeordnete Liste - 3 */
	margin : 0 0 0 20px;
    padding : 0;
}
#submenu_3  li {	/* Listenpunkte - 3 */
	list-style : none url("Style_APSC.css");
    margin : 0 0 5px;
    padding : 0;
}
#submenu_4 {		/* Aufklappmenü 3 */
	position : absolute;
    left : 230px;
    top : 250px;
    z-index : 100;
    visibility : hidden;
    padding : 10px 0 0 10px;
    font : normal 12px/140% Arial, Helvetica, sans-serif;
    width : 180px;
    height : 105px;
    background : #ffffff url(../Pictures/GIF/Roll_out_BGR.gif) no-repeat;
}
#submenu_4  ul {	/* Ungeordnete Liste - 3 */
	margin : 0 0 0 20px;
    padding : 0;
}
#submenu_4  li {	/* Listenpunkte - 3 */
	list-style : none url("Style_APSC.css");
    margin : 0 0 5px;
    padding : 0;
}

/*	Spezifische Elemente - Ende */
