/*  ------------------------------------------------------

Stylesheet zu www.01tec.de
2010                   
*  *  *  *                              
Design: www.viridis.de // 

DIE CSS-DEFINITIONEN SIND NACH CSS3 VALIDIERT UND FUER AKTUELLE
BROWSERVERSIONEN OPTIMIERT UND GETESTET.    

--------------------------------------------------------*/

/*  ------------------------------------------------------
BASICS
--------------------------------------------------------*/

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./fonts/noto-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/noto-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('./fonts/noto-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
  }  




* {margin: 0; padding: 0;}

body {
font: 100.1% "Noto Sans", Verdana, sans-serif;
background: #fff !important;
padding: 0 0 30px 0;
}

table, tr, th, td, img, fieldset {border: 0 none;}

.hidden {
position: absolute;
left: -3000px;
top: -1000px;
}

div.clear {
clear: both;
height: 0;
font-size: 0;
overflow: hidden;
}

a {outline: none !important;}

/*  ------------------------------------------------------
WRAPPER
--------------------------------------------------------*/
div#wrapper {
background: url(img/andreas_degenhart.png) no-repeat 0 100%;
min-width: 975px;
max-width: 1100px;
margin: 0 auto;
}

/*  ------------------------------------------------------
HEADER
--------------------------------------------------------*/
header {
background: url(img/logo.png) no-repeat  0 100%;
padding: 130px 0 0 0;
width: 406px;
height: 108px;
float: right;
}

/*  ------------------------------------------------------
CONTENT
--------------------------------------------------------*/
div#content {
margin: 40px 0 0 0;
float: right;
width: 406px;
}

/*  ------------------------------------------------------
ADDRESS
--------------------------------------------------------*/
address {
font-size: 12px;
font-style: normal;
color: #666;
line-height: 140%;
}

address strong {
color: #222;
display: block;
margin: 0 0 3px 0;
}

address a {
color: #666;
text-decoration: underline;
}

address a:hover {
color: #222;
}

/*  ------------------------------------------------------
H2
--------------------------------------------------------*/
h2 {
background: #000;
padding: 16px 0 16px 20px;
color: #fff;
font: 22px "Georgia", Garamond, serif;
font-style: italic;
white-space: nowrap;
float: left;
margin: 20px 0 60px 0;
width: 386px;
}

/*  ------------------------------------------------------
SUBCONTENT
--------------------------------------------------------*/
div#subContent {
background: #000;
padding: 10px 0;
}

/*  ------------------------------------------------------
ARTICLE
--------------------------------------------------------*/
article {
min-width: 975px;
max-width: 1100px;
margin: 0 auto;
display: block;
font: 17px "Georgia", Garamond, serif;
color: #fff;
}

article strong {
font-weight: normal;
color: #999;
font-style: italic;
}

/*  ------------------------------------------------------
MYID
--------------------------------------------------------*/
section#myId {
float: left;
padding: 0 0 0 100px;
}

/*  ------------------------------------------------------
MYMOTO
--------------------------------------------------------*/
section#myMotto {
float: right;
font-style: italic;
color: #999;
width: 500px;
text-align: right;
}

/*  ------------------------------------------------------
FOOTER
--------------------------------------------------------*/
footer {
min-width: 975px;
max-width: 1100px;
margin: 0 auto;
display: block;
font-size: 12px;
color: #999;
}

/*  ------------------------------------------------------
COPYRIGHT
--------------------------------------------------------*/
p.copyRight {
float: left;
padding: 0 0 0 50px;
margin: 10px 0 0 0;
}

/*  ------------------------------------------------------
VALIDATENOTE
--------------------------------------------------------*/
p.validateNote {
float: right;
padding: 0 140px 0 0;
}

p.validateNote  code {
font-size: 14px;
}

p.validateNote a {
color: #999;
text-decoration: underline;
}

p.validateNote a:hover {
color: #666;
}
p.validateNote a.validateLink {
font: 22px "Georgia", Garamond, serif;
text-decoration: none;
font-weight: bold;
font-style: italic;
padding: 0 3px 0 0;
}