/* 
CSS3  Layout für internet.tipido.net  
3.01.2013  
*/

/* ??? 
* {margin:0px; padding:0px}
*/

/* Farben: 
background: #fffed8
gelb: #efe702 
blau: #0075d0 
*/

/* ATTENTION: import ttf-fonts before woff-fonts for correct presentation in Opera !!!! */

@font-face {font-family: 'SansItalic';
    src: url('scada-italic-webfont.eot');
    src: url('scada-italic-webfont.eot?#iefix') format('embedded-opentype'),
    	url('scada-italic-webfont.ttf') format('truetype'),
         url('scada-italic-webfont.woff') format('woff'),         
         url('scada-italic-webfont.svg#SansItalic') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {font-family: 'SansRegular';
    src: url('scada-regular-webfont.eot');
    src: url('scada-regular-webfont.eot?#iefix') format('embedded-opentype'),         
         url('scada-regular-webfont.ttf') format('truetype'),
         url('scada-regular-webfont.woff') format('woff'),
         url('scada-regular-webfont.svg#SansRegular') format('svg');
    font-weight: normal; font-style: normal;}    

@font-face {font-family: 'SansBold';
    src: url('scada-bold-webfont.eot');
    src: url('scada-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('scada-bold-webfont.ttf') format('truetype'),
         url('scada-bold-webfont.woff') format('woff'),
         url('scada-bold-webfont.svg#SansBold') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {font-family: 'SansBoldItalic';
    src: url('scada-bolditalic-webfont.eot');
    src: url('scada-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),         
         url('scada-bolditalic-webfont.ttf') format('truetype'),
         url('scada-bolditalic-webfont.woff') format('woff'),         
         url('scada-bolditalic-webfont.svg#SansBoldItalic') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'OverlockBold';
    src: url('overlock-bold-webfont.eot');
    src: url('overlock-bold-webfont.eot?#iefix') format('embedded-opentype'),
    	 url('overlock-bold-webfont.ttf') format('truetype'),
         url('overlock-bold-webfont.woff') format('woff'),         
         url('overlock-bold-webfont.svg#OverlockBold') format('svg'); }

body {margin: 0 auto; background-color:#ffffdd; font-size:larger;}  

section {margin: 20px auto; width:820px; border-style:solid; border-width:1px; border-color:#0075d0; border-radius:15px; background-color:white;
		   padding:30px 80px 40px 80px;   font-family:SansRegular; font-size:100%; color:#777}

b {font-weight:normal; font-family:SansBold}
i {font-style:normal; font-family:SansItalic}
i b {font-weight:normal; font-style:normal; font-family:SansBoldItalic}
b i {font-weight:normal; font-style:normal; font-family:SansBoldItalic}

a {text-decoration:none; color: #0075d0} 

a.hover img {background-color:yellow} 

nav {margin-bottom:80px; width:820px;  border-color:#ddd	; border-width:1px; border-bottom-style:none; text-align:center;}
nav ul {margin-left: -40px }
nav li {display:inline; list-style-type:none; margin:0px 40px;}
nav li a {font-family:OverlockBold; font-weight:normal;  color:#0075d0; font-size:36px;border-color:#0075d0; border-style:solid; border-width:4px; border-radius:15px; padding: 0px 16px 2px 16px}
nav li a:hover {background-color:#efeb6b}
nav li a:active {background-color:#efe702}
nav li a.chosen {background-color:#efe702}

p {font-size:100%; line-height:150%; text-align:justify }
h1 {font-weight:normal; font-family:SansBold; font-size:48px; color:#aaa; line-height:60px; margin-top:0px;
	  border-bottom-style:solid; border-bottom-width:12px; border-bottom-color:#efe702;
	  padding-bottom:14px; margin-left: 322px; margin-right:20px; margin-bottom:50px}

h2 {margin-bottom:6px; font-weight:normal; font-family:SansBold; font-size:150%; color:#999}
		   
h3 {margin-bottom:-14px; text-align:right;font-size:63px}  /* nur für den "home"-Pfeil zur Navigation */
h3 img {border-style:none} /* für IE nötig! */
h3 a  {border-style:none; background:url(pfeil-blau-26.png) no-repeat }
h3 a:hover, h3 a:active  {border-style:none; background:url(pfeil-gelb-26.png) no-repeat}

ol {margin-top:0px; padding:0px; color:#0075d0}
ul {margin-top:0px; padding:0px}
li {font-size:125%; line-height:170%; text-align:left}
ul li {list-style-type:none}
ol li {list-style-type:none}
ol li em {font-weight:normal; font-style:normal; font-family:SansBold; font-size:150%; color:#efe702;}