* {
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	color:#3A3A3A;
	background:white url('images/body.png') repeat-x left top; 
	height:100%; margin:0px; padding:0px;
	text-align: left;
}

h1 {
	font-size: 15px; 
	font-weight:normal; 
	color: white;
	padding: 0px;
	margin:4px 0 4px 12px;
    text-align: left;
    letter-spacing: 1px;
}

h2 {
	font-size: 12px; font-weight:bold;
	color: #004477;
	margin:0 0 0 15px;
	text-align: left;
}

h3 {
	font-size: 12px;
	font-weight: normal;
	color: White; /*#660000;*/;
	padding: 2px 0px 2px 7px;
	margin: 10px 0 0px 0;
	border: 1px solid black;
	background: url('images/menu_bg.png');
	text-align: left;
	text-transform: capitalize;
}

/*offene Stellen*/
h4 {
	font-size: 12px; font-weight:bold;
	color: #004477;
	margin: 75px 0 0 100px;
}

p {
	font-size:12px;
	color:#3A3A3A;
	background-color:transparent;
	padding: 0px 15px; 
	line-height: 1.4em;
	vertical-align: middle;
	text-align: left;
}

ul 	{
	margin-left: 35px;
    /*list-style-image: url('images/list.gif');*/
	line-height: 1.3em;
	font-size: 12px;
	list-style-type: disc;
}

hr {
    color: #fff;
    background:transparent;
 	margin: 3px 15px 5px 15px;
    border:0;
    border-bottom: 1px gray dotted;
}


/* ---container zentriert das layout--- */
#wrapper {
	width: 72em;
	margin: 0 auto;
	background-color:transparent;
	margin-top: 10px;
    padding: 0px;
}

#container {
	width: 70em;
	margin-top: 10px;
	border-top: solid 1px #6C0000;
	background: white url('images/container.png') repeat-y ;
	padding: 0 13px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
}

/* --- Header --- */
#topcontent {
	padding-top: 0px;
	margin: 0px;
	background-color: white;
}

.topleft {
	float: left;
	width: 270px;
	height: 50px;
	margin-left: 0px;
	text-align: center;
	background-color: white;
	/*background: url('images/Logo.jpg') no-repeat;*/
	margin-top: 10px;
}	
.imgrahmen {
	border-width: 0px;
	margin-left: 10px;
}

.topmiddle {
	float:left;
	width: 320px;
	margin-top: 12px;
	text-align: center;
}

#topright {
	float: right;
	width: 237px;
	font-size: 12px;
	padding: 15px 10px 0 0;
	margin: 0px;
	text-align: right;
	background: white;
	height: 50px;
}

#topright ul li {display: inline;}
#topright ul li a {
	padding: 0px;
	color:#3A3A3A;
	text-decoration: none;
	float: left;
}

#topright ul li a:hover {
	color: #3366FF;}


.topright a, .topright a:link, .topright a:visited, .topright a:hover, .topright a:active {
    color:#6C0000; font-weight: bold;text-decoration:none;text-align: right;
}

/* --- Hauptnavigation --- */
#navcontainer ul{
	float: left;
	width: 70em;
	padding: 0;
	margin: 0;
	/*background:url('images/menu_bg.png');*/
	background:url('images/menu_bg.png');
	text-align:center;
	text-transform:uppercase;
	list-style-type: none;
	height:22px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}

#navcontainer ul li {display: inline;}
#navcontainer ul li a {
	padding: 0.3em 1.4em;
	color: White;
	text-decoration: none;
	float: left;
	border-left: 1px solid silver;
	height:22px;
}

#navcontainer ul li a:hover {
	color: #fff;
	background:url('images/menu_hover.png');
	height:22px;
}


#active a:link, #active a:visited, #active a:hover {
	background:url('images/menu_hover.png');
}

/* ---Banner mit Logo/Text --- */
#banner {
	float: left;
	width: 70em;
	margin-top: 0px;
	background: url('Images/banner.png') no-repeat;
	height: 95px;
	border-top: solid 1px silver;
}

.bannertext p{
	float:left;
	width:220px;
	margin-left:600px;
	padding-top: 15px;
	height: 80px;
	background-color: transparent;
	font-size: 12px;
	color:white;
	text-align: center;
	line-height: 1.6em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color:#FFFFCC;

}

/* --- Titel H1 --- */
.title {
	float: left;
	width: 70em;
	padding: 1px 0px 1px 0px;
    background: url(images/footer.png) repeat-x;
	margin-bottom: 2px;
}

/* --- Navigation links --- */
#left {
	float: left;
	width: 180px;
	height: 500px;
	margin-top: 0px;
	background-image:url('images/links.png');
	background-repeat: no-repeat;
	background-position: 50% bottom;
}

#left ul{
	margin-left: 25px;
	margin-top:10px;
	font-size: 13px;
	font-weight:normal;
	/*font-style:oblique;*/
	list-style-image:url('Images/list.gif');
	/*list-style-type: disc;*/
}

#left li a {
	margin: 0 10px 0 0px;
	padding: 3px 5px 3px 0px;
	display: block;
	text-decoration:none;
	color: #3A3A3A;
	border-bottom:1px gray dotted;
}
	
#left li a:hover {color:#3366FF;}
#left li a:active {color:#3A3A3A;}	
#left li a.selected {color: #CC0033;}


.imgleft1, .imgleft2 {
	text-align:center;
}

.imgleft1 p, .imgleft2 p{
	text-align:center;
}


.imgleft1 img, .imgleft2 img { 
	margin-top: 50px;
	border: 1px silver solid;
	padding: 1px;
}

/* ---Inhalt--- */
#content {
	background-color:#FFFFFF;
	padding: 0;
	min-height: 500px;
}

div#content { 
	min-height:500px;
	height: 500px;
	height:expression(this.scrollHeight > 500 ? "auto":"500px");
}

/* ---Startseite/Datenbankprojekte--- */
#fullscreen {
	float:left;
	width: 70em;
	margin: 0;
	padding: 0;
	overflow: auto;
	height: 500px;
}

#fullscreen h3{ 
	padding: 2px 0px 2px 7px;
	margin-left: 15px;
	margin-right: 15px;
	background: url('images/table.png') repeat-x;
	color: #004477;
	font-weight: bold;
	border: 1px silver solid;
}

.kasten1 { 
	padding: 20px 0 25px 0;
	margin: 0px 120px 0px 60px;
}

.kasten2 { 
	padding: 20px 0 45px 0px;
	margin: 0px 140px 0px 120px;
}

.kasten3 { 
	padding: 20px 0 0 0;
	margin: 0px 100px 0px 180px;
}

.kasten1 p, .kasten2 p, .kasten3 p{ 
	padding: 0px 0 0 0;
	margin: 0 0 0 20px;
	font-size: 14px;
}

.kasten1 h2, .kasten2 h2, .kasten3 h2{ 
	padding: 0px;
	margin: 20px 0 0 0;
	font-size: 16px;
}

.bild1 { 
	float: left; 
	width: 110px;
	margin:0 20px 0 0;
}

.bild2 { 
	float: left; 
	width:110px;
	margin:0 20px 0 0;
}

.bild3 { 
	float: left; 
	width:110px;
	margin:0 20px 0 0;
}

.bild1 img, .bild2 img, .bild3 img{ 
	border: 1px dotted #c2c6ca; 
	padding: 2px;
	margin: 0px;
	height: 100px;
	width:100px;
 }

.antifloat {
	clear: left;
	clear: right;
}

/* ---Ende Startseite--- */

#contentfloat {
	float: left;
	width: 41em;
	margin: 0;
	padding: 0;
	overflow: auto;
	height: 500px;
}

#contentumleitung {
	float: left;
	width: 54em;
	margin: 0;
	padding: 0;
	overflow: auto;
	height: 500px;
}

#contentumleitung p {margin-top: 47px;}



#contentbreitfloat {
	float:left;
	width: 54.7em;
	margin: 0;
	padding: 0;
	overflow: auto;	
	height: 500px;
}

.RightPane {
	float: right;
	width: 145px;
	margin-right: 10px;
}

.RightPane p { 
	font-size:11px;
	padding: 3px 5px;
	color:#3A3A3A;
	background-color:#F1F1F8;
	margin-top: 0px;
    margin-bottom: 3px;
	border-left: 1px gray solid;
	border-right: 1px gray solid;
	border-bottom: 1px gray solid;
}	

p#logo { 
	font-size:11px;
	padding: 3px 5px;
	color:#3A3A3A; /*#804040;*/
	background-color: white;
	margin-top: 0px;
    margin-bottom: 3px;
	border-left: 1px gray solid;
	border-right: 1px gray solid;
	border-bottom: 1px gray solid;
	text-align: center;
}	

.RightPane #img, #imgrp, #imgmw {
	text-align:center;
	background-color: white;
}

.weiter ul li {
	list-style-image:url('images/pfeilrechts.gif')
	}

.contentbox-bordeaux{
	margin: 2px 0px 8px 22px;
	width:50em;
	background-color: #804040;
}

.contentboxsub-bordeaux{
	padding: 0 2px 3px 5px;
	background-color: #F5F0E7;
}

.contentbox-bordeaux p{ 
	background-color: #804040;
	font-size:12px;
	padding: 1px 5px 3px 5px;
	color:#FFFFFF;
}

.contentboxsub-bordeaux p{ 
	background-color: #F5F0E7;
	font-size:12px;
	padding: 2px 5px 2px 10px;
	color:#3A3A3A;
}

.boxcrelog {
	margin: 2px 7px 0px 15px;
	border-left: 1px silver solid;
	border-right: 1px silver solid;
	border-bottom: 1px silver solid;
}

.boxcrelog p { 
	padding: 0 15px;
	font-style:oblique;
	color: #004477;
}	

.boxcrelog ul {
	margin: 2px 15px 0px 30px;

}
.boxcrelog h3 {
	background: url('images/table.png') repeat-x;
	color: #004477;
	font-weight: bold;
	border-left:none;
	border-right: none;
	border-top: 1px silver solid;
	border-bottom: 1px silver solid;
	padding: 3px 5px;
}

.box {
	margin: 2px 7px 4px 15px;
}

.box p { 
	padding: 3px 5px;
	/*background-color:#F1F1F8;*/
	border-left: 1px silver solid;
	border-right: 1px silver solid;
	border-bottom: 1px silver solid;
}	

.box h3 {
	background: url('images/table.png') repeat-x;
	color: #004477;
	font-weight: bold;
	border-left: 1px silver solid;
	border-right: 1px silver solid;
	border-top: 1px silver solid;
	border-bottom: 1px silver solid;
	padding: 3px 5px;
}

#fotogallerie{
	margin-left: 65px;
	margin-top: 20px;
}

/* ---ClientIS-Module--- */	
#module{
	width: 70em;
	margin: 0 auto;
}

.retour {
	float: right;
	padding: 17px 0 0 0;
	background-color: transparent;
}


/* ---TABELLEN--- */
table {
	border-collapse:collapse;
	text-align: left;
}

table.empfehlungen, table.ueberuns, table.referenzen {
	border-collapse:collapse;
	margin-left: 10px;
	margin-top: 0px;
	text-align: left;
}

table.standardprogramm {
	border-collapse:inherit;
	margin: 5px 12px 0px 12px;
	text-align: left;
	border: 1px gray solid;
	
}

/* ---Empfehlungen--- */	
table.standardprogramm td {
	background-color: #F3F3F8;
	width: 145px;
	font-size: 11px;
	padding: 1px;
	margin: 0px;
}

table.standardprogramm h2 {
	font-size: 12px;
	font-weight:bold;
	color: #004477;
	margin:0;
	text-align: left;
}
table.standardprogramm td.module {
	background-color: #F3F3F8;
	width: 100px;
	font-size: 12px;
	padding: 1px;
	margin: 0px;
	vertical-align:top;
}

table.standardprogramm td.modultext {
	background-color: #F3F3F8;
	width: 340px;
	font-size: 12px;
	padding: 1px;
	margin: 0px;
}

table.standardprogramm td ul{
	margin-left: 20px;
	line-height: 1.3em;
	font-size: 12px;
	list-style-type: disc;
}


table.empfehlungen a {color:#345C80; font-weight: normal;text-decoration:none; padding-left: 5px;}
table.empfehlungen a:visited, table.empfehlungen a:hover, table.empfehlungen a:active{color:#660000;}

/* ---über uns--- */	
table.ueberuns td {
    font-size: 13px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	text-align:left;
	vertical-align: middle;	
	padding: 4px 3px 7px 12px;
	background: url('images/table.png') repeat-x;
}

table.ueberuns a {color:#CC0033; font-weight: normal; text-decoration: underline;}
table.ueberuns a:visited, table.ueberuns a:hover, table.ueberuns a:active{color:#3A3A3A;}

/* ---Projekte--- */	
table.projekte {
	margin-left: 20px;
	margin-right: 20px;
}

table.projekte td {
/*	background-color: #F3F3F8;*/
    font-size: 13px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: normal;	
	text-align:left;
	vertical-align: top;
	padding: 6px;
	background: white;
	border-bottom: solid 1px silver;
	
}
table.projekte td.kunde {
/*	background-color: #F3F3F8;*/
	width: 250px;
	padding: 5px 10px 5px 3px;
	color: #004477;	
}

table.projekte td.beschreibung {
/*	background-color: #F3F3F8;*/
	background: white;
	width: 530px;
	padding: 5px 20px;
}

/* ---Referenzen--- */	
table.referenzen td {
	background-color:#FFFFFF;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	width: 18em;
	height: 5.7em;
}

/* --- Footer --- */
#footer {
	clear: both;
	background-image:url('images/footer.png');
	color:#FFFFFF;
	font-size: 9px;
	margin:0;
	padding:3px 0 4px 10px;
	text-align:center;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;

}

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
    color:#FFFFFF; font-weight: normal;text-decoration:none;
}

.disclaimer {
	float: right;
	background-color: transparent;
	padding: 0 10px 0 0;
	color:#FFFFFF;
	font-size: 9px;
	text-decoration: none;
}

/* --- Kontakt --- */
form {
	margin: 14px 0px 0px 125px;
	border: 1px solid #7B816C;
	background-color: #f0f0f0;
	padding: 10px;
	width: 430px;
}
	
input, textarea	{
	border: #7B816C solid 1px;
	background-color: #FFFFFF;
	color: #564b47;
	margin: 0px 5px 5px 5px;
	padding: 2px 2px 2px 5px;
	vertical-align: top;
}

.anrede {
	margin-left:5px;
	margin-top: 0px;
	margin-bottom: 10px;
	border:none;
}

.beschriftunganrede {
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin: 0 0 0 5px;
}

.beschriftung {
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	line-height: 150%;
	margin: 0 0 0 5px;
}

.mitteilung {
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin: 0 0 0 5px;
}

.submit, .reset {
	background-color: #e1ddd9;
	border: 3px double #564b47;
	color: #564b47;
	font-size: 14px;
	margin-left: 5px;
}