/*reset */ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;} sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html { overflow: -moz-scrollbars-vertical; }

body,
input,
textarea { font-family: "Trebuchet MS", sans-serif; font-size: .8em; color: #1a1a1a; line-height: 2em; }

body { background-color: #fff; color: #162a3a; }
p { padding-bottom: 2em; }
ul { list-style-type: square; margin-left: 20px; }
abbr,
acronym { border-bottom: 1px dotted #162a3a; }
address { font-style: normal; line-height: 1.6em; margin-bottom: 3.2em; }
#kontakt p { padding-bottom: 1.6em; line-height: 1.6em; }

.label { display: block; float: left; width: 4.5em; }

#page { width: 670px; margin: 0 auto; }
#text { width: 500px; }

a { color: #162a3a; }
a:hover { color: #7d4000; }

/* Menu */

#page ul#menu,
#page ul#menu li { list-style-type: none; margin: 10px 0 0 0; padding: 0; }

	#page ul#menu li a { text-decoration: none; }
	
	#page ul#menu li .tab { display: block; float: left; width: 160px; -moz-border-radius: 5px;	-webkit-border-radius: 5px; border-radius: 5px; margin-right: 10px; color: #ddd; }
	#page ul#menu li.last .tab { margin-right: 0; }

	#page ul#menu li#angebot .tab    { background-color: #7d4000; }
	#page ul#menu li#kenntnisse .tab { background-color: #0e1354; }
	#page ul#menu li#referenzen .tab { background-color: #441133; }
	#page ul#menu li#kontakt .tab    { background-color: #374b18; }

		#page ul#menu li .tab span { display: block; float: left; padding: 0 0 30px 15px; }
		#page ul#menu li span.tab span { padding-bottom: 60px; color: #fff; }
		#page ul#menu li a:hover span { padding-bottom: 33px; color: #fff; }

/* Text */

#page div#text { margin-left: 15px; clear: both; width: 450px; padding: 80px 0; }
	#page #text h2 { font-weight: bold; }
	#page #text ul { margin-left: 0; }
		#page #text ul li { padding: 0; margin: 0 0 2em 0; list-style-type: none; }
			#page #text ul li ul { margin-left: 15px; }
				#page #text ul li ul li { padding-left: 5px; list-style-type: square; margin-bottom: 0; }

/* Hide print version elemnts */

.print { display: none; }