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


/* fredericka-the-great-regular - latin */
@font-face {
  font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/fredericka-the-great-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/fredericka-the-great-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/fredericka-the-great-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/fredericka-the-great-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/fredericka-the-great-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/fredericka-the-great-v15-latin-regular.svg#FrederickatheGreat') format('svg'); /* Legacy iOS */
}


body {
  margin:0px;
  padding:10px;
  color: #ddd;
  font: normal 15pt  "Raleway",sans-serif; 
  min-width:10px; 
  text-align:center;
  background: #332a22 url("pics/wood.jpg") repeat left top;
}


h1 {
  font: normal 3em "Fredericka the Great",sans-serif;  
}

h1.startpage {
	margin: 0;
}

h2 {
  font: normal 2em "Fredericka the Great",sans-serif; 
  margin-top: 50px;
}

.td_text h2 {
  font: bold 2em "Fredericka the Great",sans-serif; 
  margin-top: 0px;
}

.td_text a,
.td_text a:link,
.td_text a:visited,
.td_text a:hover
{
	text-decoration: none;
	color: #ddd;
}

h3 {
  font-size: 1.2em; 
  margin-top: 10px;
}

.logotext {
  font: normal 1.2em; 
}

a {
  color: #ddd;
}

a img{
  border: none;
}

small {
  font-size: 1em;
  color: #8bf;
}

hr {
	border: none;
	border-top: 1px dashed #888;
	width: 50%;
	margin: 50px auto;
	height: 10px;
}

#back2sebulli {
  position: relative;
  height:250px;
  margin:0 auto;
  text-align:center;
}

#logocontainer {
  position: relative;
  min-height:100px;
  margin:20px auto;
  text-align:center;
}

#sebulli_logo {
  position:absolute;
  left: 10px;
  margin:0 0 0 0;
}

#imprint {
  position: absolute;
  left: 2px;
  top: 2px;
}

#imprint2 {
  margin: 100px auto 10px auto;
  border-top: 1px dashed white;
  width: 450px;	
}

#languagebox {
  text-align: right;
  width:100%;
  margin:5px 5px 0 0;
  position:absolute;
  top: 0px;
  right: 0px;
}

.code {
  text-align: left;
  background-color: black;
  padding: 20px;
  margin: 50px;
}


.paper {
  color: black;
  text-align: left;
  background-color: #eee;
  padding: 20px;
  margin: 50px;
  box-shadow: 10px 10px 5px black;
}

#inhalt{

	margin: 10px auto 20px auto;
	max-width: 1024px;
}

.projectcontainer {
  
  width: 850px;
  margin-top: 20px;
  margin-left:100px;
}

#projecttable {
  width: 100%;
  margin-top: 50px;
}



@media (min-width: 641px) {
	.td_logo {
	  float: left;
	  width: 360px;
	}

	.td_text {
		width: 80%;
	}

	.td_lic {
	  float: right;
	  width: 200px;
	}
}

@media (max-width: 640px) {

	.td_lic {
	  display: none;
	}
}

.clear {
	clear: both;
}



.c .de1, .c .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;}
.c  {font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;}
.c a:link {color: #000060;}
.c a:hover {background-color: #f0f000;}
.c .imp {font-weight: bold; color: red;}
.c li, .c .li1 {font-weight: normal; vertical-align:top;font: normal normal 130% 'Courier New', Courier, monospace; color: #003030;}
.c .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.c .li2 {font-weight: bold; vertical-align:top;font-weight: bold; color: #006060;}
.c .kw1 {color: #b1b100;}
.c .kw2 {color: #000000; font-weight: bold;}
.c .kw3 {color: #000066;}
.c .kw4 {color: #993333;}
.c .co1 {color: #666666; font-style: italic;}
.c .co2 {color: #339933;}
.c .coMULTI {color: #808080; font-style: italic;}
.c .es0 {color: #000099; font-weight: bold;}
.c .es1 {color: #000099; font-weight: bold;}
.c .es2 {color: #660099; font-weight: bold;}
.c .es3 {color: #660099; font-weight: bold;}
.c .es4 {color: #660099; font-weight: bold;}
.c .es5 {color: #006699; font-weight: bold;}
.c .br0 {color: #009900;}
.c .sy0 {color: #339933;}
.c .st0 {color: #ff0000;}
.c .nu0 {color: #0000dd;}
.c .nu6 {color: #208080;}
.c .nu8 {color: #208080;}
.c .nu12 {color: #208080;}
.c .nu16 {color:#800080;}
.c .nu17 {color:#800080;}
.c .nu18 {color:#800080;}
.c .nu19 {color:#800080;}
.c .me1 {color: #202020;}
.c .me2 {color: #202020;}
.c span.xtra { display:block; }

.table_1
{
	margin: 10px auto 10px auto;
}

.table_1 td
{
	vertical-align: top;
	text-align: center;
	background: #f0f0f0;
	color: #444;

}

.table_1 tr:nth-of-type(odd) td
{
	background: #e0e0e0;
}

.table_1 tr:nth-of-type(1) td
{
	padding: 2px 20px;
	font-weight: bold;
	background: #789;
	color: #fff;
	border-bottom: none;
}

#copyrightcontainer {
	position: relative;
	width: 100%;
}

#copyright {
	width: 400px;
	text-align: left;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    -o-transform-origin: right bottom;
    transform: rotate(-90deg);
    transform-origin: right bottom;

    position: absolute;
    bottom: 400px;
    right: 1px;
    white-space: nowrap;    
    font-size: 12px;
}

#copyright a,
#copyright a:link,
#copyright a:visited,
#copyright a:hover
{
	text-decoration: none;
	color: #888;
}

img.projectfoto {
	border: 1px solid #eee;
	box-shadow: 10px 10px 15px #000;
}

img.foto {
	border: 15px solid #eee;
	margin: 20px 20px 20px 20px;
	box-shadow: 10px 10px 15px #000;
}

.mytable{
background-color: rgba(255,255,255,0.2);
margin: 20px auto;

}
.mytable th{
background-color: rgba(255,255,255,0.8);
color: #000;
padding: 5px;
}
.mytable td{
padding: 5px;
}