body {
	background: url(../images/bg.gif) repeat-x;
	width: 100%;
	height: 1000px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-family: Arial;
	font-size: 100%;
}

.visualClear {
	height: 0px !important;
	clear: both;
}

a:link {
	color: #002940;
	text-decoration: none;
	outline: none;
}

a:visited {
	color: #002940;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #002940;
	text-decoration: underline;
	outline: none;
}

h1 {
	font-size: 20px;
	color: #3d9ace;
}

.all {
	border: 0px solid red;
	background: url(../images/all.gif) no-repeat;
}

.wrapper {
	border: 0px solid black;
	width: 960px;
	padding: 0px;
	margin: 0px auto 0px auto;
}

.top {
	height: 60px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background: url(../images/bg-top.gif) no-repeat;
}

/*navigation*/

.naviWrapper {
	border: 0px solid black;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	clear: both;
	height: 28px;
}

*html .naviWrapper {
	border: 0px solid black;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	clear: both;
	height: 28px;
} 

#navigation {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 650px;
	float: left;
	font-weight: normal;
}

#navigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#navigation li {
	list-style: none;
	float: left;
}

#navigation a {
	color: white;
	background: transparent;
	text-decoration: none;
	padding: 0px 15px 0px 0px;
	display: block;
	float: left;
}

#navigation .active a {
	color: #d7d86b;
	background: transparent;
	text-decoration: none;
}

#navigation a:hover {
	color: #d7d86b;
	background: transparent;
}


/*end of navigation*/ 

.meta {
	border: 0px solid green;
	text-align: center;
	float: right;
	padding: 0px;
	font-size: 15px;
}

.blog {
	padding: 0px 10px 0px 10px;
	border: 0px solid white;
	float: left;
}

.blog a:link {
	color: #a4d1e7;
}

.blog a:visited {
	color: #a4d1e7;
}

.blog a:hover {
	color: #d7d86b;
	text-decoration: none;
}   

.twitter {
	padding: 0px 10px 0px 30px;
	border: 0px solid white;
	float: left;
	background: url(../images/twitter.gif) no-repeat 0px 0px;
}

.twitter a:link {
	color: #a4d1e7;
}

.twitter a:visited {
	color: #a4d1e7;
}

.twitter a:hover {
	color: #d7d86b;
	text-decoration: none;
}

.logo {
	padding: 0px 10px 7px 10px;
	border: 0px solid white;
	float: right; 
}

.banner {
	margin: 0px 0px 0px 0px;
	width: 960px;
	height: 286px;
	border: 0px solid red;
	background: url(../images/banner-start.jpg) top left no-repeat;
	display: block;
	float: left;
}

.claim {
	border: 0px solid black;
	margin: 30px 0px 0px 0px;
	color: #165b83;
	padding: 0px;
}

.claim h1 {
	font-size: 40px;
	color: #165b83;
	padding: 0px;
	margin: 0px;
}

.claim h2 {
	font-size: 18px;
	color: #165b83;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}


/*demo button*/

.demo {
	width: 245px;
	height: 124px;
	background: url(../images/demo-button-start.jpg) no-repeat top left;
	margin: 20px 0px 20px 0px;
}

.demoButton {
	border: 0px solid red;
	padding: 20px 0px 30px 12px;
	text-transform: uppercase;
	color: #5d5c01;
	font-size: 22px;
	background: url(../images/demo-button-start.jpg) no-repeat top left;
}

.demoButton span {
	font-weight: bold;
}

.demoButton a:link,
.demoButton a:visited,
.demoButton a:hover {
	color: #535201;
	text-decoration: none;
}

.demoLink {
	background: transparent;
	width: 218px;
	height: 21px;
	color: #676767;
	font-size: 80%;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

.demoLink a {
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	border: 0px solid red;
	font-size: 100%;
	color: #676767;
}

/*startseite content - startColumnLeftRow01*/

.startContent {
	border: 0px solid red;
	margin: 30px 0px 30px 0px;
	display: block;
}

*html .startContent {
	border: 0px solid red;
	margin: 10px 0px 30px 0px;
	display: block;
}

.startColumnLeft {
	border: 1px dotted #a0a8ac;
	border-width: 0px 1px 0px 0px;
	float: left;
	width: 630px;
	padding: 0px 10px 0px 0px;
}

.startColumnLeftRow01 {
	border: 1px solid #dbdbdb;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 26px 0px;
	margin: 0px 0px 24px 0px;
	display: block;
}

.startColumnLeftRow01Left {
	float: left;
	width: 33%;
	font-size: 14px;
	line-height: 20px;
	color: #373737;
}

.startColumnLeftRow01Left h2 {
	font-size: 20px !important;
	margin: 0px;
}

.startColumnLeftRow01Left .csc-textpic-text {
	margin: 10px 0px 0px 0px;
	border: 0px solid red;
}

.startColumnLeftRow01Right {
	float: right;
}

.startColumnLeftRow01Right h2 {
	margin: 0px 0px 15px 0px;
	color: #002940;
	font-weight: bold;
}

.startColumnLeftRow01Right table {
	border: 0px solid red;
	width: 395px;
	height: 217px;
	border-spacing: 5px;
  
}

.startColumnLeftRow01Right td {
	background: #f1f1f1;
	padding: 20px 0px 0px 0px;
	text-align: center;
	width: 50%;
	font-size: 14px;
}

/*startseite content - startColumnLeftRow02*/ 

.startColumnLeftRow02 {
	border: 1px solid #dbdbdb;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 24px 0px;
	display: block;
}

.startColumnLeftRow02 h2 {
	margin: 0px;
	padding: 0px;                                                                      
}

.startColumnLeftRow02 h3 {
	margin: 0px 0px 20px 0px !important;
	padding: 0px;                                                                      
}

.startColumnLeftRow02 .csc-textpic-text {
	color: #373737;
	font-size: 14px;
	margin: 5px 0px 50px 0px;
	padding: 0px;
	line-height: 20px;
}

.startColumnLeftRow02 span a {
	color: #777777;
	font-size: 12px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	line-height: 20px;
	text-decoration: underline;
}

/*startseite content - startColumnLeftRow03*/ 

.startColumnLeftRow03 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
}

*html .startColumnLeftRow03 {
	padding: 0px 0px 0px 0px;
}

.cloudLogo ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.cloudLogo li {
	list-style: none;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	float: left;
}

/*startColumnRight*/

.startColumnRight {                                                                           
	border: 0px;
	float: left;
	width: 296px;
	padding: 0px 0px 0px 15px;
}

.startContent h2 {
	font-size: 18px;
	color: #002940;
	font-weight: bold;
}

.startContent h3 {
	font-size: 14px;
	color: #002940;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.startImageLeft {
	border: 0px solid black;
	float: left;
	padding: 3px 10px 0px 0px;
}

.kundenmeinungen {
	margin: 0px 0px 50px 0px;
}

.kundenmeinung {
	font-family: "Times New Roman", serif;
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	color: #373737;
}

.discreet {
	font-size: 12px;
	margin: 0px 0px 30px 0px;
	border: 0px solid red;
}

.discreet span, .discreet2{
	color: #777777;
}

.blogEntry {
	font-size: 14px;
	margin: 0px 0px 20px 0px;
	line-height: 20px;
}

.date {
	color: #666666;
	font-size: 12px;
}

.teaser {
	font-weight: bold;
}

.csc-textpic-text .zitatstartseite {
	border: 0px solid red;
	display: block;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
}

.csc-textpic-intext-left {
	margin: 0px 0px 20px 0px;
}

/*dossier*/

.dossier {
	text-align: left;
	background: #eeeeee;
	color: #999;
	margin: 0px 0px 25px 0px;
	padding: 15px 20px 15px 20px;
	font-size: 12px;
	line-height: 18px;
	border: 0px solid red;
}

*html .dossier {
	margin: 0px 0px 50px 0px;
} 

.dossier h1,
.dossier h2 {
	color: #999;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

/*footer*/

.footerWrapper {
	background: url(../images/footer.gif) repeat-x top left #124f6b;
}

.footer {
	border: 0px solid red;
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 40px 0px 40px 0px;
	color: #7ab0ca;
} 

.footer a:link,
.footer a:visited,
.footer a:hover {
	color: #7ab0ca;
}

.containerFooter {
	border-bottom: 1px solid #3e758f;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-size: 12px;
	height: 20px;
}

.containerFooter .left  {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	border: 0px solid red;
	float: left;
	width: 150px;
}

.containerFooter .left a {
	color: #b0d4e5;
}

.impressum {
	border: 0px solid #3e758f;
	border-width: 1px 0px 1px 0px;
	margin: 40px 0px 0px 0px;
	width: 100%;
	height: 50px;
	padding: 10px 0px 20px 0px;
}

*html .impressum {
	margin: 20px 0px 0px 0px;
}

.social {
	float: left;
	width: 25%;
	border: 0px solid red;
}

.social h2 {
	color: white;
	text-transform: none;
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
}

.info {
	float: right;
	margin: 0px 0px 0px 0px;
	color: white;
	font-size: 13px;
	border: 0px solid red;
}

.info p {
	color: white;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
}

.info h2 {
	color: #7ab0ca;
	text-transform: none;
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
}

.signature {
	border: 0px solid red;
	text-align: right;
	color: #427691;
	font-size: 12px;
	padding: 10px 0px 0px 0px;
}

.yellow {
	color: #dddf5b;
}


/* CSS von alex */
.halfdiv .bodytext, .fulldiv .bodytext {font-size:14px;}
.halfdiv { position:relative; float:left; width:50% }

.fulldiv {  position:relative; float:left; width:100%; }
.dritteldiv { position:relative; float:left; width:33%; }
hr{position:relative; float:left; width:100%; height:0px; margin:10px 0 10px 0; padding:0px;border:0px; border-bottom:3px solid #CDE5F1;}




.latestBlogdate{width:auto; margin:0px; paddding:0px; height:auto;}
.latestBlogdate a{width:auto; margin:0px; paddding:0px; height:auto;}
.bodytext{color:#373737}



.startColumnRight .csc-textpic-imagewrap img{ position:relative; top:6px;}

.blogEntry .teaser a { color:black;}

#c581 {
	border: 0px solid red;
	margin: 0px 0px 40px 0px;
}