html, body {
    border: 0 none;
    height: 100%;
    margin: 0;
    min-height: 100%;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

body {
    background: none repeat scroll 0 0 #fff;
    color: #707173;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: left;
}

/**************************
   LAYOUT
**************************/

h1 	{ font-size:28px; line-height:30px; font-weight:100; text-transform:uppercase; letter-spacing:2px;color:#707173;}
h2 	{ font-size:23px; line-height:25px; font-weight:100; letter-spacing:1px;color:#707173;}
h3 	{ font-size:18px; line-height:25px; font-weight:100; letter-spacing:1px;color:#707173;}
h4 	{ font-size:16px; line-height:20px; font-weight:100; letter-spacing:1px;color:#707173;}

.img:hover {filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

img  { border:none;}

.color-red {
	color: firebrick;
}

.more { font-size:11px; text-align:right; }
.more a {color:#800000 !important;}
.more a:hover {color:#8B8B8B !important;}

.tabelle-list 	        {}
.tabelle-list  a 		{color: #707173; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.tabelle-list  a:hover  {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

.td-ch-o {border-top:#666 1px solid; padding-left:10px;}
.td-ch-l {border-left:#666 1px solid; padding-left:10px;}
.td-ch-ol {border-left:#666 1px solid; border-top:#666 1px solid; padding-left:10px;}
.td-ch-ecke {padding:10px;}

p 					{-moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto; }

a:link 				{font-weight:normal; text-decoration: none; color: #4d4d4d;}
a:visited			{font-weight:normal; text-decoration: none; color: #4d4d4d;}
a:hover 			{font-weight:normal; text-decoration: none; color: #000;}
a:active			{font-weight:normal; text-decoration: none;}


#body {
    background: #fff repeat scroll 0 0 transparent;
    height: 100%;
    left: 0;
    margin: auto;
    min-height: 100%;
    overflow: scroll;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
}
#scroller {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

#top {
	background:#fff;
    position: fixed;
    text-align: center;
    top: 0px;
    width: 100%;
	height:140px;
    z-index: 6000;
}

#shadow{
	width:100%;
	min-width:100% !important;
	height:20px;
	position:fixed;
	top:140px;
	background:url('../img/shadow.png') repeat-x;
	z-index:4000;
	overflow:visible;
	}


.head:before, head:after {
    content: "";
    display: table;
}

.head:after {
    clear: both;
}

.head {
    height: 101px;
	position:relative;
	top:20px !important;
    margin: auto;
    text-align: left;
    width: 960px;
}


.logo {
	position:relative;
	width:600px;
	height:101px;
	float:left;
	}

.lang {
	top:-20px;
	float:right;
	position:relative;
	
	}

.lang:before, lang:after {
    content: "";
    display: table;
}

.lang:after {
    clear: both;
}

.lang a {
    display: block;
	float:left;
    overflow: hidden;
    padding: 5px;
}

.lang a.active {
	background:#4d4d4d;
    color: #fff;
    font-weight: normal;
}


.lang a:hover {
    color: #000 !important;
    font-weight: normal;
}

#slider-box{
    position: absolute;
    text-align: center;
    top: 120px;
    width: 100%;
	background:#4d4d4d;
	height:249px;
    z-index: 100;
	}

.pic{
	width:960px;
	height:249px;
	position:relative;
	top:0px;
    margin: auto;
	}

#slider-shadow{
    position: absolute;
    text-align: center;
    top: 120px;
    width: 100%;
	height:249px;
    z-index: 100;
	}
	
/*.pic-shadow{
	background-image:url(../img/schadow-slider.png);
	background-repeat:no-repeat;
	width:960px;
	height:249px;
	position:relative;
	top:0px;
    margin: auto;
	z-index:3000;
	}*/

#shadow2 {
	width:100%;
	min-width:100% !important;
	height:20px;
	position:absolute;
	top:369px;
	background:url('../img/shadow.png') repeat-x;
	z-index:4000;
	overflow:visible;
	}

#hier {
	position:fixed;
	width:600px;
	top: 110px;
	left:50%;
	margin-left: -130px;
	z-index:6000;
	}
#hier .p 				{font-size:12px; color:#ABABAB; text-align:right;}
#hier .p a			    {font-size:12px; color:#ABABAB; text-decoration:underline;}
#hier .p a:hover	    {font-size:12px; color:#800000; text-decoration:underline;}

#box{
    position: absolute;
    text-align: center;
    top: 369px;
    width: 100%;
	height:auto;
    z-index: 100;
	}

.content:before, head:after {
    content: "";
    display: table;
}

.content:after {
    clear: both;
}

.content {
    width: 960px;
    height: auto;
	position:relative;
	top:0px;
    margin: auto;
    text-align: left;
}


.navi {
	width:200px;
	height:auto;
	float: left;
	position:relative;
	padding-top:40px;
	padding-bottom:100px;
	}
	
.content-text {
	width:730px;
	height:auto;
	float:right;
	position:relative;
	padding-top:25px;
	padding-bottom:100px;
	}
	
.tabelle {
	width:180px !important;
	background-image:url(../images/bg-table.png);
	background-repeat:no-repeat;
    color: #707173;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
	vertical-align:top;
	text-align:justify;
	}

.tabelle a {
    color: #707173; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

.tabelle a:hover {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

.tabelle .h2 {
	text-transform:uppercase;
	line-height:20px;
	padding-left:5px;}

.tabelle .p {
	padding-left:5px;
	padding-right:5px;}

.tabelle4 {
	width:180px;
	background-image:url(../images/bg-table4.png);
	background-repeat:no-repeat;
    color: #707173;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
	vertical-align:top;
	text-align:justify;
	}

.tabelle4 a {
    color: #707173; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

.tabelle4 a:hover {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

.tabelle4 .h2 {
	text-transform:uppercase;
	line-height:20px;
	padding-left:5px;}

.tabelle4 .p {
	padding-left:5px;
	padding-right:5px;}

#shadow-bottom{
	width:100%;
	min-width:100% !important;
	height:20px;
	position:fixed;
	bottom:28px;
	background:url('../img/shadow-bottom.png') repeat-x;
	z-index:4000;
	overflow:visible;
	}
	
#footer {
	width:100%;
	bottom:16px;
	height:30px;
	position:fixed;
	background:#4d4d4d;
	text-align:center;
	z-index:5000;
	}

#footertext {
    height:20px;
	width:960px;
    position:relative;
	top:10px;
	color:#E9E9E0;
	margin:auto;
	font-size:11px;
	text-align:left;

}

#footertext a			{color:#E9E9E0; text-decoration:none; }
#footertext a:hover		{color:#C0C0C0; text-decoration:none; }

.footer-left 			{width:223px; height:auto; float:left;font-size:10px; font-weight:normal; color:#818181; !important;   }
.footer-left a:link		{text-decoration: none;	color:#818181 !important; }
.footer-left a:visited 	{text-decoration: none;	color:#818181 !important; }
.footer-left a:hover 		{text-decoration: none;	color:#686965 !important; }
.footer-left a:active 		{text-decoration: none; color:#818181 !important;}
	
.footer-right {
	height:20px;
	}



/**************************
   table
**************************/
.td-oben { background-color:#818181; color:#fff; font-weight:normal; border-right:#eee 1px solid; text-align:center;padding:2px;}
.td-h1 	 { background-color:#fff; color:#4d4d4d; padding:5px; font-weight:bold;}
.td-white-right { background-color:#fff; color:#4d4d4d; font-weight:normal; border-right:#eee 1px solid; border-bottom:#eee 1px solid;  text-align:right; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;}
.td-white-left { background-color:#fff; color:#4d4d4d; font-weight:normal; border-right:#eee 1px solid; border-bottom:#eee 1px solid;  text-align:left; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;}
.td-grey-right { background-color:#E0E0E0; color:#4d4d4d; font-weight:normal; border-right:#eee 1px solid; border-bottom:#eee 1px solid;  text-align:right; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;}
.td-grey-left { background-color:#E0E0E0; color:#4d4d4d; font-weight:normal; border-right:#eee 1px solid; border-bottom:#eee 1px solid;  text-align:left; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;}


/**************************
   E-Mail
**************************/
.email { background-color:#ffffff; color:#969696;  border:#eee 1px solid; padding:2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


/**************************
   Accordion-menu
**************************/
	
	
.topnav {
	width: 180px;
	padding: 0px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;

}

ul.topnav {
	padding: 0px;
	margin: 0;
	font-size: 16px;
	line-height: 14px;
	font-weight:580;
	list-style: none;
	color:#4d4d4d;
}

ul.topnav li {}

ul.topnav li a {
	font-size: 13px;
	padding: 8px 10px;
	color: #4d4d4d;
	display: block;
	text-decoration: none;
	border-bottom:#C0C0C0 solid 1px;
	background-color:#FFF;

}

ul.topnav li a:hover {
	color:#fff;
	background-color:#4d4d4d;
	}

ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;
	list-style: none;
	font-size: 12px;
}

ul.topnav ul li a {
	padding-left: 15px;
	font-size: 12px;
	outline:0;
	color:#636363;
	border-bottom:#D8D8D8 solid 1px;
	background-color:#FDFDFD;

}

ul.topnav ul li a:hover {
	color:#4d4d4d;
	background-color:#EAEAEA
}

ul.topnav ul ul li a {
	padding-left: 30px;
	list-style: none;
	font-size: 11px;
	line-height:11px;
	color:#8D8D8D;
	border-bottom:#E1E1E1 solid 1px;
	background-color:#FBFBFB;
	
}

ul.topnav ul ul li a:hover {
	color:#707173;
	background-color:#E6E6E6;
	font-size: 11px;
}

ul.topnav span{
	float:right;
}

ul.selected {
	font-weight:bold;
	}	

/**************************
   Accordion-product
**************************/


#page-wrap { width: 730px; }

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px;  }


/* Specific to example one */

#example-one { background: #eee; padding: 5px; margin: 0 0 5px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

#example-one .nav { overflow: hidden; margin: 0 0 10px 0; }
#example-one .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }
#example-one .nav li a:hover { background-color: #111; }

#example-one ul { list-style: none; }
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a.current, #example-one ul#featured li a:hover { background-color: #0575f4; color: white; }
#example-one ul li.nav-two a.current, #example-one ul#core li a:hover { background-color: #d30000; color: white; }
#example-one ul li.nav-three a.current, #example-one ul#jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#example-one ul li.nav-four a.current, #example-one ul#classics li a:hover { background-color: #FE4902; color: white; }



/* Specific to example two */

#example-two {/*left:-40px;*/ position:relative;  }
#example-two .list-wrap { background: #eee; padding-bottom: 30px; padding-left:5px; padding-right:5px; padding-top:10px; margin: -12px 5px 5px 0px; width:730px; }

#example-two ul { list-style: none; margin-left:-40px;  }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding:2px; color: #666; }
#example-two ul li a:hover { background: #333; color: white; }
#example-two ul li:last-child a { border: none; }

#example-two .nav { overflow: hidden; }
#example-two .nav li { width: 170px; float: left; margin: 0 5px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 3px; background: #666; color: white; font-size: 12px; text-align: center; border: 0;  }

#example-two li a.current,#example-two li a.current:hover { background-color: #eee !important; color: black; }
#example-two .nav li a:hover, #example-two .nav li a:focus { background: #999;}

.p {}