/* Get Ubuntu fonts */
@font-face {
  font-family: 'Ubuntu';
  src: url('ubuntu-r.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('ubuntu-b.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('ubuntu-i.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('ubuntu-bi.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}


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

}

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

}

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

}

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

}



body {
	color: #1E1D19;
        background-color: #F5F5F5;
	margin: 0;
	padding:0;
	border: 10px;
	font-size:14px;
	font-weight:light;
	line-height:2.5ex;
	letter-spacing:2px;
	font-family:"Ubuntu";	
	background-color: #fafcf9;
	background-image:URL(back.jpg);
	background-repeat:no-repeat;
}


small
{
	font-size:80%;
	font-family:sans-serif;
	}
cite
{
	font-size:100%;
	font-style:italic;
	color:#5B486A;
	font-family:serif;
	}	
a:link 
{
	color:#121A60;
	}
a:visited 
{
	color:#0C5C73;
	}
a:active 
{
	color:#2929A8
	}
a:hover
{
	color:#120348; 
	background-color:#768189;
	}
	
a {text-decoration:none;
  letter-spacing:0.2em;
}
a img {border:none;}


h1, h2, h3, h4, h5, h6 {
  font-family:serif;
  font-size:102%;
  font-weight:normal;
  letter-spacing:0.5em;
  text-decoration:none;
}


h1
{
	font-size:160%;
	font-variant:small-caps;
	margin-left:20px;
    font-family: 'LaconicBold';	
	}
h2
{
	font-size:130%;
	font-variant:small-caps;
	letter-spacing:2px;
	}	
h3
{
	font-size:120%;
	font-variant:small-caps;
	}	
h4
{
	font-size:105%;
	font-style:italic;
	text-indent:20px;
	}		


ul, li{
	text-decoration:none;
	list-style-type:none;
	padding:4px;
	}	

ol li{
	list-style-type:decimal;
	padding:4px;
	}	

img {margin:4px;
	}

.abild  {
	float:right;
	width:154px;
	height:110px;
	padding:6px;
	margin:5px;
	margin-top:-50px;
	font-size:80%;
}	
		.abild img {
	width:150px;
	height:100px;
	margin-top:20px;
			}	

	
.achtung  {
	font-style:bold;
	color: #601661;
	font-family: sans-serif;
	font-size:110%;
}	
.statement {
	max-width:730px;
	font-size:90%;
	padding:12px;
	border:1px dotted #BFBFBF;
	margin:2px 20px 5px 20px;
}
.statement-inline{
	font-size:99%;
	font-variant:small-caps;
	margin:auto;
	text-align:center;
}

.edit {margin-top:8ex;
	clear:both;

}
	.edit input {width:20em;
	
	}

/* Per Klick eingefügt */

#block {
  border:1px solid black;
  position:relative;
}



.textbox {
	max-width:730px;
	font-size:99%;
	padding:12px;
	border:1px dotted #BFBFBF;
	margin:5px 5px 5px 20px;
	display:block;	
}
  .textbox h2{
	width:500px;
	border-bottom:1px dotted #BFBFBF;
}



.weiter { 
	text-align:right;
	font-weight:bolder;
	font-size:90%;
	margin:0px;
}
#headnav {
	border-top:2px solid #808492;
	border-bottom:1px solid #555761;
	width:101%;
	background-color:#E2E6EA;
	padding:8px;
	padding-left:24px;
	margin:0px;
}
  #headnav ul{
  list-style:none;
}
  #headnav ul li{
 display:inline;
}
    #headnav ul li form{
float:right;
margin-right:8em;
font-size:75%;
}
    #headnav ul li form input{
font-size:90%;
width:10em;
}

.signum {clear:both;
	 text-align:right;
}

.fuss {clear:both;
	width:100%;
	font-family: helvetica, sans-serif;
	font-size:90%;
	color:#4D4D4D;
	padding:20px;
	margin:0px;
}
	.fuss hr{margin-left:-40px;
}

.abschluss {
	margin:0px;
}
	
.code {
	padding:1em;
	border:1px dotted;
	margin:1em 1em 1em 3em;
	background-color:#BFBFBF;
	color: #40484C;
	font-family: courier, fixed, monospace;
	font-size:90%;
}

.bildbox {
	display:block;
	width:auto;
	float:right;
	padding:3px;
	margin:1em;
	border:1px dotted;
	background-color: #D5E1E3;
	color: #40484C;
	font-size:80%;
	line-height:2.3ex;
		font-family:"LaconicLight";
}
	.bildbox img {

		border:1px solid #BFBFBF;
		margin:2px;
	}

.caption {
	padding:3px;
	margin:2em;
	border:1px dotted;
	background-color: #D5E1E3;
	color: #40484C;
	font-family: sans-serif;
	font-style:italic;
	font-size:90%;
}
.warnbox {
	color:#4B584B;
	background-color:#F97B71:
	text-align:center;
	width:85%;
	font-family: helvetica, sans-serif;
	font-size:96%;
	overflow: auto;
	padding:1em;
	border:3px solid;
	margin:1em 1em 1em 1em;
}