@charset "utf-8";
/* Für credimex.ch - von Amport Webdesign */

/* Overall Styling*/
html {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em;}
body {  background: #f3f3f3 url(../images/bg3.jpg) repeat-x;}

a:link, a:visited {color: #916d01; text-decoration: none;}
a:hover { color: #333333; text-decoration: underline;}

h1 {font-weight: bold; font-size: 1.2em;}

.right {float: right;}



/* DIV Container*/
#container {width: 100%;}
#middler {margin: 0 auto; width: 1200px;}

	/* Falls sich der Kunde doch noch für ein flexibles Design entscheidet
	   #middler {margin: 0 auto; min-width: 800px; max-width: 1200px;}
	*/

#header {height: 101px; margin-bottom: 20px; }
#header .rightheader {float: right; margin-top: 47px; font-size: 1.4em;}

  a.loco-credimex {float: left;}

#menubalken {width: auto; height: 33px; clear: both; background: url(../images/headermenu-left-long.png) no-repeat left top; margin-bottom: 0px; padding-left: 0px; margin: 0px 10px 20px 0px; line-height: 33px;}
#menubalken .right {height: 33px; display: block; background: url(../images/headermenu-right.png) no-repeat right top; padding-right: 10px; margin-right: -10px; line-height: 33px;}

#breadcrumbsbalken {width: auto; height: 29px; clear: both; background: url(../images/subheader-left-long.png) no-repeat left top; margin-bottom: 15px; padding-left: 250px; line-height: 29px; margin-right: 10px; font-size: 0.8em;}
#breadcrumbsbalken .right {height: 29px; display: block; background: url(../images/subheader-right.png) no-repeat right top; padding-right: 10px;  font-style: normal; margin-right: -10px; line-height: 29px; font-size: 1.2em;}

.B_crumbBox {float: left;}

#footer {width: auto; height: 47px; clear: both; background: url(../images/footer-left-long.png) no-repeat left top; margin-top: 10px; padding-left: 55px; line-height: 47px; margin: 20px 10px 20px 0px;}
#footer .right {width: 47px; height: 47px; background: url(../images/footer-right.png) no-repeat right top; padding-right: 10px; margin-right: -10px;}
#footer .adresse {float: left;}



/* Spaltenlayout core - based on YAML */

  #leftbalken { float:left; margin-right: 15px; }
  #rightmenu { float:right; margin-left: 15px; }
  #maincontent { width:auto; }
  #leftmenu_content, #rightmenu_content, #maincontent_content { position:relative; }


/* Colums styling - based on YAML */
  #leftbalken { width: 25%; padding: 0px 7px 0px 0px;}

  #leftmenu_content { padding: 10px 10px 10px 20px;}

  #rightmenu { width: 25%; padding: 0px 0px 0px 7px;}
  #rightmenu_content { padding: 10px 20px 10px 10px;}

  #maincontent { margin: 0 25%; background: url(../images/main-left-top.png) #FFF no-repeat left top; }
  #maincontent_content {background: url(../images/main-right-top.png) no-repeat transparent right top; padding: 20px 0px 0px 0px;}
  .maincontent_border {background: url(../images/main-left-bottom.png) no-repeat transparent left bottom; padding: 0px 0px 0px 20px;}
  .maincontent_border2 {background: url(../images/main-right-bottom.png) no-repeat transparent right bottom; padding: 0px 20px 10px 0px; overflow: hidden;}

  #leftbalken, #rightmenu { width: 227px; }
  #maincontent { margin: 0 250px 0 250px; border: 0;}


/* Headermenu Styling */
.mainmenu {float: left;}
.mainmenu ul {padding-top: 1px;}
.mainmenu li {float: left; margin-right: 20px; line-height: 28px; height: 28px; margin-top: 0px;}

.mainmenu li a:link, .mainmenu li a:visited { background: url(../images/topmenu-hover-yellow.jpg) repeat-x; background-position: 0px -40px; height: 28px; line-height: 28px; padding: 0px 12px 0px 12px; color: #333; font-weight: bold; display: block; float: left;}

.mainmenu li.firstone a:link, .mainmenu li.firstone a:visited {background: url(../images/topmenu-hover-yellow-first.jpg) no-repeat; background-position: 0px -40px;}

.mainmenu li a:hover {background-position: 0px 0px; color: #000; text-decoration: none; }
 
.mainmenu li.active a:link , .mainmenu li.active a:visited {background-position: 0px 0px; color: #000; }


/* Sprachauswahl & Downloads */
#menubalken .right ul {margin-top: 4px;}

.sprachauswahl {padding-top: 0px;}
.sprachauswahl ul {float: left;}
.sprachauswahl ul li {float: left; margin-right: 5px; }
.sprachauswahl ul li a:link, .sprachauswahl ul a:visited {background: url(../images/topbutton-left-long.png); display: block; height:22px; padding: 0px 0px 0px 6px; color: #929090; text-shadow: 1px 1px 0px white; margin-right: 5px;}

.sprachauswahl ul li a:link span, .sprachauswahl ul li a:visited span {background: url(../images/topbutton-right.png) no-repeat right top; line-height: 22px; height: 21px; display: block; padding-right: 7px; margin-right: -5px;}

.sprachauswahl ul li a:hover {background-position: bottom left;}

.sprachauswahl ul li a:hover, .sprachauswahl ul li.active a:link, .sprachauswahl ul li.active a:visited {color: #000; text-decoration: none;}
.sprachauswahl ul li a:hover span {background-position: bottom right; padding-top: 1px;}

ul.downloads {margin-right: 75px;}
.sprachauswahl ul.downloads li a:link, .sprachauswahl ul.downloads li a:visited {color: #000;}

.sprachauswahl ul li span img {margin-bottom: -1px;}

/* leftmenu Styling */
#leftmenu ul {margin-bottom: 20px;}
#leftmenu li {display: block; margin: 0px 0px 5px 0px; }
#leftmenu li a:link, #leftmenu li a:visited {color: #3c3c3c; font-weight: normal; padding-left: 20px; width: 213px; height: 29px; line-height: 29px; display: block; background: url(../images/leftmen-button-yellow.png);}
#leftmenu li a:hover, #leftmenu li.active a:link, #leftmenu li.active a:visited {background-position: -235px 0px; color: #000000; text-decoration: none;}

	/* Leftmenu verschiedene Menüfarben */
	#leftmenu li a.red:link, #leftmenu li a.red:visited {background-image: url(../images/red/leftmen-button-red.png);}
	#leftmenu li a.blue:link, #leftmenu li a.blue:visited {background-image: url(../images/blue/leftmen-button-blue.png);}
	#leftmenu li a.green:link, #leftmenu li a.green:visited {background-image: url(../images/green/leftmen-button-green.png);}
	
	/* Leftmenu sublevel */
	#leftmenu ul ul {margin: 4px 0px 10px 0px;}
	#leftmenu ul ul li {margin: 0px 0px 3px 0px;}
	#leftmenu li li a:link, #leftmenu li li a:visited {background: none; width: auto; line-height: normal; height: auto; padding: 0px 0px 0px 20px; margin: 0px;}
	#leftmenu li li a:hover, #leftmenu li li.active a:link, #leftmenu li li.active a:visited {color: #000000; text-decoration: underline;}
	
	#leftmenu ul ul li a.red:link, #leftmenu ul ul li a.red:visited,
	#leftmenu ul ul li a.blue:link, #leftmenu ul ul li a.blue:visited,
	#leftmenu ul ul li a.green:link, #leftmenu ul ul li a.green:visited{
	background: none;}
	
	/*Leftmenu sub sub level */
	#leftmenu ul ul ul {margin-left: 20px;}
	#leftmenu li li.active li a:link, #leftmenu li li.active li a:visited {text-decoration: none;}
	#leftmenu li li.active li a:hover, #leftmenu li li li.active a:link, #leftmenu li li li.active a:visited {text-decoration: underline;}
	
	/*Leftmenu sub sub sub level */
	#leftmenu ul ul ul ul {margin-left: 15px;}
	#leftmenu li li li.active li a:link, #leftmenu li li li.active li a:visited {text-decoration: none;}
	#leftmenu li li li.active li a:hover, #leftmenu li li li li.active a:link, #leftmenu li li li li.active a:visited {text-decoration: underline;}


/* Sideboxen */
.sidebox {margin-bottom: 10px; width: 226px; background: #FFF url(../images/rightboxen-footer.png) no-repeat bottom left;}
.sidebox .header {background: url(../images/rightboxen-header.png) no-repeat; height: 26px; padding: 0px 10px 0px 10px; line-height: 26px;}

.sidebox .header h2 {color: #656565; font-weight: bold; float: left; margin: 0px; padding: 0px; width: 170px;}
.sidebox .header img {float: right; margin-top: 4px;}

.sidebox .content {padding: 10px; line-height: 1.2em;}

.sidebox ul {list-style: disc; margin-left: 15px;}

.newsletter a:link, .newsletter a:visited {color: #333;}

/* Quickbox */
.quickbox {padding-top: 20px; margin-bottom: 20px; background: url(../images/fastbox-top.png) top left no-repeat;}
.quickbox .content {padding: 0px 10px 15px 20px; background: url(../images/fastbox-bottom.png) bottom left no-repeat;}

.quickbox ul {list-style: none; margin: 0px; padding: 0px;}
.quickbox li {margin: 0px; padding: 0px 0px 5px 0px; display: block;}

.quickbox a:link, .quickbox a:visited {color: #3c3c3c; font-weight: normal;}
.quickbox a:hover {text-decoration: underline;}

.quickbox  a.red:link, .quickbox  a.red:visited  {color: #aa0000;}
.quickbox  a.blue:link, .quickbox  a.blue:visited {color: #0067e6;} 
.quickbox  a.green:link, .quickbox  a.green:visited {color: #778a2d;}

/* Searchmodul */
input#ajaxSearch_input {width: 177px; height: 20px; border: 0px; background: #f3f1f1; padding: 3px; font-size: 0.9em; margin-bottom: 3px;}
input#ajaxSearch_submit {padding: 0px 5px 0px 5px; height: 20px; border: 1px solid #666666; background: #f3f1f1; font-size: 0.9em;}
input#ajaxSearch_submit:hover {border: 1px solid #000000;}
#ajaxSearch_intro {display: none;}

/* Suchergebnisse */
.ajaxSearch_resultsInfo {margin: 0px; font-style:italic;}
a.ajaxSearch_resultLink:link, a.ajaxSearch_resultLink:visited {font-weight: bold; margin-bottom: 0px;}

.ajaxSearch_paging {margin: 0px 0px 0px 0px; display: block;}

/* Newsmodul */
.latestnews_row {margin-bottom: 10px; line-height: 1.2em;}
.latestnews_row h3 a:link, .latestnews_row h3 a:visited, .latestenws_row h3 a:hover {font-weight: bold; color: #000000; text-decoration: none; padding: 0px;}
.latestnews_row .date {font-size: 0.8em; color: #666666;}
.latestnews_row .text {color: #5b5a5a;}
.latestnews_row a.link:link, .latestnews_row a.link:link {text-decoration: none;}


/* Inhalt Styling */
#breadcrumbsbalken {color: #8c8a8a; font-style: italic;}
#breadcrumbsbalken .sprachtext {background: url(../images/pfeil-nachoben.png) right center no-repeat; padding-right: 20px;}
#breadcrumbsbalken a:link, #breadcrumbsbalken a:visited {color: #8c8a8a;}
#breadcrumbsbalken a:hover {color: #000000;}

#breadcrumbsbalken .fr .sprachtext {margin-right: 45px;}
#breadcrumbsbalken .de .sprachtext {margin-right: 20px;}

#maincontent {color: #464646; line-height: 1.5em;}
#footer, #footer .adresse a:link, #footer .adresse a:visited {color: #999;}

#maincontent p {margin-bottom: 10px;}
#maincontent h1 {margin-bottom: 10px; font-size: 1.4em;}
#maincontent h2 {margin: 15px 0px 5px 0px; font-size: 1.2em; font-weight: bold; background: #F5F5F5; padding: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: block; float: none; clear: both;}

#maincontent h2 a:link, #maincontent h2 a:visited {color: #464646;}
#maincontent h2 a:hover {text-decoration: underline; }

#maincontent td {padding-right: 15px; vertical-align: top;}

#maincontent img {padding: 5px;}

#maincontent blockquote {font-size: 1.6em; font-weight: normal; line-height: 1.4em;}

#maincontent ul {margin: 5px 0px 10px 25px; list-style: disc;}

/* Farbige Schriften */
h2.red {color: #aa0000;}
h2.blue {color: #44697d;}
h2.green {color: #778a2d;}


/* Link Icons */
a[href $=".pdf"], a[href $=".PDF"],
a[href *=".pdf#"], a[href *=".PDF#"],
a[href *=".pdf?"], a[href *=".PDF?"] {
    background: url(../images/icons/pdf.gif) top left no-repeat;
    padding: 4px 0px 4px 19px;
	display: block;
}

/*Newsseite*/
.newsrow {padding: 10px 0px 10px 0px; margin-bottom: 40px; border-top: 4px solid #e8e7e7;}
.newsrow h3 a:link, .newsrow h3 a:visited {font-size: 1.5em; font-weight: bold; color: #666666;}
.newsrow h3 {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 4px solid #e8e7e7;}
.newsrow .newstext {}
.newsrow .newsdate {color: #999;}


/* Kontaktformular */
#maincontent label {float: left; width: 170px;} 
#maincontent input,
#maincontent textarea,
#maincontent .select {margin-bottom: 5px; border: 1px solid #E6E6E6; border-bottom: 1px solid #CCCCCC; background-color: #FFFFFF; width: 150px; font-size: 12px; padding: 2px; display: block;}
#maincontent input:focus,
#maincontent textarea:focus{background-color: #F0F0F0; border: 1px solid #CCCCCC;}

#maincontent input.checkbox,
#maincontent input.radio {width: auto; display: inline; margin: 0px 10px 0px 0px; border: 0px;}
#maincontent input.button {margin-left: 170px; width: auto; background: #FC0; font-weight: bold; padding: 5px 15px 5px 15px; border-radius: 4px; border: 1px solid #CCC;}

input#anzahlpersonen {width: 20px;} 

#maincontent fieldset {border: 0px; border-top: 1px dotted #999999; padding: 0px 0px 20px 0px;}
* html #maincontent fieldset {border: 0px; border-top: 1px solid #999999;}

#maincontent fieldset legend {margin: 15px 15px 5px 0px; padding: 0px 10px 0px 0px; font-size: 1.2em; font-weight: bold; padding: 2px; border-radius: 4px; display: block; float: none; clear: both; background: #FFF;}
#maincontent fieldset h2 {font-weight: bold; font-size: 1.0em; background: none; border-bottom: 1px solid #E6E6E6; }

#maincontent .form-fehler {color: #990000; margin-bottom: 15px;}

input[type=hidden]
{
    display: none !important;
}

.form-leftmargin {padding-left: 170px;}