body { 
	margin:  0;
	padding: 0;
    font-family: Trechbut MS, Arial, Helvetica, sans-serif;
}

a:link    { color: #006699; }
a:active  { color: #006699; }
a:visited { color: #006699; }
a:hover   { color: #006699; text-decoration: none; }

a.start:link    { color: #006699; font-size: 10px; }
a.start:active  { color: #006699; font-size: 10px; }
a.start:visited { color: #006699; font-size: 10px; }
a.start:hover   { color: #006699; text-decoration: none; font-size: 10px; }

div.hover:hover { background-color: #FFCC00; }


#top {
	width: 100%;
	height: 9px;
	background-color: #f0f0f0;
}

#subtop {
	width: 100%;
	background-image: url(../img/subtop.png);
	background-repeat: repeat-x;
	height: 40px;
}

#footer {
	width: 100%;
	background-image: url(../img/footer.png);
	background-repeat: repeat-x;
	height: 36px;
}

#container {
	margin: 0 auto;
	width: 841px;
	text-align: left;
}

#container2 {
	margin: 0 auto;
	width: 704px;
	text-align: left;
}

img.float {
	float: left;
}

/* Navi Stuff */
div#top ul,div#top li{
	margin: 10px 0 0 0;
	padding:0;
	list-style:none;
	float: left;
	height: 40px;
}
div#menu{
	padding: 0;
	margin: 0;
	height:40px;
	overflow:hidden;
	clear: left;
}
div#menu ul,div#menu li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
div#menu a{
	margin-top:0;
}
div#menu a,div#menu a:hover{
	height:80px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	float:left;
}
div#menu a:hover{
	margin-top:-40px;
}
img{
	border:none;
}

h1 {

	text-transform: uppercase;
	font-weight: bold;
	color: #292F36;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

h2 {

	text-transform: uppercase;
	font-weight: bold;
	color: #292F36;
	font-size: 14px;
}

p.teaser {
	line-height: 21px;
	font-size: 13px;
	color: #333;
	width: 540px;
	text-align: justify;
	border: 1px solid white;
}

div.col1 {
	line-height: 21px;
	font-size: 13px;
	color: #333;
	width: 210px;
	text-align: justify;
	float: left;
	padding-top: 5px;
	border-top: 1px dotted #333;
}


div.col2 {
	line-height: 21px;
	font-size: 13px;
	color: #333;
	width: 210px;
	text-align: justify;
	float: left;
	margin-left: 20px;
	padding-top: 5px;
	border-top: 1px dotted #333;	
}

div.col3 {
	line-height: 21px;
	font-size: 13px;
	color: #333;
	width: 210px;
	text-align: justify;
	float: left;
	margin-left: 20px;
	padding-top: 5px;
	border-top: 1px dotted #333;
}

img.icon {
	float: left;
	padding-right: 10px;
}

p.footer_col1 {
	line-height: 18px;
	font-size: 12px;
	color: #999;
	width: 150px;
	text-align: justify;
	float: left;
	padding-top: 15px;
	border-top: 1px dotted #999;
}

p.footer_col2 {
	line-height: 18px;
	font-size: 12px;
	color: #999;
	width: 250px;
	text-align: justify;
	float: left;
	padding-top: 15px;
	padding-bottom: 50px;
	margin-left: 20px;
	border-top: 1px dotted #999;
}

p.footer_col3 {
	line-height: 18px;
	font-size: 12px;
	color: #999;
	width: 150px;
	text-align: justify;
	float: left;
	padding-top: 15px;
	margin-left: 20px;
	border-top: 1px dotted #999;
}

p.werkzeuge {
	padding-top: 20px;
	clear: left;
}

p.kontakt {
	padding-top: 15px;
	margin-left: 580px;
	border-top: 1px dotted #999;
	font-size: 12px;
	line-height: 18px;
	color: #999;
}

span.h3 {
	font-weight: bold;
	font-size: 12px;

}

ul.werkzeuge {
    font-size: 13px;
    text-transform: uppercase;

}

ul.werkzeuge li {
	padding: 20px 0 0 0;
	margin: 0;

	list-style-type: lower-greek;


	height : 16px;
    font-size: 13px;
    text-transform: uppercase;
}

ul.werkzeuge li div {
	width: 500px;
	background-color: #ccc;
}

/* Navi Stuff */
ul.menu2, li.menu2{
	margin: 10px 0 0 0;
	padding:0;
	list-style:none;
	float: left;
	height: 36px;
}
div#menu2{
	padding: 0;
	margin: 0;
	height:36px;
	overflow:hidden;
	clear: left;
}
div#menu2 ul,div#menu2 li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
div#menu2 a{
	margin-top:0;
}
div#menu2 a,div#menu2 a:hover{
	height:72px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	float:left;
}
div#menu2 a:hover{
	margin-top:-36px;
}

fieldset {
	width: 300px;
	margin-left: 12px;
}

input {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px; 
	-moz-border-radius-topleft:5px; 
	-moz-border-radius-topright:5px; 
	border:1px solid #DDDDDD; 
	font-size:14px; 

margin: 10px 0 0 10px;
	width:150px;

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}

label {
	text-align: left;
	font-size: 12px; 


}

#loading {
	display: none;
	text-align: center;
	font-size: 12px;
	color: #000;
}

#ready {
	display: none;
	text-align: center;
	font-size: 12px;
	color: #000;
}

td.fieldset {
	height: 372px;
}

/* Not my Job */
#wrapper {
    width: 760px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 841px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 600px;
    width: 841px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 841px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.hide {
    display: none;
}