/*******************************************************************************	Project		:	Redaxo Demo	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de*******************************************************************************/
#site-content {	color:#fff;	text-align:left;	background: inherit;}/* 
### breadcrump ############################################################ */#main-block p#breadcrumb {font-size: 1em;color: #90B0BF;margin-bottom: 30px;}/* 
### headlines ############################################################ */#main-block h1 {	color:#000;	background: inherit;	font-size:1.6em;	font-weight:normal;	line-height:1.8em;	text-transform: uppercase;	letter-spacing: 0.1em;}#main-block h2 {	color:#90B0BF;	background: inherit;	font-size:1.4em;	font-weight:bold;	line-height:1.6em;}#main-block h3 {	color:#90B0BF;	background: inherit;	font-size:1.2em;	font-weight:bold;	line-height:1.4em;}#main-block h4 {	color:#c4c4c4;	background: inherit;	font-size:1.1em;	font-weight:bold;	line-height:1.2em;}#main-block h5 {	color:#c4c4c4;	background: inherit;	font-size:1.0em;	font-weight:bold;	line-height:1.0em;}
#main-block h6 {
color: #183333;
line-height:1.4em;
font-size: 15px;

}
/* ### Images ############################################################ */#main-block img {	margin:4px 0;}#main-block img.floatLeft {	float:left;	margin:4px 10px 4px 0;}#main-block img.floatRight {	float:right;	margin:4px 0 4px 10px;}/* 
### Hyperlinks ######################################################### */#main-block a, #main-block a:link {	color:#194646;	text-decoration:none;}#main-block a:hover {	color:black;	text-decoration: underline;}#main-block a.faq, #main-block a.faq:link {	color:#eee;	font-size:1.4em;	text-decoration:none;	text-transform:none;	line-height: 2.0em;}#main-block a.faq:hover {	color:#90B0BF;	text-decoration:underline;}/* ### Paragraphs ########################################################## */#main-block p {	margin-bottom:1.6em;	font-size:1.2em;	line-height:1.6em;}#nav p {	margin-bottom:1.2em;}/* ### Tables ############################################################## */#main-block table {	font-size:1.2em;	line-height:1.6em;}#main-block td {	padding:0 0 0 0;}/* ### Blockquotes ########################################################## */#main-block blockquote {	margin:0 0 0 20px;}/* ### Lists ################################################################ */#main-block ul, #main-block ol {	margin-bottom:1.2em;	font-size:1.2em;	line-height:1.6em;}#main-block ol li {	margin:0 0 0 30px;	list-style-type:decimal-leading-zero;} #main-block ul li {	margin:0 0 0 20px;	list-style-type:square;}/* ### Module ################################################################ */#main-content-block div.floatLeft img {	float:left;	margin:4px 40px 4px 0;}#main-content-block div.floatRight img {	float:right;	margin:4px 0 4px 40px;}/*#main-content-block a.more {	clear:left;	position: relative;	left: 120px;}*//* ### Team ### */#main-content-block div.txt-img {	clear: both;	padding: 0;}/* ### Team ### */#main-content-block div.team {	clear: both;	padding: 0;	margin-bottom: 0px ;}#main-content-block div.team div{	width:100px;}#main-content-block div.team p {	font-size: 1.3em;	letter-spacing: 0.05em;	margin-top: 0px;}#main-content-block div.team div.floatLeft img {	margin:4px 0px 4px 0;}/* ### Bildgalerie ### */#main-content-block div.galerie {	clear: both;}#main-content-block div.galerie div.image {	float: left;	width: 270px;}#main-content-block div.galerie div.image img{	padding: 5px;	border:1px solid #aaa;}/* ### Formular ################################################################ */label.text{	width: 80px;	height: 25px;	display:block;	float:left;	clear: left;	padding-top:5px;}label.textarea{	width: 80px;	height: 25px;	display:block;	clear: left;	padding-top:5px;}input.text {	float:left;	width: 370px;	height:20px;	background-color: #eee;	color:#000;	border-left: 6px solid #90b0bf;;	border-bottom: 1px solid #FFF;	border-right: 6px solid #90b0bf;;	border-top: 1px solid #FFF;}textarea.textarea {	width: 450px;	height:100px;	background-color: #eee;	color:#000;	border-left: 6px solid #90b0bf;;	border-bottom: 1px solid #FFF;	border-right: 6px solid #90b0bf;;	border-top: 1px solid #FFF;}.submit{	background-color: #90b0bf;	color:#fff;	margin-top: 10px;	border: none;}

/*### Slider ######################################################### */

    a:focus { outline:none }
		
		img { border: 0 }

    .stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0 0 0;
			position: relative;
			width: 100%;
		}
 
		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 220px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}
 
		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border-top: 2px solid #2C5859; /* this is the border. should have the same value for the links */
			margin-left: 10px;
			width: 823px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 220px;
			clear: both;
			background: #fff;
			font-size: 12px;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 823px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin-left: 10px;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 12px;

			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #333333 }
		.stripNav li.tab2 a { background: #3D3D3D }
		.stripNav li.tab3 a { background: #525252 }
		.stripNav li.tab4 a { background: #5C5C5C }
		.stripNav li.tab5 a { background: #666666 }
		
		.stripNav li a:hover {
			background: #2C5859;
		}
		
		.stripNav li a.current {
			background: #2C5859;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
			display: hidden;
		}
		
		.stripNavL a, .stripNavR a {
			display: hidden;
			height: 1px;
			width: 1px;
			
		}
		
		.wrapper1 {
			background: url('/files/service.png') no-repeat;
			height: 220px;
		}
		
		#wrapper-contentbox {
 position:absolute;
	width:750px;
	z-index:2;
	float: left;
	height: 45px;
	top: 165px;
	left: 35px;
}

#wrapper-contentbox p { 
  margin: 5px 0px 0px 0px;
	padding: 0px;
  }
		
		#wrapper1-content a {
  font-weight: normal; 
	text-decoration: none;
	font-size: 11px;
  color: #fff;
  background-color: #FF6600;
  padding: 3px 5px 4px 5px;
}

#wrapper1-content a:hover {
  font-weight: normal; 
	text-decoration: none;
	font-size: 11px;
  color: #fff;
  background-color: #000;
  padding: 3px 5px 4px 5px;
}

#wrapper2-content a {
  font-weight: normal; 
	text-decoration: none;
	font-size: 11px;
  color: #fff;
  background-color: #0B3E3F;
  padding: 3px 5px 4px 5px;
}

#wrapper2-content a:hover {
  font-weight: normal; 
	text-decoration: none;
	font-size: 11px;
  color: #fff;
  background-color: #000;
  padding: 3px 5px 4px 5px;
}

#wrapper3-content a {
  font-weight: normal; 
	text-decoration: none;
	font-size: 11px;
  color: #fff;
  background-color: #3E6C9A;
  padding: 3px 5px 4px 5px;
}

#wrapper3-content a:hover {
  font-weight: normal; 
	text-decoration: none;
	font-size: 11px;
  color: #fff;
  background-color: #000;
  padding: 3px 5px 4px 5px;
}

#wrapper4-content a {
  font-weight: normal; 
	text-decoration: none;
	font-size: 11px;
  color: #fff;
  background-color: #6AA300;
  padding: 3px 5px 4px 5px;
}

#wrapper4-content a:hover {
  font-weight: normal; 
	text-decoration: none;
	font-size: 11px;
  color: #fff;
  background-color: #000;
  padding: 3px 5px 4px 5px;
}


#wrapper5-content a {
  font-weight: normal; 
	text-decoration: none;
	font-size: 11px;
  color: #fff;
  background-color: #0B3584;
  padding: 3px 5px 4px 5px;
}

#wrapper5-content a:hover {
  font-weight: normal; 
	text-decoration: none;
	font-size: 11px;
  color: #fff;
  background-color: #000;
  padding: 3px 5px 4px 5px;
}


		
		.wrapper2 {
			background: url('/files/rechenzentrum.png') no-repeat;
			height: 220px;
			
		}
		
		.wrapper3 {
			background: url('/files/hosting.png') no-repeat;
			height: 220px;
			
		}
		
		.wrapper4 {
			background: url('/files/server.png') no-repeat;
			height: 220px;
			
		}
		
		.wrapper5 {
			background: url('/files/oeko.png') no-repeat;
			height: 220px;
			
		}
/*### Startseite Boxen ######################################################### */

#box1-startseite {
	position:relative;
  float: left;
  width:353px;
  height: 220px;
  padding: 10px;
  margin: 0px 10px 0px 0px;
  background-color: #D4DDDD;
  overflow: hidden;
}

#box1-startseite p {
	font-size: 12px;
}

#box2-startseite {
	position:relative;
  float: left;
  width:210px;
  height: 230px;
  padding: 0px 10px 10px 0px;
  margin: 0px 10px 10px 0px;
  background-color: #E6E6E6;
}

#box3-startseite {
	position:relative;
  float: left;
  width:210px;
  height: 230px;
  padding: 0px 0px 10px 0px;
  margin: 0px 10px 0px 0px;
  background-color: #E6E6E6;
}