body {
	text-align:center;
	background-color:#CCCCCC;
	margin:0px;
}


/*############################################################*/
/*############ TABELLENZELLEN FÜR CONTENTELEMENTE ############*/
/*############################################################*/

/*weißer Hintergrund für Haupttabellenzelle*/
#background {
	background-color:#FFFFFF;
}

/*BECKER SPÄTH Logo Zelle*/
#header {
	text-align:left;
	height:65px;
	vertical-align:top;
}

/* 2 Spalten Layout Inhaltstabelle */
#content {
	text-align:left;
	vertical-align:bottom;
	margin:0px;
	padding:0px 5px 20px 5px;
	width:370px;
	height:300px;
	background-image: url(../images/white.gif);
}

/* 2 ImageSpalten Inhaltstabelle */
#imagecontent {
	text-align:left;
	vertical-align:bottom;
	margin:0px;
	padding:0px;
	width:370px;
	height:300px;
	background-image: url(../images/white.gif);
}

/* Wir Layout Texttabelle */
#wircontent {
	text-align:left;
	vertical-align:bottom;
	margin:0px;
	padding:0px 5px 20px 5px;
	width:230px;
	height:300px;
	background-image: url(../images/white.gif);
}

/* Auszeichnungen Layout Texttabelle */
#auszcontent {
	background-color:#F5F6E7;
	text-align:left;
	vertical-align:bottom;
	margin:0px;
	padding:5px 5px 20px 5px;
	height:300px;
	width: 780px;
}

/* Impressum Layout Texttabelle */
#impcontent {
	text-align:left;
	vertical-align:bottom;
	margin:0px;
	padding:5px 5px 20px 5px;
	width:285px;
	height:300px;
	background-image: url(../images/white.gif);
}

/* Login Layout Texttabelle */
#logincontent {
	vertical-align:bottom;
	margin:0px;
	padding:0px;
	width:780px;
	height:170px;
}

/* Kunden Logout Texttabelle */
#logoutcontent {
	margin:0px;
	padding:5px 5px 15px 5px;
	vertical-align: middle;
}

/* Kunden (linke) Content Texttabelle */
#kundencontent {
	text-align:left;
	vertical-align:bottom;
	margin:0px;
	padding:0px 5px 20px 5px;
	height:238px;
	width:255px;
}

/* Projekte Unterseiten Inhaltstabelle */
#projektcontent {
	text-align:left;
	vertical-align:bottom;
	margin:0px;
	padding:0px 25px 20px 5px;
	width:350px;
	background-color:#BAB8A3;
	height:300px;
}


/* Rechte Bildtabelle */
#right {
	text-align:right;
	vertical-align:top;
	margin:0px;
	padding:0px;
	width:400px;
	background-image: url(../images/white.gif);
}

/* Wir Rechte Bildtabelle */
#wirright {
	width:540px;
	text-align:right;
	margin:0px;
	padding:0px;
	background-image: url(../images/white.gif);
}

/* Impressum Rechte Bildtabelle */
#impright {
	text-align:left;
	vertical-align:bottom;
	margin:0px;
	padding:5px 5px 20px 5px;
	background-image: url(../images/white.gif);
}

/* Projekte Unterseiten Bildtabelle */
#projektright {
	text-align:right;
	vertical-align:top;
	margin:0px;
	padding:0px;
}

/* Kundenseiten mittlere Texttabelle */
#kundenright {
	text-align:left;
	vertical-align:bottom;
	margin:0px;
	padding:0px 0px 20px 5px;
	width:250px;
}

/* Kundenseiten rechte Texttabelle */
#kundenborder {
	text-align:left;
	vertical-align:bottom;
	margin:0px;
	padding:0px 0px 20px 5px;
	width:255px;
}


/*############################################################*/
/* #################### MENÜ FORMATIERUNGEN ################# */
/*############################################################*/

#menu_1 {
	padding-top:15px;
	vertical-align:bottom;
	width:200px;
}

#menu_1_sub {
	padding-top:15px;
	vertical-align:bottom;
}

#menu1_select {
	width:180px;
}

#menu_login {
	vertical-align:top;
	margin:0px;
	padding-left:5px;
	padding-top:20px;
	height:130px;
}


/*############################################################*/
/* ################## SCHRIFT FORMATIERUNGEN ################ */
/*############################################################*/

.bodytext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	margin-top:0px;
	margin-bottom:0px;
}

/* Standard Überschrift hellbraun */
h1 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
	font-weight:normal;
	color: #999966;
	margin-top:0px;
	margin-bottom:0px;
}

/* Projektseiten Überschrift weiß */
h2 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
	font-weight:normal;
	color: #FFFFFF;
	margin-top:0px;
	margin-bottom:0px;
}

/* Überschrift für news Modul (Header Layout 2) */
div.csc-header-n1 h2 {
	color:#000000;
}

/* Überschrift zweites, drittes + viertes Content Element */
div.csc-header-n2 h1, div.csc-header-n3 h1, div.csc-header-n4 h1 {
	margin-top:15px;
}

/*Anzeige des eingeloggten Frontend Nutzers (Kunde)*/
.username {
	color: #999966;
}

.beschreibung {
	position: absolute;
	top: -9999px;
	left: -9999px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1px;
	color: #CCCCCC;
}

li {
	list-style-type:none; 
	margin:0px; 
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left: 10px;
	background-image: url(../images/pfeil.gif);
}

ul {
	margin:0px;
	padding:2px 0px 0px 0px;
}
 

/*############################################################*/
/* ################### LINK FORMATIERUNGEN ################## */
/*############################################################*/

a:link, a:visited, a:active, a:hover {
	color: #000000;
	text-decoration:underline;
}

/* Datei Download Listen Links */
.csc-uploads-fileName a:link, .csc-uploads-fileName a:visited, .csc-uploads-fileName a:active, .csc-uploads-fileName a:hover {
	color: #666666;
	text-decoration:underline;
}


/*############################################################*/
/* ################ TABELLEN FORMATIERUNGEN ################# */
/*############################################################*/

table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	padding:0px;
	margin:0px;
}

#contenttable {
	width:780px;
}


/* Login Form Tabellen Zellen */
.logincell {
	vertical-align:top;
	width:250px;
}

/* Logout Tabellen Zelle für Kundenseite*/
.logoutcell {
	vertical-align:bottom;
	width:250px;
}

/* Dateidownload Listen Tabelle */
.csc-uploads-fileName a {
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/pfeil.gif);
}


/*############################################################*/
/* ################### FORMULAR ELEMENTE #################### */
/*############################################################*/

#logoutbutton {
	margin-left:30px;
}


/*############################################################*/
/* #################### SLIDESHOW ELEMENTE ################## */
/*############################################################*/

#slideshow {
	height:300px;
	width:400px;
	text-align:center;
	vertical-align:middle;
}

#slideshow_bottom {
	height:300px;
	width:400px;
	padding-bottom:15px;
	text-align:center;
	vertical-align:bottom;
}

#slideshow_l {
	text-align:right;
	padding:5px;
	vertical-align:bottom;
}

#slideshow_r {
	padding:5px;
	vertical-align:bottom;
}

#slideshow_button {
	width:20px;
	height:150px;
	vertical-align:top;
	background-color:#CCCCCC;
	text-align:left;
	padding-left:5px;
}

#slideshow_num {
	height:150px;
	vertical-align:bottom;
	background-color:#CCCCCC;
	text-align:left;
	padding-left:5px;
}


/*############################################################*/
/*################### BILD FORMATIERUNGEN ####################*/
/*############################################################*/

/* Kleines Thumbnail Bild zwischen Download Listen der Kundenseiten */
.img_kunden {
	padding-top:20px;
}