@charset "utf-8";

/**
 * @author Henry Schorradt (email@henryschorradt.de)
 */

/**
Grau: #5b5552;
Dunkelgrau: #252425;
Hellgrau; #b3adab;
Rot: #cd252f;
*/

/* Reset */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
img,body,html{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}


BODY { background: #ffffff; color: #000000; font-size: 12px; padding: 0px; text-align: left; height: 100%;}
* {font-family: Verdana, Arial, Helvetica, sans-serif;}

.clearfix:after {content:".";display:block;height:0;font-size: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 */

#all {width:800px; margin:20px auto 20px auto; height:100%; min-height:100%;}
#back { background-color:#5b5552; border:2px solid #252425; padding-bottom:10px; padding-top:50px; }

#navarea {position: relative; height:20px; width:100%; color:#ffffff;}
#navright{position: absolute; height:20px; top:0; right:10px;}

.menu UL LI {display: inline; margin-left:25px;}
.menu UL LI A {color:#ffffff; text-decoration: none; }
.menu UL LI A:HOVER {color:#ffffff; text-decoration: none; border-bottom:2px solid #cd252f; }
.active A {font-weight:bold; }

#content {height:auto; padding-left:8px;}
#content_i { float:left;}

#a1 {height:300px; width:780px; margin-left:8px;}

#a1 .custom {height:300px; width:760px; padding: 0 10px 0 10px; background-repeat: no-repeat;}
#a1 .custom H1{color:#cd252f; font-weight:normal; font-size: 4em;}
#a1 .custom H2{color:#ffffff; font-weight:normal;}
#a1 .custom TABLE TD {color:#ffffff; font-size: 1.2em;}

/*#a2 { width:780px; float:left; margin-top:50px; margin-bottom:50px;  position: relative;}*/

#a2_1 .custom P {color:#ffffff; font-size:1.2em;}
#a2_1 .custom H2 {color:#252425; font-weight:normal;font-size: 2em;}


#a2_3 { margin-top:50px; margin-left:8px;
    width:780px;
    overflow:hidden;
    position:relative;    
}
#a2_2 {
    float:left;
    width:780px;
    position:relative;
    right:250px;
}
#a2_1 {
    float:left;
    width:780px;
    position:relative;
    right:265px;
}


#b1 { width:250px; margin-right:15px; float:left;
    position:relative;
    left:515px;
    }
#b2 { width:250px; margin-right:15px; float:left;
    position:relative;
    left:515px;}
#b3 { width:250px; float:left;
    position:relative;
    left:515px;}

#b1 .custom {min-height:250px; width:250px; background-repeat: no-repeat;}
#b2 .custom {min-height:250px; width:250px;background-repeat: no-repeat;}
#b3 .custom {min-height:250px; width:250px;background-repeat: no-repeat;}

#a3 { width:780px; margin-top:50px; position: relative; margin-left:8px;}
#a3_1 {width:780px; float:left;}
#a3 H1 {color:#b3adab; font-weight:normal; font-size: 3em;}
#a3 H3 {color:#b3adab; font-weight:normal; font-size: 1.5em;}
#a3 H4 {color:#b3adab; font-weight:normal; font-size: 1.2em;}

#a3 A {color:#b3adab; font-weight:normal; text-decoration: none;}

#a4 {height:300px; width:780px; margin-top:50px; margin-left:8px;}
#a4 .custom {height:300px; width:760px; padding: 0 10px 0 10px; background-repeat: no-repeat;}

.infoTable {width:330px; border:0; float:right;}