/* CSS Document */ * {
    margin: 0;
    padding: 0;

}

body {
    background-color: #ffffff;
    text-align: center;
    background-image: url(img/bg.jpg);
    background-position: center 0;
	color: #000000;
    font-family:  arial,sans-serif;
    font-size: 9pt;
    line-height: 16pt;
    
    /* IE */
}

#wrapper {
    background-color: #FFFFFF;
    background-image: url(img/wrapper.png);
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 15px ;
    margin-bottom: 15px ;
}

#header {
    border-bottom: 5px solid #FDE20F;
    border-top: 25px solid #252525;
    height: 200px;
    background-image: url(img/head_bg.jpg);
}

#footer {
    border-top: 5px solid #fde20f;
    height: 25px;
    background-color: #252525;
}

#container {
    background-image: url(img/container_2.jpg);
    background-repeat: repeat-y;
    min-height: 500px;
    padding: 5px 0;
}

.referenzen_page #container{
  background-image: url(img/container_portfolio.jpg);
}



h1 {
  font-family:'BebasRegular',Arial,sans-serif;
  background-image:url("/tl_files/wichteldesign_2/img/punkte_vert.png");
  background-position:0 42px;
  background-repeat:repeat-x;
  color:#000000;
  font-size:23px;
  font-weight:normal;
  line-height:35px;
  margin-bottom:5px;
  margin-top:5px;
  padding-bottom:20px;
  word-spacing:3px;
}

h2 {
    font-family:'BebasRegular',Arial,sans-serif;
    font-size:18px;
    line-height:30px;
    padding-bottom:10px;
    word-spacing:2px;
    font-weight: normal;
}

h3 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

p, #main ul {
    margin-bottom: 10px;
}



a {
    
	color: #000;
}



a:hover {
    background-color:#252525;
    color:#FDE20F;
    
    text-decoration:none;
}

.image_container a:hover , .mod_navigation a:hover, #logo a:hover,
.portfolio_image a:hover, .catalog_ref_full #images a:hover{
  padding: 0px ;
  background-color: transparent;
}

a img {
    border: none;
}

li {
    background-image: url(img/bullet.png);
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 15px;
    line-height: 20pt;
    background-position: 0 11px;
}



#left .inside, #main .inside, #right .inside {
    padding: 0 15px;
}

.ce_form input, .ce_form label, .ce_form textarea, .ce_form select {
    float: left;
    clear: both;
    margin-bottom: 5px;
}

.ce_form input, .ce_form textarea, .ce_form select {
    border: 1px solid #000;
    padding: 5px;
    margin-bottom: 5px !important;
}
.ce_form input, .ce_form textarea{
  width: 413px;
}
input:focus, textarea:focus {
    border: 1px solid #3b3b3b;
    background-color: #fde20f;
}

.explanation, .captcha_text {
    float: left;
}

.captcha_text {
    padding-left: 10px;
}

.captcha {
    width: 50px !important;
}

.submit {
    margin-top: 5px;
    width: 127px !important;
}

.ce_form label {
    width: 120px;
}

.error {
    float: left;
    color: #333;
    font-weight: bold;
}
 input.error{
  font-weight: normal;
}
.subcolumns {
    text-align: left;
}

fieldset {
    border: 1px solid #3B3B3B;
    padding: 10px;
}

.fs_Kontakt input {
    width: 120px !important;
    padding-right: 10px;
}

.fs_Kontakt label {
    width: 70px !important;
}

.fs_Kontakt input {
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #ffffff;
    margin-right: 10px;
}

.fs_sonstiges label {
    width: 250px !important;
}

.fs_sonstiges textarea {
    width: 500px !important;
    margin-right: 0px !important;
}

.checkbox_container label {
    width: 450px !important;
    text-align: left;
}

.checkbox_container input {
    width: 15px !important;
}

.block {
    margin-bottom: 10px;
}

.mod_navigation li a {
    display: block;
    line-height: 22pt;
    text-decoration: none;
}
.mod_navigation li a:hover{
  padding-left: 10px;
  color: #252525;
  font-weight: bold;
}
.mod_navigation li {
    border-bottom: 1px solid #C5C5C5;
}

.mod_navigation .level_2 {
    border-top: 1px solid #C5C5C5;
}

.mod_navigation li .active {
    font-weight: bold;
    line-height: 22pt;
}

.mod_navigation li .last {
    border-bottom: none;
}

#logo {
    left: 15px;
    position: absolute;
    z-index: 500;
}

#header .mod_imageslider {
  position: absolute;
}

.kontakt_box {
    background-color:#FFFFFF;
    float:right;
    height:200px;
    padding-left:15px;
    padding-right:15px;
    position:relative;
    width:195px;
}

#header .block{
  margin: 0 ;
}

#right .ce_text {
    background-image: url(/tl_files/wichteldesign_2/img/punkte_vert.png);
    background-position: 0 bottom;
    background-repeat: repeat-x;
    padding-bottom: 10px;
    padding-top: 2px;
}

.portfolio_col {
    background-image: url(/tl_files/wichteldesign_2/img/punkte_vert.png);
    background-position: 0 bottom;
    background-repeat: repeat-x;
    display: inline;
    float: left;
    height: 150px;
    margin-bottom: 10px;
    width: 190px;
}

.portfolio_col0 {
    margin-right: 40px;
}

.portfolio_col1 {
}

.portfolio_col2 {
    margin-left: 40px;
}

.mod_cataloglist .layout_full{
	margin-top: 7px;
}

.portfolio_image img{
  border: 1px solid #aaa;
}

.mod_catalogfeatured .block{
  margin-bottom: 5px;
}



#leistungen li{
  float: left;
  width: 300px;
}


.catalog_ref_full #infos{
  float: right;
  width: 195px;
}
.catalog_ref_full #images{
  float: left;
  width: 425px;
  
}
.catalog_ref_full #images h1{
  margin-bottom: 5px;
}

.mod_catalogreader .back{
  float: left;
  clear: both;
}

.tool
{
    border-top: 5px solid #fff ;
    border-bottom: 5px solid #fff ;
   
}
 
.tool .tip-title
{
    
    padding:15px 15px 5px 15px;
 
    text-align:left;
    background-color:#111;
    font-size: 12px;
    color:#FDE20F;
    font-weight: bold;
    width: 160px;
    
}
 
.tool .tip-text
{
    color: #fff;
    margin:0px;
    padding:0px 15px 15px 15px;
    text-align:left;
    background-color:#111;
    
    font-size:11px;
    width: 160px;
    
}

#main .ce_list ol{
  background-color:#EEEEEE;
  border:1px dotted #AAAAAA;
  padding:5px 10px;
}

.caption{
  font-size: 10px;
  color: #333;
}