@CHARSET "UTF-8";

* {
	margin: 0; padding: 0;font-size: 100%;
	font: normal 11px verdana,geneva,arial,helvetica,sans-serif;

}

strong {
	font-weight: bold;
}

h1 h2 h3 h4 h5 h6 {
	font-size: 100%;
}

a {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

ul  {
	list-style-type: none;
	margin: 0; padding: 0;
}
ol {
	list-style-type: none;
	margin: 0; padding: 0;
}

label {
	cursor: pointer;
	display: block;
	width: 90%;
}
p {
	margin-bottom:5px;
}

img {
	border: 0;
}
fieldset {

	border: none;
}

body {
	font-size: 11px;
	text-align:center;
	background: #f5f5f5;
}

.spacer {
	clear: both;
	margin-bottom: -1px;
	font-size: 1px;
	height:1px;
}

.last {
	border: none !important;
}


.first {
	padding-left: 0px !important;
}

.nodisplay {
	top: -500px !important;
	width: 0px !important;
	height: 0px !important;
	display: inline; position: absolute;overflow: hidden;
}

.norightmargin {
	margin-right: 0px !important;
}

.noleftmargin {
	margin-left: 0px !important;
}

.norightpadding {
	padding-right: 0px !important;
}

.noleftpadding {
	padding-left: 0px !important;
}

/* ------ */

#main {
	background: url(../img/template/bg/main_bg.gif) repeat-y;
	width: 891px;
	margin: 0 auto;
	padding: 0 19px 20px 19px;
	text-align: left;

}

#header {
	width: 891px;
	background: url(../img/template/bg/head_bg.gif) repeat-x;
	border-bottom: 1px solid #dadada;
	height: 112px;
}

#logo {
	width: 400px;
	float: left;
	margin: 23px 0 0 15px;
}

#header-right {
	width:450px;
	float: right;
	text-align: right;
}

#header-info {
	width: 440px;
	margin: 20px 0;
	padding-right: 10px;
	color: #2f81d8;
	font-size: 11px;
}


#topnav {
	width: 450px;
}

#topnav ul {
	float: right;
}



#topnav li {
	float: left;
	padding: 0 10px;
	margin-top: 35px;
	line-height: 12px;
	border-right: 1px solid #666666;
}
#topnav li a {
	color: #666666;
}


#topnav li a:hover {
	color: #2f81d8;
	text-decoration: underline;
}


#topnav .current {
	color: #2f81d8 !important;
	text-decoration: none !important;
}




#metanav {
	width: 669px;
	margin: 20px 0;
	padding: 15px 0 0 222px;
	color: #666666;
	border-top: 1px solid #2f81d8;
}

#metanav ul {
}

#metanav li {
	float: left;
	padding: 0 10px;
	line-height: 12px;
	border-right: 1px solid #666666;
}

#metanav li a {
	text-decoration: none;
	color: #666666;
}
#metanav li a:hover {
	text-decoration: underline;
	color: #2f81d8;
}
#metanav .current {
	color: #2f81d8 !important;
	text-decoration: none !important;
}



#visual {
	width: 891px;
	padding-top: 1px;
	border-top:10px solid #2f81d8;
	overflow: hidden;
	height:1px;
}

#pathnav {
	width: 669px;
	padding: 10px 0 12px 222px;
	color: #808080;
}
#pathnav a {
	text-decoration: underline;
	color: #808080;
}
#pathnav a:hover {
	text-decoration: underline;
	color: #2f81d8;
}

#pathnav .identifier {
	background: url(../img/template/symbols/link_grey.gif) 100% 60% no-repeat;
	padding-right: 10px;
}


#content {
	width: 891px;
}

#leftcol {
	float:left;
	width: 207px;
	margin-right: 15px;
	border-top: 1px solid #c1c1c1;
	background: url(../img/template/bg/navi_bg.gif) 0 0 repeat-x;
}



#nav {
	width: 207px;
	margin-bottom: 20px;
}

#nav ul {
}

#nav ul li {
	border-bottom: 1px solid #c1c1c1;
	padding-left: 10px;
}
#nav ul li a {
	width: 175px;
	display: block;
	padding: 7px 10px 7px 12px;
	background: url(../img/template/symbols/link_blue.gif) 0 11px no-repeat;
	font-weight: bold;
	color: #2f81d8;
	text-decoration: none;
} 

#nav ul li a:hover {
	background: url(../img/template/symbols/link_black.gif) 0 11px no-repeat;
	color: #000000;
}
#nav  ul ul li {
	border-top: 1px solid #c1c1c1;
	border-bottom: none;
}
#nav  ul ul li a{
	color: #2f81d8;
	font-weight: normal;
	padding-top:4px;
	padding-bottom:4px;
	width: 165px;
	background: url(../img/template/symbols/link_blue.gif) 0 8px no-repeat;
}
#nav ul ul li a:hover {
	background: url(../img/template/symbols/link_black.gif) 0 8px no-repeat;
}


#nav .current{
	color: #808080;
	font-weight: bold;
}

#nav .current:hover{
	color: #000000;
}


#search {
	width: 207px;
	background: url(../img/template/bg/suche_bg.gif) repeat-x;
	border-bottom: 1px solid #c1c1c1;
	margin-bottom: 20px;
	padding: 0px;

}
#search h2 {
	display: block;
	margin-left: 10px;
	padding: 7px 10px 4px 12px;
	background: url(../img/template/symbols/link_grey.gif) 0 11px no-repeat;
	font-weight: bold;
	color: #6d6d6d;
}

#search .form {
	padding: 0px 10px 5px 22px;
	width: 175px;

}
#search .form input {
	width: 120px;
}
#search .button {
	background: #6d6d6d;
	color: #ffffff !important;
	width: auto !important;
	font-weight: bold;
	line-height: 12px;
	font-size: 11px;
	padding: 1px 5px 1px 5px;
}

#contact {
	margin-top: 60px;
	width: 175px;
	padding: 0 10px 15px 22px;
	border-bottom: 1px solid #c1c1c1;
	margin-bottom: 20px;
	color: #6d6d6d;

}
#contact h2 {
	display: block;
	margin-left: -12px;
	padding: 7px 10px 4px 12px;
	background: url(../img/template/symbols/link_grey.gif) 0 11px no-repeat;
	font-weight: bold;
	color: #6d6d6d;
}



#rightcol {
	float: left;
	width: 669px;
	border-top: 1px solid #dddddd;

}

#rightcol h2 {
	width: 669px;
	color: #2f81d8;
	font-size: 24px;
	font-weight: normal;
	margin: 30px 0 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #2f81d8;
}

#rightcol .productimage {
	width: 213px;
	float: right;
	text-align: right;
	margin-left: 15px;
	margin-bottom: 10px;
}




#highlights {
	width: 669px;
	/*border-bottom: 1px solid #dddddd;*/
	margin-top: 30px;

}

#highlights .teaser {
	float: left;
	width: 213px;
	margin-right: 15px;

}

#highlights .teaserbox {
	background: url(../img/template/bg/start_teaser_bg.jpg) 0 0 no-repeat;
	width: 193px; height: 67px;
	padding: 10px 10px 0 10px;

}

#highlights h2 {
	text-transform: uppercase;
	color: #a0a0a0;
	padding: 0 0 3px 0 !important;
	margin-top: 0px !important;
	line-height: 10px;
	width: auto;
	border: 0px;
	margin-bottom: 0px;
}

#highlights h2 a {
	color: #a0a0a0;
	text-decoration: none;
}

#highlights h2 a:hover {
	color: #2f81d8;
	text-decoration: underline;
}



#highlights .image{
	width:67px;
	float: left;
	text-align: center
}

#highlights .text{
	width: 126px;
	line-height: 13px;
	float: right;
	color: #d8d8d8;
}
#highlights .text h3 {
	width: 126px;
	color: #fff;
	/*border-bottom: 1px solid #fff;*/
	line-height: 11px;
	padding-bottom: 0px; margin-bottom:3px;
}

#highlights .text h3 a{
	color: #fff;
	text-decoration: none;
}

#highlights .text h3 a:hover{
	color: #000;
	text-decoration: underline;
}


#highlights .more a {
	display: block;
	margin-top:1px;
	padding-left: 8px;
	background: url(../img/template/symbols/link_white.gif) 0 60% no-repeat;
	color: #fff;
	text-decoration: underline;
}
#highlights .more a:hover {
	background: url(../img/template/symbols/link_black.gif) 0 60% no-repeat;
	color: #000;
	}


#contenttext {
	margin:30px 0; color: #444444;
	line-height: 18px;

}
#contenttext p {
	line-height: 18px;
	margin-bottom: 16px;
}
#contenttext .teaser {
	width: 669px;
	margin-top:30px;
}
#contenttext .image {
	float: left;
	width: 126px;
	margin-right: 15px;
}
#contenttext .text {
	float: left;
	width: 528px;
	line-height: 18px;
}
#contenttext h3 {
	font-weight: bold !important;
	color: #2f81d8;
	margin-bottom: 16px;
}

#contenttext ul {
	margin-bottom: 16px;
}
#contenttext li {
	margin-bottom: 5px;
	background: url(../img/template/symbols/link_blue.gif) 0 6px no-repeat;
	padding-left: 10px;
	line-height: 18px;
}
#contenttext .text h3 {
	color: #444444;
	border-bottom: 1px solid #d8d8d8;
	line-height: 14px;
	padding-bottom: 3px; margin-bottom:6px;
	font-weight: bold !important;
}
#contenttext .text h3 a{
	color: #444444;
	text-decoration: none;
	font-weight: bold !important;
}

#contenttext .text h3 a:hover{
	color: #2f81d8;
	text-decoration: underline;
}
#contenttext .more a {
	display: block;
	margin-top:1px;
	padding-left: 8px;
	background: url(../img/template/symbols/link_blue.gif) 0 60% no-repeat;
	color: #2f81d8;
	text-decoration: underline;
}
#contenttext .more a:hover {
	background: url(../img/template/symbols/link_black.gif) 0 60% no-repeat;
	color: #000;
	}

#contenttext a {
	color: #2f81d8;
	text-decoration: underline;
}
#contenttext a:hover {
	color: #000000;
	text-decoration: underline;
}

#overview {
	border-bottom: 1px solid #808080;
	
}
#overview ul {
	margin: 0 0 25px 0;
	list-style-type: none;
}

#overview li {
	margin-left: 40px;
	background: url(../img/template/symbols/link_blue.gif) 0 5px no-repeat;
	padding: 0px 0 5px 12px;
	margin-bottom: 5px;
	line-height: 18px;
}
#overview p {
	margin-bottom: 0px !important;
}


#productlist {
	float: left;
	width: 193px;
	padding: 10px;
	background: url(../img/template/bg/navi_bg.gif) 0 0 repeat-x;

}
#productlist h3 {
	color: #808080;
	border-bottom: 1px solid #adadad;
	padding-bottom:3px;
	margin: 5px 0 20px 0;
}




#productlist .teaser{
	width: 181px;
	border: 1px solid #d8d8d8;
	padding: 5px;
	margin-bottom: 10px;
	background: #ffffff url(../img/template/bg/productlist.gif) 0 100% repeat-x;	
}

#productlist .teaser-current{
	width: 181px;
	border: 1px solid #2f81d8;
	padding: 5px;
	margin-bottom: 10px;
	background: #eef3fb url(../img/template/bg/productlist_over.gif) 0 100% repeat-x;	
}

#productlist .teaserimage {
	float: left;
	width: 55px;
	margin-right: 5px;
}
#productlist .teasertext {
	float: left;
	width: 120px;
}
#productlist .teasertext h4 {
	width: 100%;
	color: #404040;
	font-weight: normal;
	margin-bottom: 3px;
	/*border-bottom: 1px solid #2f81d8;*/
}
#productlist .teasertext h4 a {
	color: #2f81d8;
	text-decoration: none;
}
#productlist .teasertext h4 a:hover {
	color: #404040;
	text-decoration: none;
}

#productlist .more a {
	display: block;
	margin-top:1px;
	padding-left: 8px;
	background: url(../img/template/symbols/link_blue.gif) 0 60% no-repeat;
	color: #2f81d8;
	text-decoration: underline;
}
#productlist .more a:hover {
	background: url(../img/template/symbols/link_black.gif) 0 60% no-repeat;
	color: #000;
	}


#producttext {
	float:left;
	width: 441px;
	margin-left:15px;
}

#producttext h2 {
	width: 441px;
	margin-bottom: 25px;
	font-size: 20px;
}
#producttext a {
	color: #2f81d8;
	text-decoration: underline;
}
#producttext a:hover {
	color: #000000;
	text-decoration: underline;
}
#producttext p {
	line-height: 18px;
	margin-bottom: 16px;
}
#producttext h3 {
	color: #2f81d8;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom:15px;
}
#producttext ul {
	margin-bottom: 16px;
}
#producttext li {
	background: url(../img/template/symbols/link_blue.gif) 0 7px no-repeat;
	padding-left: 10px;
	margin-bottom: 8px;
		line-height: 18px;
}



#footer {
	background: url(../img/template/bg/footer_bg.gif) no-repeat;
	width: 891px;
	margin: 0 auto;
	padding: 10px 19px 20px 19px;
	text-align: center;
	color: #808080;
}
#footer h3 {
	display: inline;
}

/* ------- */

.image-left {
	float: left;
	margin-right: 20px;
}
.image-right {
	float: right;
	margin-left: 20px;
}

/* ----------- Formular */
#contentformular ol {
	margin-bottom: 10px;
}
#contentformular li {
	width: 401px;
	margin-bottom: 10px;
	background: #f8f8f8;
	border: 2px solid #f8f8f8;
	padding: 3px 5px 5px 10px;
}
#contentformular textarea{
	width: 95%;
	margin-bottom:3px;
}
#contentformular input{
	width: 95%;
	margin-bottom:3px;
	height: auto !important;
	padding: 1px 0;
}

#contentformular label {
	margin-bottom: 3px;
}

#contentformular .require {
	background: #eaeaea !important;
	border: 2px solid #eaeaea !important;
}

#contentformular .require label {
	background: url(../img/template/symbols/require.gif) 0 1px no-repeat;
	padding-left: 15px;
}

#contentformular .error {
	background: #eaeaea !important;
	border: 2px solid #c00000 !important;
}

#contentformular .error label {
	background: url(../img/template/symbols/error.gif) 0 2px no-repeat;
	padding-left: 17px;
	color: #c00000;
	font-weight: bold;
}

#contentformular .form-error-msg {
	background: #c00000;
	display: block;
	width: 397px;
	border: 2px solid #c00000;
	padding: 10px;
	color: #fff;
}


#contentformular .button {
	padding-top: 8px !important;
	background: none !important;
	text-align: right;
	border: 0px !important;
}
#contentformular .button input {
	width: auto !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
	background: #6d6d6d;
	color: #ffffff !important;
	font-weight: bold;
	line-height: 12px;
	font-size: 11px;
}
#contentformular .copy {
}
#contentformular .copy input {
	width: auto !important;
	float: left;
	margin-right: 10px;
}
#contentformular .copy label {
	display: block !important;
	float: left;
	width: 90% !important;
	padding-top: 0px !important;	
}


#contentformular .anrede{
	width: 140px !important;	
}

/* --------- Sitemap */
#sitemap a {
	color: #2f81d8;
	text-decoration: underline;
}
#sitemap a:hover {
	color: #000000;
	text-decoration: underline;
}

#sitemap {
	margin-left:40px;
}

#sitemap .level0 {
margin-bottom:10px;
background: url(../img/template/symbols/link_blue.gif) 0 5px no-repeat;
padding-left:10px;
}


#sitemap .level1 {
font-weight:bold;
margin-bottom:2px;
padding-top:2px;
padding-bottom:2px;
color: #202020;
background: url(../img/template/symbols/link_blue.gif) 0 6px no-repeat;
padding-left:10px;
}

#sitemap .level2 {
margin-left:20px;
margin-bottom:2px;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
color: #202020;
background: url(../img/template/symbols/link_blue.gif) 0 8px no-repeat;
padding-left:10px;
}
