@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */


/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@media screen, projection {

/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }
	
		
ul,
ol {
	list-style-type:circle;
	margin:13px 0 13px 25px;
	padding:0; }

ul li,
ol li {
	line-height:1.7;
	margin:0 0 2px 0;
	padding:0; }

ul.nolist li,
ol.nolist li {
	list-style-type:none; }
	
:focus {
	outline: 0; }

ins {
	text-decoration: none; }
	
del {
	text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }

/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clearfix { 
	display:inline-block; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }
	
/* Hide from IE Mac \*/
	.clearfix { display:block; }
/* End hide from IE Mac */

.clear {clear:both;} 

/*	-------------------------------------------------------------
	BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html {
	font-size: 100%; }

body {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #202020;
	min-width:999px;
	line-height: 150%;
	padding:0;
	margin:0;
	background: #fefefe url('/content/images/public/bg_body.png') no-repeat top center; } 
 
/*	-------------------------------------------------------------
	LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

a {
	color:#1c6997;
	margin: 0;
	padding:0;
	outline: 0; }
 
a, a:visited, a:active, a:hover {
	text-decoration: underline;
}
 

a.btn {
	font-family: "Droid Sans Bold", sans-serif;
	font-size:1.5em;
	text-shadow: 0 1px 0 #fff;
	width: 180px;
	height: 46px;
	display: block;
	float:left;
	margin:10px 10px 0 0;
	line-height: 46px;
	text-align: center;
	background:transparent url('/content/images/public/bg_buttons.png') no-repeat 0 0; } 

a.btn:hover {
	color:#383838;
	font-size:1.5em;
	border: none;
	text-shadow: 0 1px 0 #fff; } 

  
/*	-------------------------------------------------------------
	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

p {
	margin:0 0 17px 0;
	line-height: 150%;
	font-size: 14px;
	}

h1, h2, h3, h4, h5, h6 { 
	font-family: "Droid Sans Bold", sans-serif;
	color: #323231;
	letter-spacing: normal; }
 
h1 {
	font-size:25px;
	margin: 0 0 10px 0; }
 
h2 {
	font-size:21px;
	margin: 10px 0 5px 0;
	line-height: 150%; }
 
h3 {
	font-size: 19px;
	margin: 20px 0 5px 0; }

h3 span {
	font-family: "Droid Sans Regular", sans-serif;
	font-size:14px;
	margin: 0 0 20px 10px; }

h3.topfeatures {
	padding:0 0 15px 40px;
	height: 32px;
	line-height: 32px;
	background: transparent url('/content/images/public/lightbulb_32.png') no-repeat 0 0; }

h4 {
	font-family: "Droid Sans Regular", sans-serif;
	font-size: 15px;
	line-height: 150%;
	margin:0;
	padding:0; }

h5 {
	font-family: "Droid Sans Regular", sans-serif;
	font-size: 14px;
	line-height: 150%;
	margin:0;
	padding:0; }
	

	
/*	-------------------------------------------------------------
	Textstyling und Styling
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.white {
	color: White;
}

.no-underline{
	text-decoration: none;
}

.ineedsomespace{
	height: 40px;
}

.ineedsomeminispace{
	height: 20px;
}


/*	-------------------------------------------------------------
	BREADCRUMBS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.breadcrumb{
	font-size: 12px;
	color: #DAD9D9;
	margin: 0 0 -10px 0;
	}	
	
.breadcrumb a{
	color: #DAD9D9;
}
.breadcrumb a:hover{
	color: #F9E0A9;
}
	
	
	
/*	-------------------------------------------------------------
	INFOKASTEN
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.Infokasten {
	padding: 10px 10px 10px 10px;
	border: 1px solid Orange;
	background: #FFFFE0;
}
 
/*	-------------------------------------------------------------
	GRID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.container {
	width:100%;
	margin:0;
	padding:0;
	background: transparent url('/content/images/public/bg_container.gif') repeat-x top left; }

.wrapper {
	width:999px;
	margin:0;
	padding:0;
	margin:0 auto; }

.header-and-showcase,  {
	position:relative;
	width:999px;
	padding:0;
	margin:0 auto; } 

.showcase-big {
	height:433px; }	
	
.showcase-small {
	height:170px;	
}
	
.subpage .header-and-showcase {
	position:relative;
	width:999px;
	height:207px;
	padding:0;
	margin:0 auto; }

.sub-header {
	position:relative;
	width:999px;
	padding:0;
	margin:0 auto; }

.content-top {
	width: 1006px;
	height: 16px;
	margin:0 auto;
	background: transparent url('/content/images/public/content_top.png') no-repeat top left; }

.content {
	width:946px;
	min-height: 450px;
	padding: 15px 30px;
	margin:0 auto;
	background: transparent url('/content/images/public/content_bg.png') repeat-y left bottom; }

.content-btm {
	width: 1006px;
	height: 30px;
	margin:0 auto;
	background: transparent url('/content/images/public/content_btm.png') no-repeat top left; }

/*	-------------------------------------------------------------
	Content auf der Startseite in den 4 Bloecken
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.hauptcontent-linke-spalte, .hauptcontent-rechte-spalte {
	float:left; }
	

.colleft, .colright {
	float:left;
	width: 48%; }

.colright {
	margin:0 0 0 35px; }

.small {
	width: 40%;
}


.hauptcontent-linke-spalte { 
	width: 600px;
	padding:10px 30px 0 0;
	border-right: 1px solid #dad9d9; }	



div.block {
	float: left;
	width: 280px;
	height: 150px;
	margin: 1em 0 0 20px; }

div.block h4 {
	font-size:1.4em;
	line-height: 1.5em;	
	margin:0;
	padding: 30px 0px 0px 0px;

 }
	


div.block p {
	font-size: 11px; }

.block img{
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
}
	
	
/*	-------------------------------------------------------------
	content auf der Startseite mit den 4 Bloecken - rechts
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.hauptcontent-rechte-spalte {
	width: 283px;
	padding:10px 0 0 30px; }

	

.startseite-box-mit-infos{
	margin-top: 25px;
	margin-left: 20px;
}	
	
	
.startseite-box-mit-infos h3{
	margin-bottom: 30px;
	font-size: 18px;
	text-align: center;
}

.startseite-box-mit-infos p{
	font-size: medium;
	text-align: center;
	line-height: 120%;		
}
	
.startseite-box-mit-infos p a {
	color: #202020;	
}		


/*	-------------------------------------------------------------
	content wenn es nur eine Spalte gibt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.conent-one-col{
	width: 600px;
}
	
/*	-------------------------------------------------------------
 HEADER 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


.header-and-showcase .header-bar {
	width: 999px;
	height: 79px; }

.logoimheader {
padding: 0px 0px 0px 23px;
 }


 
.header-and-showcase ul.nav, .header-and-showcase ul.nav-utilities{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0; }

.header-and-showcase .nav li, .header-and-showcase .nav-utilities li 	{
	list-style-type:none;
	position: relative;
	float:left;
	width:auto;
	white-space:nowrap;
	padding:0 5px !important;
	background:transparent;
	 }

	/* Beschreibung des Aussehens eines Eintrags in der Hauptnavigationsleiste*/
.header-and-showcase .nav li a {
	display:block;
	text-decoration: none;
	font-size:larger;
	color: #BDBDBD;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 78px;
	padding: 15px 19px;
	text-shadow: 0 1px 0 #000;
	background:transparent;
	letter-spacing: normal;
	}

.header-and-showcase .nav li a:hover {
	color: #fa8100;
	background: none;
	border-bottom: none; }

.header-and-showcase .nav li a.selected {
	color:#fff; }
	
	/* Beschreibung des Aussehens eines Eintrags in der Utilities-Navigationsleiste*/
.header-and-showcase .nav-utilities li a {
	font-size: 13px;	
	font: bold;
	color: #2b82ad;
}		

.header-and-showcase .nav-utilities li a:hover {
	color: White;
}	
/*	-------------------------------------------------------------
 SHOWCASE 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.showcase {
	position: relative;
	width: 999px;
	height: 353px;
	top: 0px;
	margin:0;
	background: transparent url('/content/images/public/bg_showcase.png') no-repeat top center; }



.showcasetext{
	position: absolute;
	top: 270px;
	left: 30px;
}
	
.textoder {
position: relative;
top: -20px;	
font-style: italic;
font-size: small;
padding: 0pt 10px;


}



/* PAGE TITLE */
.page-title {
	position: relative;
	width: 999px;
	height: 130px;
	margin:0;
}

.page-title h1 {
	font-family: "Droid Sans Bold", sans-serif;
	color:#fff;
	font-size:30px;
	-webkit-box-shadow: 3px 3px 2px #323231;
	text-shadow: 3px 3px 2px #323231;
	line-height: 95px; }

.page-title ul.nav {
	position:absolute;
	top:27px;
	right:0;
	margin:0;
	padding:0; }

.page-title ul.nav li {
	list-style-type:none;
	position: relative;
	float:left;
	width:auto;
	white-space:nowrap;
	padding:0 5px !important;
	background:transparent; }

.page-title ul.nav li a {
	display:block;
	color:#b4b4b4;
	font-size:1.4em;
	font-weight: bold;
	padding:0 10px;
	text-transform: none;
	text-shadow: 0 1px 0 #000;
	background:transparent; }

.page-title ul.nav li a:hover {
	color:#fff;
	background: none;
	border-bottom: none; }

.page-title ul.nav li a.selected {
	color:#fff; }


/*	-------------------------------------------------------------
	Sandras Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.container-footer-sorgt-fuer-hintergrundbild {
	margin:0;
	padding:0;
	width:100%;
	height: 132px;
	background-color: Black;
	background: url('/content/images/public/footer-background.png') repeat-x scroll bottom;
 }	
 
.container-footer-sorgt-fuer-mittigen-content {
	width:999px;
	margin:0;
	padding:0;
	margin:0 auto; 
	} 


 
.footer-box-with-logo{
	float: left;
	width: 250px;
	height: 100px;
	padding: 5px 0px 0px 0px;	
	margin: 0 20px 0 0;
} 

.footer-box-with-logo p,.footer-box-with-logo a{
	line-height: 130%;
	text-decoration: none;
	
}
 
.footer-box-with-links{
	float: left;
	width: 140px;
	height: 100px;
	padding: 50px 0px 0px 0px;	
	line-height: 130%;
	font-size: small;
	text-decoration: none;
	
}  
.footer-box-with-links a{
	color: white;
	text-decoration: none;	
} 
.footer-box-with-links a:hover{
	color: white;
text-decoration: underline;
} 


.footer-box-with-trial-button{
	float: left;
	width: 200px;
	height: 100px;
	padding: 20px 0px 0px 0px;	
}  


/*	-- Damit der Footer immer unten bleibt braucht man folgende Einstellungen
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ */

* {
margin: 0;
   }

	
html, body {
    height: 100%;
 }

.wrapper-maincontent-to-push-footer-down {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -130px;
 }
 
 .footer-wrapper-drueckt-footer-nach-unten, .push-footer-down {
     height: 131px;
 }

 .footer-wrapper-drueckt-footer-nach-unten {
     background: Black;
 }
 
 
/*	-------------------------------------------------------------
	Linkbar mit 2 Links "Details ansehen oder LMT jetzt testen"
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 
 
.linkbar {
	font-size: 16px;
	margin:20px;
	padding:10px;
	text-align:center;
	float:left;
	background-color:#f9e0a9;
	width:500px;
	font: bold;
	}


	
	
	
/*	-------------------------------------------------------------
	CLOSING STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

}