/*	
	autor : tofu - maxomedia ag
	datum : dezember 2004
	verwendung : arocom.ch
*/

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* allg. einstellungen */

body  {
	margin : 0;
	padding : 0;
	font-family : arial, verdana, sans-serif;
	font-size : 11px;
	color : #5B5B5B;
	line-height : 14px;
	text-align : center;
	background : #FFF url(/_gfx/bg_body.gif);
}

hr {
	height : 1px;
	margin : 0px 0px 14px 0px;
	padding : 0px 0px 0px 0px;
	border-width : 0px;
	border-color : #2E526C;
	background-color : #2E526C;
	color : #2E526C;
}

img {
	border : 0;
}

h1 {
	margin : 0 0 28px 0;
	padding : 0;
}

h2 {
	margin : 0 0 14px 0;
	padding : 0;
	font-size : 16px;
	font-weight : bold;
	color : #2E526C;
}
	
h3 {
	margin : 0 0 14px 0;
	padding : 0;
	font-size : 11px;
	font-weight : bold;
}

h4 {
	margin : 0 0 7px 0;
	padding : 0;
	font-size : 11px;
	font-weight : bold;
}

p {
	margin : 0 0 14px 0;
	padding : 0;
}

div#third-col p {
	margin : 10px 0 0 0;
	padding : 0 0 10px 0;
	border-bottom : 1px solid #F45736;
}

div#third-col p.noline {
	margin : 10px 0 0 0;
	padding : 0 0 10px 0;
	border : none;
}

table {
	margin : 0 0 14px 0;
	padding : 0;
}

td {
	margin : 0;
	padding : 0 0 7px 0;
}

td.raster {
	vertical-align : bottom;
}

td.raster img {
	margin-bottom : 10px;
}

ol {
	margin : 0 0 14px 20px;
	padding : 0;
}

ol li {
	margin : 0;
	padding : 0;
}

ul {
	margin : 0 0 14px 20px;
	padding : 0;
}

ul li {
	margin : 0;
	padding : 0;
	list-style-type : square;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* clearfix */

.clearfix:after {
    content : "."; 
    display : block; 
    height : 0; 
    clear : both; 
    visibility : hidden;
}

/*
.clearfix {
	display : inline-block;
}*/

/* hides from IE-Mac \*/
* html .clearfix {
	height : 1%;
}
.clearfix {
	display : block;
}
/* end hide from IE-Mac */

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* divs - positionierung / seitenaufbau */

div#main-container {
	position : relative;
	width : 942px;
	margin : 0 auto 0 auto;
	padding : 0;
}

div#bg-container-top {
	position : relative;
	width : 942px;
	margin : 0;
	padding : 0;
	background : url(/_gfx/bg_main-container.gif) repeat-y;
}

div#bg-container-bottom {
	position : relative;
	width : 942px;
	height : 120px;
	margin : 0;
	padding : 0;
	background : url(/_gfx/bg_container-bottom.gif) no-repeat;
}

div#container {
	position : relative;
	width : 882px;
	margin : 0 auto 0 auto;
	padding : 0;
	text-align : left;
	background-color : #FFF;
	border-bottom : 2px solid #F45736;
}

div#header {
	position : relative;
	width : 100%;
	height : 100px;
	margin : 0;
	padding : 0;
	background-color : #FFF;
}

div#logo-container {
	position : absolute;
	top : 0;
	left : 0;
	width : 180px;
	margin : 0;
	padding : 0;
}

div#mainnav-container {
	position : absolute;
	top : 22px;
	left : 202px;
	height : 77px;
	margin : 0;
	padding : 0;
	border-bottom : 1px solid #F45736;
}

ul#mainnav {
	margin : 0;
	padding : 0;
	line-height : 0;
}

ul#mainnav li {
	margin : 0;
	padding : 0;
	display : inline;
	list-style-type : none;
}

div#newsticker {
	position : relative;
	width : 100%;
	height : 20px;
	margin : 0;
	padding : 0;
	background-color : #2E526C;	
}

div#main {
	position : relative;
	width : 100%;
	margin : 0;
	padding : 0;
	background : url(/_gfx/bg_main.gif) repeat-y;
}

div#full_flash {
	position : relative;
	width : 100%;
	margin : 0;
	padding : 0;
	background-color : #DFDFDE;
}

div#subnav-container {
	position : relative;
	width : 180px;
	height : 400px;
	margin : 0;
	padding : 0;
	float : left;
}

ul#subnav {
	margin : 30px 0 150px 0;
	padding : 0;
}

ul#subnav li {
	margin : 0 0 2px 0;
	padding : 0;
	list-style-type : none;
}

div#content-container {
	position : relative;
	margin : 0 225px 0 205px;
	padding : 20px 0 0 0;
	/*border-top : 1px solid #F45736;*/
}

div#semi-flash-content-container {
	position : absolute;
	top : 0;
	left : 180px;
	margin : 0;
	padding : 0;
}

div#third-col {
	position : relative;
	top : 80px;
	width : 170px;
	margin : 80px 0 50px 25px;
	padding : 0;
	float : right;
	z-index : 1;
}

/* hides from IE-Mac \*/
div#third-col {
	top : 0px;
}
/* end hide from IE-Mac */

ul#vorteile {
	position : relative;
	margin : 0 0 14px 0;
	padding : 0;
}

ul#vorteile li {
	margin : 0;
	padding : 0 0 0 10px;
	list-style-type : none;
	background : url(/_gfx/ico_link_vorteile.gif) no-repeat center left;
}

div#bottom {
	position : relative;
	width : 100%;
	height : 75px;
	margin : 0;
	padding : 0;
	background : url(/_gfx/bg_bottom.gif) repeat-y;
}

div#bottom_fullflash {
	position : relative;
	width : 100%;
	height : 60px;
	margin : 0;
	padding : 0;
	background : url(/_gfx/bg_bottom.gif) repeat-y;
}

div#login-container {
	position : absolute;
	left : 0;
	width : 180px;
	height : 135px;
	margin : -135px 0 0 0;
	padding : 0;
	background-color : #DFDFDE;
	/**/visibility : hidden;
}

/* hides from IE-Mac \*/
div#login-container {
	bottom : 0;
	margin : 0;
}

* html div#login-container {
	bottom : -1px;
}
/* end hide from IE-Mac */

div#search-container {
	position : relative;
	width : 180px;
	margin : 0;
	padding : 0;
	float : left;
	border-top : 1px solid #FFF;
}

div#footer-container {
	position : relative;
	margin : 0 0 0 205px;
	padding : 0;
	border-top : 1px solid #F65635;
}

div#footer-links {
	position : absolute;
	top : 0;
	left : 0;
	margin : 10px 0 0 0;
	padding : 0;
}

div#main-shortcuts {
	display : none;
	position : absolute;
	top : 0;
	left : 620px;
	width : 255px;
	margin : 10px 0 0 0;
	padding : 0;
	z-index : 1;
	text-align : right;
	color : #F45736;
}

div#footer-shortcuts {
	position : absolute;
	top : 0;
	left : 380px;
	width : 290px;
	margin : 10px 0 0 0;
	padding : 0;
	text-align : right;
	color : #F45736;
}

div#footer-shortcuts a, div#main-shortcuts a {
	margin : 0 6px 0 0;
	padding : 0;
	text-decoration : none;
	color : #FFF;
}


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* links */

/* subnav */
ul#subnav li.first a {
	width : 165px;
	display : block;
	margin : 0;
	padding : 3px 0 3px 15px;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
	color : #FFF;
	background-color : #2E526C;
}

ul#subnav li.firstActive a {
	width : 165px;
	display : block;
	margin : 0;
	padding : 3px 0 3px 15px;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
	color : #F45736;
	background-color : #FFF;
}

ul#subnav li.first a:hover {
	color : #F45736;
	background-color : #FFF;
}

ul#subnav li.second a {
	width : 155px;
	display : block;
	margin : 0;
	padding : 3px 0 3px 25px;
	text-decoration : none;
	color : #FFF;
	background-color : #2E526C;
}

ul#subnav li.secondActive a {
	width : 155px;
	display : block;
	margin : 0;
	padding : 3px 0 3px 25px;
	text-decoration : none;
	color : #F45736;
	background-color : #FFF;
}

ul#subnav li.second a:hover {
	color : #F45736;
	background-color : #FFF;
}

/* infos */
div#footer-links a {
	margin : 0 20px 0 0;
	padding : 0 0 1px 20px;
	text-decoration : none;
	color : #F45736;
	background : url(/_gfx/ico_link_arrow_up.gif) no-repeat center left;
}

div#footer-links a:hover {
	text-decoration : underline;
}

/* shortcuts */
div#footer-shortcuts a, div#main-shortcuts a {
	margin : 0 3px 0 3px;
	padding : 0;
	text-decoration : none;
	color : #F45736;
}

div#footer-shortcuts a:hover, div#main-shortcuts a:hover {
	text-decoration : underline;
}

/* more */
a.more:link {
	font-weight : bold;
	text-decoration : none;
	color : #F45736;
}
a.more:visited {
	font-weight : bold;
	text-decoration : none;
	color : #F45736;
}
a.more:hover {
	text-decoration : underline;
}
a.more:active {
	font-weight : bold;
	text-decoration : none;
	color : #F45736;
}
/* mini */
a.mini:link {
	font-size : 10px;
	text-decoration : none;
	color : #F45736;
}

a.mini:visited {
	font-size : 10px;
	text-decoration : none;
	color : #F45736;
}

a.mini:hover {
	font-size : 10px;
	text-decoration : underline;
	color : #F45736;
}

a.mini:active {
	font-size : 10px;
	text-decoration : none;
	color : #F45736;
}

/* text */
a:link {
	color : #F45736;
	text-decoration : none;
}

a:visited {
	color : #F45736;
	text-decoration : none;
}

a:hover {
	color : #F45736;
	text-decoration : underline;
}

a:active {
	color : #F45736;
	text-decoration : none;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* forms */

/* 2-spaltiges formular */
form.twoColFrm dl {
	margin : 0 0 14px 0;
	padding : 0;
}

form.twoColFrm dt {
	width : 125px;
	height : 15px;
	float : left;
}

form.twoColFrm dd {
	margin : 0 0 2px 0;
	padding : 0;
}

form.twoColFrm input {
	margin : 0;
	padding : 1px 0 0 4px;
	width : 160px;
	height : 15px;
	font-size : 11px;
	color : #8D8D8C;
	border : 1px solid #8D8D8C;
}

form.twoColFrm input#submit {
	margin : 0;
	padding : 0;
	width : 61px;
	height : 16px;
	border : none;
}

form.twoColFrm select {
	margin : 0;
	padding : 1px 0 0 4px;
	width : 168px;
	height : 18px;
	font-size : 11px;
	color : #8D8D8C;
	border : 1px solid #8D8D8C;
}

/* kontaktformular */
form.twoColFrm dl.radiocheck dt{
	width : 40px;
}

form.twoColFrm dl.radiocheck input {
	margin : 0 0 0 10px;
 	width : 20px;
	border : none;
 }
 
 form.twoColFrm dl.radiocheck input.anderes {
 	margin : 0;
	width : 75px;
	border : 1px solid #8D8D8C;
 }

form.twoColFrm textarea {
	margin : 0;
	padding : 0;
	width : 264px;
	height : 100px;
	font-size : 11px;
	color : #8D8D8C;
	border : 1px solid #8D8D8C;
}

/* faq */
form#faqcategory {
	margin : 7px 0 0 0;
	padding : 0;
}


form#faqcategory ul {
	width: 444px;
	padding : 0;
	margin : 0;
	height : 60px;
}

form#faqcategory li {
	float : left;
	list-style-type : none;
	margin : 0;
	padding : 0;
	width: 148px;
}
	
/* suche + login */
form#login, form#search {
	margin : 7px 0 0 0;
	padding : 0;
}

form#login p {
	margin : 0 0 7px 0;
	padding : 0;
}

form#search p {
	margin : 0 0 7px 7px;
	padding : 0;
}

form#login input#username, form#login input#passwort {
	margin : 0;
	padding : 1px 0 0 4px;
	width : 160px;
	height : 15px;
	font-size : 11px;
	color : #8D8D8C;
	border : 1px solid #8D8D8C;
}

form#search input#suchbegriff {
	margin : 0 4px 0 0;
	padding : 1px 0 0 4px;
	width : 120px;
	height : 15px;
	font-size : 11px;
	color : #8D8D8C;
	border : 1px solid #8D8D8C;
}

form#login label, form#search label {
	margin : 0;
	padding : 0;
	font-size : 10px;
	display : block;
}

/* --- HTML Page */

#topnavigation-html {
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-left: 15px;
}

#topnavigation-html img {
	border : none;
}

#topnavigation-html a {
	display : block; float: left;
	width : 95px; height: 85px;
	margin: 0px 10px 10px 0px; padding-top: 2px; padding-left: 2px;
	text-decoration : none;
	background-color : #FFF;
	color: #2E526C;
}

#content-html {
	padding : 20px 0 50px 45px;
}

#content-html h1 { margin : 0 0 25px 0; padding : 0; font : 24px/30px verdana,arial,sans-serif; color : #24445A; }

#content-html ul {
	margin : 0; padding : 0;
	padding-top: 15px;
	padding-left: 0px;
	margin: 0px;
}

#content-html li {
	display : block; float: left;
	width: 150px; margin-right : 10px; padding : 0;
}

#content-html a:hover {
	text-decoration: none;
}

#content-html ul p { margin-bottom : 5px; padding : 5px 0 0 5px; }

.continuebutton {
	padding-left: 5px;
	font-weight: bold;
}