@charset "UTF-8";

@media all
{

/************************** general **************************/

* { 
	font-size: 100.01%; 
}
html { 
	font-size: 62.5%; 
	height:100%; 
}
body {
	font: 1.3em Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	margin: 0;
	min-width: 980px;	
	height:100%;
}
img {
	border: none;
}
form {
	margin: 0;
	padding: 0;
}
a {
	color:#000;
}
.hideme {
	 display:none; 
}
.goright {
	float:right;
}
.goleft {
	float:left;
}

/**************************  page **************************/

#page {
	min-height: 100%; 
	position: relative;
	background: #fff url(_images/header-background-spalte.jpg) center 0 repeat-y;
}
* html #page {
	height: 100%;
}

/**************************  header **************************/
#header {
	width: 100%;
	/* background:#fff url(_images/blank.gif) 0 0 no-repeat; */
}
.header-holder {
	width: 980px;
	margin: 0 auto;
}
.header-content  {
	width: 100%;
	position: relative;
	height:59px;
	background: #fff url(_images/blank.gif) 0 0 no-repeat;
}
.header-holder:after {
	content:"";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
	display:none;
}

/**************************  content **************************/

#content {
	overflow: hidden;
	width: 100%;
	/* background:#06F url(_images/blank.gif) 0 0 no-repeat; */
}
.content-holder {
	width: 980px;
	overflow: hidden;
	margin: 0 auto;
}
.content-content {
	width: 100%;
	position: relative;
	
	/* footer height goes here */
	margin-bottom: 190px;
}
.content-holder:after {
	content:"";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
}

/**************************  footer  **************************/

#footer {
	overflow: hidden;
	width: 100%;
	/* background:#6CC url(_images/blank.gif) 0 0 no-repeat;
	border-top: 1px solid #00408a;
	border-bottom: 1px solid #00408a; */
	position: absolute;
  	bottom: 0;
	left: 0;
}
.footer-holder {
	width: 980px;
	overflow: hidden;
	margin: 0 auto;
}
.footer-content {
	width: 100%;
	position: relative;
	background:#a6a8a9 url(_images/footer-background-spalte.jpg) 0 0 repeat-y;
	/* footer height goes here */
	height:190px;
}

/************************** fonts **************************/

h1 {
	font-size:2em;
	margin:0 0 0.4em 0;
	font-stretch:condensed;
	color:#646466;
}
h2 {
	font-size:1.7em;
	margin:0 0 0.4em 0;
}
p {
	font-size:1.4em;
	line-height:1.6em;
	margin:0 0 1.4em 0;
}

.text-content{
	padding: 0 30px 0 30px;
}

ul {
	list-style: none;
	padding: 0;
	margin-left:0;
}

li {
	font-size:1.4em;
	line-height:1.6em;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-image: url(_images/content-list.jpg);
	padding-bottom: 5px;
}

.orange {
	color:#f49e00;
}

/************************** menue -logo - seo **************************/

.header-menu {
	overflow: hidden;
	margin: 0;
	padding:30px 30px 0 0;
	list-style: none;
	float:right;
}
.header-menu li {
	display: inline;
	/* background: #900 url(_images/blank.gif) 0 0 no-repeat; */ 
	padding:0;
	margin:0;
}
.header-menu a {
	float:left;
	height:29px;
	text-indent:-3000px;
	overflow:hidden;
	margin-left:5px;
}
.header-menu .widecloud a {
	width:110px;
	background: url(_images/header-menue.jpg) 0 0 no-repeat;
}
.header-menu .widecloud a:hover {
	background-position:0 -58px;
}
.header-menu .widecloud a.active {
	background-position:0 -29px;
}
.header-menu .cloudbook a {
	width:111px;
	background: url(_images/header-menue.jpg) -113px 0 no-repeat;
}
.header-menu .cloudbook a:hover {
	background-position:-113px -58px;
}
.header-menu .cloudbook a.active {
	background-position:-113px -29px;
}
.header-menu .cloudstick a {
	width:111px;
	background: url(_images/header-menue.jpg) -227px 0 no-repeat;
}
.header-menu .cloudstick a:hover {
	background-position:-227px -58px;
}
.header-menu .cloudstick a.active {
	background-position:-227px -29px;
}
.header-menu .cloudgate a {
	width:106px;
	background: url(_images/header-menue.jpg) -341px 0 no-repeat;
}
.header-menu .cloudgate a:hover {
	background-position:-341px -58px;
}
.header-menu .cloudgate a.active {
	background-position:-341px -29px;
}
.header-menu .cloudconsulting a {
	width:157px;
	background: url(_images/header-menue.jpg) -450px 0 no-repeat;
}
.header-menu .cloudconsulting a:hover {
	background-position:-450px -58px;
}
.header-menu .cloudconsulting a.active {
	background-position:-450px -29px;
}
.header-menu .workshop a {
	width:99px;
	background: url(_images/header-menue.jpg) -610px 0 no-repeat;
}
.header-menu .workshop a:hover {
	background-position:-610px -58px;
}
.header-menu .workshop a.active {
	background-position:-610px -29px;
}

.header-content h1 {
	position:absolute;
	top:0;
	left:30px;
	width: 198px;
	height:59px;
	background: url(_images/header-logo.jpg) 0 0 no-repeat;
	text-indent:-3000px;
	margin:0;
	padding:0;
	z-index:10;
	overflow:hidden;
}
.header-content h1 a {
	display:block;
	width: 198px;
	height:59px;
}
.header-content h2 {
	position:absolute;
	left:-3000px;
	top: 0px;
	width:300px;
	text-indent:-3000px;
}
.header-content p {
	position:absolute;
	left:-4000px;
	top:0px;
	width:400px;
	text-indent:-3000px;
}
/**************************  footer - breadcrump  **************************/
.footer-navigation{
	padding: 20px 30px 0 90px;
}
.footer-menu {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	color:#000;
	float:left;
	width:20%;
}
.footer-menu li {
	/* display: inline; */
	/* background: #900 url(_images/blank.gif) 0 0 no-repeat; */
	padding:0;
	margin:0;
	letter-spacing: 1px;
	font-size: 1.2em;
	background-image: none;
}
.footer-menu li:first-child{
	font-weight:bold;
}
.footer-menu li sup {
	font-size: 0.6em;
}
.footer-menu li a {
	color: #000;
	text-decoration: none;
}
.footer-menu li a:hover {
	text-decoration: underline;
}
.breadcrump {
	text-align:center; 
	clear:both; 
	padding-top:10px;text-decoration:none;
}
.breadcrump a {
	text-decoration:none;
}
/************************** content **************************/

.top-teaser {

}
.top-teaser h1 {
	display:none;
}
.top-teaser h2 {
	display:none;
}
.top-teaser p {
	display:none;
}
.col-right {
	float:right; 
	width:577px; 
	padding-right:48px;
}
.col-left {
	width:262px;
	float:left; 
	padding-left:48px;
}
.col-left h1 {
	font-size:1.6em;
	line-height:1.6em;
	margin:0 0 0 0;
	color:#000;
	margin-right:48px;
}
.col-left p {
	margin-right:48px;
}
/************************** empfehlungen **************************/
.empfehlungen-head {
	position:absolute; 
	top:318px; 
	left:0;
}
.empfehlungen-head2line {
	padding-bottom:18px;
}
.empfehlungen-tuev,
.empfehlungen-symantec {
	padding-right:22px;
}
.empfehlungen-tuev,
.empfehlungen-iso {
	padding-bottom:18px;
}
.empfehlungen-symantec,
.empfehlungen-sc {
	padding-bottom:7px;
}
.empfehlungen-exchange {
	padding-bottom:14px;
}
.empfehlungen-iron {
	padding-bottom:21px;
}
.empfehlungen-gladinet {
	padding-bottom:30px;
}
/************************** beratung **************************/
.beratung-spalte-head {
	padding-bottom:8px;
}
.beratung-spalte-call {
	padding-bottom:12px;
}
.beratung-spalte-email {
	padding-bottom:12px;
}
.beratung-spalte-pers {
	padding-bottom:30px;
}
/************************** vorteile **************************/
.col-list {	
	padding: 70px 0 20px 18px;
	margin:0;
	width:257px;
	background-image: url(_images/vorteile-headvorteile.jpg);
}
.col-list li {
	color:#fff;
	background-image: url(_images/vorteile-list.jpg);
}
.col-list li a {	
	color:#fff;
}
.col-list-button {	
	margin-bottom: 1.4em;
}
/************************** informationen **************************/
.information-select-row {
	margin-bottom:20px;
	clear:left;
}
.information-callback {	
	padding:0;
	margin:0;
	width:177px;
	height: 94px;
	background: url(_images/form-information-select.jpg) 0 0 no-repeat;
	cursor:pointer;
	display:block;
	float:left;
}
.information-email {	
	padding:0;
	margin:0 0 0 18px;
	width:145px;
	height: 94px;
	background: url(_images/form-information-select.jpg) -202px -193px no-repeat;
	cursor:pointer;
	float:left;
}
.information-pers {	
	padding:0;
	margin:0 0 0 19px;
	width:199px;
	height: 94px;
	background: url(_images/form-information-select.jpg) -366px -188px no-repeat;
	cursor:pointer;
	float:left;
}
#information-email {
	display:none;
}
#information-pers {
	display:none;
}
/************************** forms **************************/
.forms_content {
	
}
.forms_content .leftcol {
	width:150px;
}
.forms_content .rightcol {
	width:240px;
}
.forms_content label.error {
	font-size: 0.8em;
	font-weight:bold;
	color:#903;
	width:240px;
	line-height:1.8em;
	padding:0 0 10px 0;
	float:left;
}
.forms_content .leftcol p { 
	vertical-align:middle;
}
.forms_content input.text, 
.forms_content textarea.text,
.forms_content select.text { 
	border: 1px solid #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size: 1em; 
	line-height: 1em;
	width:220px;
}
.forms_content input.texts { 
	width:60px;
}
.forms_content input.textb { 
	width:155px;
}
.checkbox {
	margin:0;
}
.forms_content input.button { 
	border: 1px solid #000;
	font-weight:bold;
	text-decoration:none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size: 1em; 
	color: #fff;
	line-height: 1.7em; 
	background-color:#00408a;
	cursor:pointer;
}

/* do not remove!!! */

}