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

html, body, div, 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;
	line-height: 150%;
	vertical-align: baseline;
	background: transparent; }
	
		
ul,
ol {
	list-style-type:circle;
	margin: 7px 0 13px 45px;
	padding:0; 

	}

ul li,
ol li {
	line-height: 160%;
	margin:0 0 2px 0;
	padding:0; 
	font-size:14px;	
	}

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; }



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

html {
	font-size: 100%; }

body {
	font-size: 12px;
	font-family: Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;
	min-width:999px;
	line-height: 150%;
	padding:0;
	margin:0;
	background-color: #edecec; } 
 
/*	-------------------------------------------------------------
	LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

a {
	color:#1c6997;
	margin: 0;
	padding:0;
	outline: 0; }
 
a, a:visited, a:active, a:hover {
	text-decoration: underline;
}
 
 /*	-------------------------------------------------------------
	Bilder
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.BildMitBildunterschrift {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	-moz-box-shadow: 2px 2px 2px #888;
	float:left; 
	padding: 7px; 
	margin-right: 18px;
	margin-bottom: 10px;
	border: 1px solid #aaa; 
	max-width:220px;
}

.BildMitBildunterschrift-Bild {
vertical-align:middle;
margin:0 auto;
text-align:center;
}
.BildMitBildunterschrift-Bildunterschrift {
	max-width:210px;
	vertical-align:middle;
	margin:0 auto;
	text-align:center;	
}

.BildMitBildunterschrift-Bildunterschrift span{
	
	font-size:9px;
}

.BildMitSchatten {
	border: 1px solid #C9C9C9;
	margin: 10px 0 10px 0;
	border-radius: 4px;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;		
	box-shadow: 2px 2px 8px #333333;
	-webkit-box-shadow: 2px 2px 1px #333333;
	-moz-box-shadow: 2px 2px 1px #333333;	

}

img.BildRechtsNebenText  {
	float: right; 
	margin: 0px 0px 5px 5px;
}

.BildRechtsNebenText img {
	float: left; 
	margin: 0px 0px 5px 5px;
}


.BildRechtsNebenText div {
	float: left;
	width: 450px;
}



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

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

h1, h2, h3, h4, h5, h6 { 
	font-family: Helvetica, Arial, sans-serif;
	color: #323231;
	letter-spacing: normal; }
 
h1 {
	font-size:25px;
	margin: 15px 0 10px 0; }
	
.Standardseite h1:first-child {
	margin-top: 0;
	font-size: 28px;
	text-shadow: 1px 1px 1px Grey;
}
 
h2 {
	font-size:19px;
	margin: 25px 0 5px 0;
	line-height: 150%; }
 
h3 {
	font-size: 17px;
	margin: 35px 0 5px 0; }


h4 {
	font-size: 15px;
	line-height: 150%;
	margin:0;
	padding:0; }
		

h5 {
	font-size: 14px;
	line-height: 150%;
	margin:0;
	padding:0; }
	

	

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

.breadcrumb{
	font-size: 12px;
	color: #DAD9D9;
	margin: 0 0 -10px 0;
	padding-left: 21px;
	}	
	
.breadcrumb a{
	font-size: 12px;
	color: #DAD9D9;
}
.breadcrumb a:hover{
	color: #F9E0A9;
}
	
	
	
/*	-------------------------------------------------------------
	INFOKASTEN - Gelber Kasten auf SEO Seiten
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

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


/*	-------------------------------------------------------------
	INFOBOXEN - z.B. auf der Preise Seite und der Signup-Seite
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.Box H2 {
	margin-top: 5px;	
}
 
/*	-------------------------------------------------------------
	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-medium {
	height:170px;	
}
	
.showcase-small {
	height:130px;	
}
	
.subpage .header-and-showcase {
	position:relative;
	width:999px;
	height:207px;
	padding:0;
	margin:0 auto; }

.MainContentDiv {
	position:relative;
	width:999px;
	padding:0;
	margin:0 auto; }

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

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

.MainContentDivBottom {
	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: 2px 30px 0 0;
/*	border-right: 1px solid #dad9d9; */	
}	



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

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

 }
	


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
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/




.ShowcasePage-Right {
	float: left;
	width: 300px;
	min-height: 500px;
	position: relative;
	top: 30px;
	left: 10px;
	
}

.ShowcasePage-Right h1{
	padding-top: 8px;
	padding-left: 19px;
	color: Black;
	font-size: 16px;
	line-height: 110%;
	max-width: 200px;
}

.ShowcasePage-Right p {
	margin-top: 20px;
	color: #202020;	
	padding-left: 19px;	
	font-size: 12px;
}		

.ShowcasePage-Right img {
	vertical-align: middle;
}

.ShowcasePage-Right a {
	color: #202020;	
}		

.ShowcasePage-Right table {
	width: 200px;
	margin-left: 19px;
	margin-top: 8px;

}

.ShowcasePage-Right td{
	vertical-align: top;
	font-size: 12px;	
	padding-bottom: 15px;
}

.BoxTelefon {
	background: transparent url('/content/images/public/ui/box-empty.png')  no-repeat scroll left top;	
	margin-top: 20px;
	margin-left: 15px;
}


.BoxZeiterfassungIn10Minuten {
	background: transparent url('/content/images/public/ui/box-zeiterfassung-in-10-minuten.png')  no-repeat scroll left top;	
}

.BoxZeiterfassungIn10Minuten img {
	padding-right: 8px;
}


	

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

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


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

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


 
.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: #E2E2E2;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 78px;
	padding: 15px 0 0 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;	
	color: #E2E2E2;
	text-decoration: none;
}		

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

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

	}
	
.ShowCaseStartseite	{
	background: transparent url('/content/images/public/showcase-image-zeiterfassung-im-browser.png') no-repeat top right; 
	height: 100%;
	width: 100%;
	}
	
.ShowCase-Windows-Mobile	{
	background: transparent url('/content/images/public/windows-mobile/windows-mobile-showcase.png') no-repeat top right; 
	height: 100%;
	width: 100%;
	}

	
	.ShowCase-Android {
	background: transparent url('/content/images/public/android-zeiterfassung/android-zeiterfassung-showcase.png') no-repeat top right; 
	height: 100%;
	width: 100%;
	}
	
	

	
	
.ShowCaseText {
	position: absolute;
	top: 10px;
	left: 20px;
	word-wrap: break-word
	display: inline;	
	width: 550px;
}

.ShowCaseText H1 {
	color:White;
	font-family: Droid Sans, Helvetica,Arial,sans-serif;
	font-size:35px;
	letter-spacing:-0.1px;
	line-height:120%;
	margin-bottom:25px;
	text-shadow: 1px 2px 5px #0D2C3B, 0 0 1px White;
}

.ShowCase-Windows-Mobile .ShowCaseText H1 {
	font-size:30px;	
}

.ShowCaseText P {
	color:White;	
	line-height: 135%;
	font-family: Helvetica,Arial,sans-serif;
	position:relative;
	top: -5px;
	width: 470px;	
	text-shadow: 1px 1px 6px #0D2C3B;
	font-size: 17px;	
}


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




/*	-------------------------------------------------------------
/* PAGE TITLE */
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.page-title {
	width: 999px;
	height: 130px;
	margin:0;

}

.page-title h1 {
	color:#fff;
	font-size:30px;
	-webkit-text-shadow: 3px 3px 2px #323231;
	text-shadow: 3px 3px 2px #323231;
	margin-left: 20px;
	display: inline;
	position: relative;
	top: 10px;	
	}
	
.page-title-button {
	position: relative;
	top: 26px;
	left: 15px;
	
}




/*	-------------------------------------------------------------
	Sandras Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.container-footer-sorgt-fuer-hintergrundbild {
	margin:0;
	padding:0;
	width:100%;
	height: 152px;
	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 1px 1px 20px;
	border: thick Lime;
} 

.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: 5px 0 0 0;	
	line-height: 130%;
	font-size: small;
	text-decoration: none;
	
}  
.footer-box-with-links a{
	color: white;
	font-size: 12px;
	font-weight: lighter;
	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 0 0 0;	
}  


/*	-- 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;
	border-radius: 4px;		
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: thin solid Orange;

	}


	
 



/*	-------------------------------------------------------------
	FAQ 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 	

.FAQFrageUndAntwort{
	padding-bottom: 15px;
}

.FAQFrage{
	color: #459300;
	font-weight: bold;
	font-size: 16px;
}

.FAQAntwort{
	padding-top: 10px;	
}

.FAQBild{
	display: inline-block;
	margin-top: 15px;	
	margin-bottom: 25px;
	box-shadow: 2px 2px 8px #333333;
	-webkit-box-shadow: 2px 2px 8px #333333;
	-moz-box-shadow: 2px 2px 8px #333333;

	
}


/*	-------------------------------------------------------------
	AGB
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 	
.Agb p {
	margin: 8px 0 0 0;
}

/*	-------------------------------------------------------------
	Kontaktformular auf Kontaktseite 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 	

#FeedbackDiv{
	border: thin solid Gray; 
	padding: 10px;
	border-radius: 4px;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;		
}



/*	-------------------------------------------------------------
	Sonstiger Kram
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.Juristisch
{
    font-style: italic
}


/*	-------------------------------------------------------------
	Textstyling und Styling
   das muss hier unten stehen, damit andere Dinge, die weiter oben stehen, ueberschrieben werden koennen
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


.white {
	color: White;
}

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

.Textmarker {
	/*
    Adrian: Ich hab das mal geändert, ich fand das näml
    background-color: #4C9800;*/
    color:#4C9800;
	 font-weight: bold;
}




.SmallText{
	font-size: 11px;
}

.NoBorder {
	border: none;
}