body {
background-color:#003366;
background-image:url(img/hintg8.jpg);
background-repeat:repeat-y;
background-position:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#336699;
text-align:center;
line-height:150%;
}

#flash {
float:right;
width:280px;
height:100px;
z-index:99;
}
a:hover>img {
text-decoration:none;
}
h4, h5, h6 {
color:#006699;
}
h3, h4, h5, h6, p  {
margin: 20px;
} 

.buttons {
background-image:url(img/cbbackg.gif);
color:#006699}

h1 {
font-weight:normal;
font-size:10px;
color:#006699;
text-align:left;
/*
border:1px dotted #ccc;
background-color:#FFFFFF; */
padding:3px 5px 3px 3px;
margin:3px 20px 3px 20px;
}
img.referenz {
border:1px solid #ccc;
}
img.referenz2 {
border:1px solid #999;
}
h2 {font-size:12px;
letter-spacing:2px;
margin:15px 20px 5px 20px;
border:1px solid #fff;
background-image:url(img/h2.jpg);
background-position:top;
background-repeat:no-repeat;
padding:5px;
}
h3 {
	font-size:12px;
	color:#990000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	
}
acronym {
border-bottom:1px dotted #999;
cursor:help;
}

p.zitate {font-family:"Courier New", Courier, mono, serif;
font-size:12px; color:#999999; text-align:center; 
padding: 5px;
}

.mini {font-size:10px; margin:20px;}

a:link {
	color: #B22222;
	text-decoration:underline;
}
a:visited {
	color: #999999;
	text-decoration:underline;
}
a:hover {
	color: #B22222;
	text-decoration:underline;
}
a:active {
	color: #B22222;
	text-decoration:none;
}

#wrap {
	width:900px;
	margin:0 auto;
	text-align:left;
	padding:0;

}


#header {
width: 900px;
height: 100px;
margin-top:0;
margin-left:0;
background-color:#FFFFFF;
background-image:url(img/banner2.jpg);
background-repeat:no-repeat;
border-top:1px solid #5E7E9F;
}

#content {
	width:900px;
	float:left;
	/*background-color:#E5E5E5;*/
	background-color:#EDF1F3; /*#F0F8FF;*/
	margin: 0 auto;
	text-align:left;
	/*background-attachment:fixed;
	background-image:url(img/backg.jpg);
	background-repeat:repeat-y;
	background-position:top;*/
	}
#inhalt {
	width:880px;
	margin: 10px;
	text-align:left;
	}
ul {
list-style-image:url(img/liste.gif);
line-height: 180%;
}
ul.offer {
list-style-image:url(img/liste3.gif);
line-height: 170%;
font-size:11px;
}
.angebote  {
line-height: 100%;
padding:5px;
}
.bemerkung{
font-size:11px;
}

table {
background-color:#FFFFFF;
color:#0099CC;
}
td {
border-bottom:1px solid #ccc;
}
.preis {
color:#990000;
background-color:#F0F8FF;
font-weight:bold;
font-size:12px;
border:1px solid #ccc;
padding:3px;
text-align:center;
}
.titel {
background-color:#fff;
border:1px solid #ccc;
padding:5px;
text-align:center;
}
.beispiele{
background-color:#fff;
border:1px solid #ccc;
padding:20px 5px 20px 5px;
text-align:center;
}
.summary {
color:#003366;
}
/************
menuleiste
*************/
#navcontainer
{
	width:900px;
	margin:0;
	background-image:url(img/navi2.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

#navcontainer ul
{
list-style-type: none;
text-align: left;
}

#navcontainer li
{
	display: inline;
	text-align: center;
	letter-spacing:1px;
}

#navcontainer li a, #navcontainer li a:hover, #navcontainer li a#current
{
padding:5px;
margin:0 5px 0 5px;
color:#036;
text-decoration: none;
text-transform:uppercase;
font-size:11px;
border: 1px solid #ccc;
background-color:#EDF1F3;
}

/**********Kontakt***********/
form {
width:550px;
margin:0 20px 20px 15px;
float:right;
}

input.kontakt, textarea {
	color:#990000;
	border:1px solid #ccc;
	padding:2px;
	background-color:#E5E5E5;
	margin-bottom:10px;
	}
input {
border-top:1px solid #ccc;
border-bottom:1px solid #999;
border-left:1px solid #ccc;
border-right:1px solid #999;
color:#990000;
background-color:#E5E5E5;
letter-spacing:1px;
padding:3px;
margin-bottom:10px;
}
label {
display:block;
letter-spacing:1px;color:#006699;
padding:5px; 

}
legend {
	letter-spacing:2px;
	padding:5px;
	font-weight:bold;
	font-size:11px;
	color:#990000;
	background-color:transparent;
	text-transform: uppercase;
}
fieldset {
display:block;
background-color:#FFFFFF;
border-top:1px solid #ccc;
border-bottom:1px solid #999;
border-left:1px solid #ccc;
border-right:1px solid #999;
}
/******spalten******/
#col1 {
  float: left;
  width: 440px;
  margin:0;
}
#col2 {
  float: left;
  width: 440px;
  margin:0;
}
#col3 {
  float: left;
  width: 400px;
}
#col4 {
  float: left;
  width: 400px;
  margin-left:20px;
}
/***spalten webpakete**/
#col_a {
	float: left;
	width: 195px;
	margin-left:20px;
	height: 510px;
	background-color:#FFFFFF;
border-bottom:1px solid #999;
border-right:1px solid #999;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
#col_b {
  float: left;
  width: 195px;
  height: 510px;
  background-color:#FFFFFF;
border-bottom:1px solid #999;
border-right:1px solid #999;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
#col_c {
  float: left;
  width: 195px;
height: 510px;
background-color:#FFFFFF;
border-bottom:1px solid #999;
border-right:1px solid #999;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
#col_d {
  float: left;
  width: 195px;
  margin-right:20px;
  height: 510px;
background-color:#FFFFFF;
border-bottom:1px solid #999;
border-right:1px solid #999;
border-top:1px solid #ccc;
border-left:1px solid #ccc;}

#referenz {
line-height:200%;
font-size:11px;
letter-spacing:1px;
}
.light {font-weight:normal; letter-spacing:1px; color:#990000;}

#tags {
word-spacing:10px;
font-size:11px; font-family:"Trebuchet MS";
margin:20px;
padding:10px;
background-color:#FFFFFF;
background-image:url(img/tagcloud.jpg);
background-position:right;
border:1px dotted #999;
}
#tags>a:link {text-decoration:underline;}
#tags>a:visited {text-decoration:underline; color:#333333;}