* {
	margin:0px;
	padding:0px;
}

html, body {
	width:100%;
	min-width:920px;
	color:#002540;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Console", Lucida, Arial, Helvetica, sans-serif;
}

body {
	background:#002540 url("/library/images/background.gif") repeat center top;
    font-size:62.5%;
}

a:link, a:visited {
    outline:none;
    color:#002540;
    text-decoration:none;
}

a:hover, a:active {
    outline:none;
    text-decoration:underline;
}

/* blaue Streifen oben */
#background {
	width:100%;
	background:transparent url("/library/images/bg_header.gif") repeat-x center top;
	height:155px;
	position:absolute;
	top:0px;
    left: 0px;
}


#center {
	width:920px;
	height:auto;
	min-height:100%;
	margin: 0 auto;
	text-align:left;
	position:relative;
}

/* wozu ? */
#wrapper {
	position: relative;
	min-height: 100%;
	height:auto;
	bottom:0px;
	width:920px;
}

#header {
	width:920px;
	height:150px;
	margin:0px;
	padding:0px;
	position:relative;
}

#header #logo {
	background:transparent url("/library/images/logo.png") no-repeat left top;
	position:absolute;
	text-indent:-2000px;
	width:320px;
	height:190px;
	top:24px;
	left:51px;
	cursor:pointer;
    behavior: url(/library/images/iepngfix.htc);
}



#header #navigation {
	width:560px;
	height:150px;
	position:absolute;
	top:0px;
	right:40px;
}

#header #navigation #additional-navi {
	width:510px;
	position:absolute;
	top:12px;
	right:0px;
    font-size:90%;
}

#header #navigation #additional-navi ul {
	display:block;
	padding-left:5px;
	width:520px;
}

#header #navigation #additional-navi ul li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-right:13px;
	margin-left:14px;
	height:15px;
	float:right;
}

#header #navigation #additional-navi ul li.btn_anker {
	float:left;
}

/* define class Über Uns/Presse grafik links vor text */
#header #navigation #additional-navi ul li a:link, #header #navigation #additional-navi ul li a:visited {
	color:#ffffff;
	text-decoration:none;
	font-size:1.5em;
	background:transparent url("/library/images/btn_mainmenue.png") no-repeat left 3px;
	padding-left:15px;
	height:17px;
}

/* define class Über Uns/Presse bei hover andee grafik */
#header #navigation #additional-navi ul li a:hover, #header #navigation #additional-navi ul li a:active, #header #navigation #additional-navi ul li a.sel:link, #header #navigation #additional-navi ul li a.sel:visited {
	background:transparent url("/library/images/btn_mainmenue_hi.png") no-repeat left 3px;
	padding-left:15px;
	height:17px;
}

/* Kontakt/Login link bekommt eigene grafik -> define class */
#header #navigation #additional-navi ul li.btn_anker a:link, #header #navigation #additional-navi ul li.btn_anker a:visited {
	background:transparent url("/library/images/btn_contact.png") no-repeat left 3px;
}

/* Kontakt/Login link bekommt eigene grafik bei hover -> define class */
#header #navigation #additional-navi ul li.btn_anker a:hover, #header #navigation #additional-navi ul li.btn_anker a:active, #header #navigation #additional-navi ul li.btn_anker a.sel:link, #header #navigation #additional-navi ul li.btn_anker a.sel:visited {
	background:transparent url("/library/images/btn_contact_hi.png") no-repeat left 3px;
}

/* blauer Kasten in header */
#header #navigation #menue {
  	background:transparent url("/library/images/bg_menue.gif") no-repeat left bottom;
	width:465px;
	height:55px;
	position:absolute;
	bottom:0px;
	right:0px;
	padding:21px 5px 0px 20px;
	overflow:hidden;
    
}

/*===================================== */

#header #navigation #login form {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Console", Lucida, Arial, Helvetica, sans-serif;
    margin-top:8px;
	margin-bottom:5px;
}

#header #navigation #login form input.btn_login {
	background:transparent url("/library/images/btn_login.png") no-repeat left bottom;
	width:82px;
	height:22px;
	text-indent:-2000px;
	float:right;
    float: topmargin;
	margin-top:2px;
	margin-right:21px;
	border:none;
	cursor:pointer;
	font-size:0.1em;
	line-height:0.1em;
	margin-bottom:0 px;
	padding:0px;

}

#header #login form input {
	width:147px;
	height:16px;
	/* background-color:#4a6d87; */
	background-color:#d8e0e9;
	border:1px solid #859bac;
	margin-left:8px;
	margin-top:2px;
	/* color:#ffffff; */
        color:#000000;
	padding:2px 4px 2px 5px;
	font-size:1.2em;
}

#header #login a {
	color:#ffffff;
	text-decoration:none;
	font-size:1.2em;
	padding-left:15px;
	height:17px;

}



/* transparente Fortsetzung der login box */
#transparent {
	background:transparent url("/library/images/transparent.png") repeat left top;
	width:490px;
	height:80px;
	position:absolute;
	right:40px;
    behavior: url(/library/images/iepngfix.htc);
}

#PrimaryContent {
	width:920px;
	clear:both;
	height:auto;
	min-height:100%;
}

#PrimaryContent #flash {
	margin-top:70px;
	margin-left:10px;
	/*z-index:10;*/
	position:relative;
}

#PrimaryContent #content {
	margin-left:30px;
	margin-right:10px;
	padding:12px 20px 20px 20px;
	background-color:#f7f8fa;
	position:relative;
	margin-top:-6px;
	/*z-index:1;*/
	min-height:300px;
}

/* Wird zB bei Index, Impressum,... als Überschrift verwendet */
#PrimaryContent #content h1 {
	color:#002540;
	font-weight:normal;
	text-transform: uppercase;
	font-size:2.7em;
	margin-bottom:12px;
    border-bottom: 2px solid #002540;
}

/* Wird zB bei Impressum verwendet */
#PrimaryContent #content h2 {
	color:#002540;
	font-weight:bold;
	text-transform: uppercase;
	font-size:1.4em;
	margin-bottom:3px;
	line-height:1.7em;
}

/* Wird zB bei ÜberUns verwendet */
#PrimaryContent #content h3 {
	color:#002540;
	font-weight:bold;
	font-size:1.3em;
	margin-bottom:0px;
	margin-top:5px;
	line-height:1.7em;
}


#PrimaryContent #content p {
	color:#002540;
	font-size:1.3em;
	margin:0px 0px 15px 0px;
	line-height:1.7em;
}

/* gibts net
#PrimaryContent #content b {
	color:#002540;
	font-size:1.3em;
}

#PrimaryContent #content p.no-margin {
	margin:0px;
}
*/

#PrimaryContent #content ul, #PrimaryContent #content ol {
	margin-left:30px;
	margin-bottom:10px;
}

#PrimaryContent #content ul li {
	font-size:1.3em;
	color:#002540;
	list-style-image:none;
	list-style-position:outside;
	list-style-type: disc;
	line-height:1.7em;
}

/* Wird für das Ringerl bei den Links verwendet */
#PrimaryContent #content p a:link, #PrimaryContent #content p a:visited {
	background:transparent url("/library/images/btn_link.gif") no-repeat scroll left center;
	padding-left:15px;
	text-decoration:none;
	outline:none;
}

/* Wird für das Ringerl bei den Links verwendet */
#PrimaryContent #content p a:hover, #PrimaryContent #content p a:active {
	background:transparent url("/library/images/btn_link_hi.gif") no-repeat scroll left center;
	text-decoration:none;
}

/* Wird im Impressum verwendet */
#PrimaryContent #content ol li {
	font-size:1.3em;
	color:#002540;
	list-style-image:none;
	list-style-position:outside;
	list-style-type: decimal;
	margin-bottom:5px;
	line-height:1.7em;
}

/* ???
#PrimaryContent #content .link-paragraph {
	margin-bottom:15px;
}



#PrimaryContent #content p.icon_down a:link, #PrimaryContent #content p.icon_down a:visited {
	background-image:none;
	padding-left:0px;
}

#PrimaryContent #content p.icon_down a:hover, #PrimaryContent #content p.icon_down a:active {
	text-decoration:underline;
}



*/

#SecondaryContent {
	position:absolute;
	top:181px;
	left:461px;
	width:469px;
	height:auto;
	clear:both;
	/*z-index:1000;*/
	float:left;
}

#SecondaryContent #toppanel .teaser {
	background:transparent url("/library/images/teaser.png") no-repeat left top;
	position:absolute;
	top:4px;
	right:28px;
	width:108px;
	height:48px;
	/*z-index:1001;*/
	text-indent:-9999px;
    behavior: url(/library/images/iepngfix.htc);
}

#SecondaryContent #toppanel {
	background:transparent url("/library/images/bg_toppanel.png") no-repeat left bottom;
	width:420px;
	height:270px;
	padding:25px;
    behavior: url(/library/images/iepngfix.htc);
}

#SecondaryContent #toppanel h1 {
	background:transparent url("/library/images/h1_toppanel.png") no-repeat left bottom;
	width:296px;
	height:19px;
	text-indent:-2000px;
	margin-bottom:2px;
    behavior: url(/library/images/iepngfix.htc);
}

#SecondaryContent #toppanel h2 {
	color:#ffffff;
	font-weight:normal;
	font-size:1.9em;
	margin-bottom:15px;
}

#SecondaryContent #toppanel #addon h2 {
	font-size:1.3em;
	font-weight:normal;
	text-align:right;
	margin-top:23px;
	margin-bottom:0px;
}

#SecondaryContent #toppanel #addon h2 span {
	font-weight:bold;
}

#SecondaryContent #toppanel #basis {
	width:225px;
	float:left;
	color:#ffffff;
	margin-left:1px;
	margin-right:5px;
}

#SecondaryContent #toppanel #addon {
	width:180px;
	float:right;
	color:#ffffff;
}

#SecondaryContent #toppanel #addon ul li {
	font-size:1.1em;
	text-align:right;
	list-style:none;
	line-height:1.6em;
}

#SecondaryContent #toppanel #addon ul span {
	font-weight:bold;
}

/*
#SecondaryContent #toppanel #addon ul span.price {
	float:right;
	display:block;
	font-size:1.7em;
}
*/

#SecondaryContent #toppanel #basis h2 {
	font-weight:bold;
	margin-bottom:0px;
}

#SecondaryContent #toppanel #basis p {
	font-size:1.5em;
}

#SecondaryContent #toppanel #addon p {
	font-size:1.1em;
	text-align:right;
}

#SecondaryContent #toppanel #basis h3, #SecondaryContent #toppanel #addon h3 {
	font-size:4.7em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Console", Lucida, Arial, Helvetica, sans-serif;
	float:right;
	margin-top:7px;
}

#SecondaryContent #toppanel #basis p.new {
	font-size:1.1em;
	clear:both;
	padding:0px 0px 16px 30px;
	text-align:center;
}

#SecondaryContent #toppanel #basis p span {
	font-size:1.15em;
}

#SecondaryContent #toppanel p span {
	font-weight:bold;
}

#SecondaryContent #toppanel #basis a:link, #SecondaryContent #toppanel #basis a:visited, #SecondaryContent #toppanel #addon a:link, #SecondaryContent #toppanel #addon a:visited {
	background:transparent url("/library/images/btn_information.png") no-repeat left top;
	width:110px;
	height:30px;
	display:block;
	text-indent:-2000px;
	float:right;
	margin-right:0px;
	outline:none;
    behavior: url(/library/images/iepngfix.htc);
    cursor: hand;
}


#SecondaryContent #toppanel #basis a:hover, #SecondaryContent #toppanel #basis a:active, #SecondaryContent #toppanel #addon a:hover, #SecondaryContent #toppanel #addon a:active {
	background:transparent url("/library/images/btn_information.png") no-repeat left bottom;
    behavior: url(/library/images/iepngfix.htc);
}

#SecondaryContent #toppanel #addon a:link, #SecondaryContent #toppanel #addon a:visited, #SecondaryContent #toppanel #addon a:hover, #SecondaryContent #toppanel #addon a:active {
	margin-top:27px;
	outline:none;
	clear:both;
}

/*
#SecondaryContent #toppanel small {
	color:#ffffff;
	display:block;
}
*/

#SecondaryContent #download {
	background:transparent url("/library/images/bg_download.png") no-repeat left bottom;
	position:relative;
	float:right;
	right:50px;
	top:-10px;
	width:350px;
	height:auto;
	padding:11px 0px 15px 10px;
}

#SecondaryContent #download p {
	font-size:1.1em;
	padding-left:33px;
}

#SecondaryContent #download p a {
	background:transparent url("/library/images/bg_pdf.gif") no-repeat right center;
	padding:3px 25px 3px 8px;
	color:#ffffff;
}

/*FOOTER*/

#wrapper-footer {
	position:relative;
	top:40px;
	left:11px;
	width:910px;
	margin:0px auto 0px auto;
}

#wrapper-footer #footer {
	background:transparent url("/library/images/bg_footer.png") no-repeat left bottom;
	width:880px;
	height:30px;
	position:relative;
	padding:17px 20px 20px 9px;
	color:#ffffff;
}

/*-- */
#wrapper-footer h3 {
	font-size:1.1em;
	line-height:1.5em;
	margin-top:20px;
}

#wrapper-footer h2 {
	font-size:1.7em;
	margin-left:11px;
	font-weight:normal;
}

#wrapper-footer #agb {
	width:335px;
	position:absolute;
	top:-87px;
	right:12px;
	background-color:#F7F8FA;
	padding:8px 15px 0px 15px;
	height:80px;
    /*z-index: 1;*/
    border: 1px dotted #002540;
}

#wrapper-footer #agb h3 {
	margin:0px;
	font-size:1.0em;
}

#wrapper-footer #agb .container {
	width:290px;
	margin-left:9px;
	float:left;
}

#wrapper-footer p {
	font-size:1.0em;
	line-height:1.5em;
}

#wrapper-footer #footer ul {
	display:block;
	float:right;
    margin-top: 8px;
    margin-right: 20px;
}

#wrapper-footer #footer li {
	display:inline;
}

#wrapper-footer #footer #footer-left {
	float:left;
}

#wrapper-footer #footer #footer-left li {
	margin-right:10px;
}


#wrapper-footer #footer ul li {
	margin-left:10px;
}

#wrapper-footer #footer ul li a:link, #wrapper-footer #footer ul li a:visited {
	background:transparent url("/library/images/btn_footer.gif") no-repeat left center;
	padding-left:15px;
	text-decoration:none;
	color:#ffffff;
	font-size:1.1em;
}

#wrapper-footer #footer ul li a:hover, #wrapper-footer #footer ul li a:active, #wrapper-footer #footer ul li a.sel:link, #wrapper-footer #footer ul li a.sel:visited {
	text-decoration:underline;
}

/* Produktdetails */
#PrimaryContent #content table {
	color:#002540;	
	margin-bottom:20px;
	color:#002540; 
	font-size:1.3em;
	width:440px;
	margin-bottom:10px;
	border-top:1px solid #859BAC;
	border-left:1px solid #859BAC;
	border-right:1px solid #859BAC;
	background-color:#d3dce1; 
}

/* Produktdetails */
#PrimaryContent #content table.content-navi {
	font-size:1.15em;
}

/* Produktdetails */
#PrimaryContent #content table.content-navi a:link, #PrimaryContent #content table.content-navi a:visited {
	background:transparent url(/library/images/btn_contentnavi.gif) no-repeat left 3px;
	padding-left:15px;
}

/* Produktdetails */
#PrimaryContent #content table.content-navi a:hover, #PrimaryContent #content table.content-navi a:active {
	background:transparent url(/library/images/btn_contentnavi_hi.gif) no-repeat left 3px;
	text-decoration:none;
}

/* Produktdetails */
#PrimaryContent #content table tr td {
	padding:2px;	
	border-bottom:1px solid #859BAC;
}

/* Produktdetails */
#PrimaryContent #content table tr td h3 {
	margin-top:0px;
}

/* Wird bei Presse verwendet um das Ringerl durch das PDF Symbol auszutauschen */
#PrimaryContent #content p.icon_down {
	line-height:1.3em;
}
/* Wird bei Presse verwendet um das Ringerl durch das PDF Symbol auszutauschen */
#PrimaryContent #content p.icon_down a:link, #PrimaryContent #content p.icon_down a:visited {
	background-image:none;
	padding-left:0px;
}
/* Wird bei Presse verwendet um das Ringerl durch das PDF Symbol auszutauschen */
#PrimaryContent #content p.icon_down a:hover, #PrimaryContent #content p.icon_down a:active {
	text-decoration:underline;
}


/* =====  CSS für Kontaktformular - Start ====*/

.yui-pe-ctact .yui-pe-content-ctact {
     display:none; 
}

#contact  { 
    z-index: 1;
}

#contact, #contact td, #contact .bd {
    color:#002540;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Console", Lucida, Arial, Helvetica, sans-serif; 	
    font-size:13px;
}
#contact table { 	
    width: 100%;
}
#contact form input {
    border:1px solid #859bac;
    background-color:#f7f8fa;
    height:16px;
    margin-right:15px;
    /* width:172px; */
    padding:1px 3px 2px 3px;
    font-size:1.0em; 
    color:#002540;
    margin-bottom:1px;
}
#contact form textarea {
    border:1px solid #859bac;
    background-color:#f7f8fa;
    height:70px;
    margin-right:15px;
    width:598px;
    padding:2px 3px 2px 3px;
    font-size:1.0em; 
    color:#002540;
    margin-bottom:1px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Console", Lucida, Arial, Helvetica, sans-serif; 	
}
#contact hr { 
    height: 2px; 
    color: #002540; 
    margin: 10px 0px 10px 0px;
}
#contact .hd {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Console", Lucida, Arial, Helvetica, sans-serif; 	
    font-size:1.3em; 
    color:#002540;
}
/* =====  CSS für Kontaktformular - End ====*/