/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, p, blockquote, pre,	a, abbr, acronym, address, big, cite, code,	del, dfn, em, font, img, ins, kbd, q, s, samp,	small, strike, strong, sub, sup, tt, var,	b, u, i, center,	dl, dt, dd, ol, ul, li,	fieldset, form, label, legend,	table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;background: transparent;}
	body {line-height: 1;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content: '';content: none;}
	:focus {outline: 0;}
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	table {border-collapse: collapse;border-spacing: 0;}
/*Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/
* { margin:0; padding:0; box-sizing: border-box; -moz-box-sizing: border-box;}
body {
  padding:0; 
  margin:0; 
  background:#5f626c;
  text-align:center;
  min-height:800px;
}
a {color:#000000; cursor:pointer; color:inherit; *color:#000000;}
em{
  font-weight:bold;
  color:#031848;; 
}
body, td, input, textarea{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#242a30;
    line-height:14px;
    vertical-align:top;
    padding:0px;
}
#header { 
  width:100%;
  height:116px;
  background:url(../images/header-top-tail.gif) top repeat-x #00091e;
  text-align:center;
}
#header .logo { 
  margin:0 12px 0px 35px; 
  padding:0 0 0 0; 
  text-align:left;
  
}
hr.splitter{
  background:url(../images/header-top-tail.gif) top repeat-x #00091e;
  height:10px;
  margin: 10px 0 10px 0; 
}
/* ________________ NAVI ____________________*/
#naviholder{
  width:100%;
  height:46px;
  background:url(../images/bg_menu_tall.gif) top repeat-x #e17d18;
  text-align:center;
}
#navi{
width:900px; 
margin:auto;

}

/* _________________ CONTAINER ____________________ */
#main {
width:100%; 
height: auto;
background:#FAF8F0;
text-align:center;
}
#body{
width:900px; 
background:#FAF8F0;
padding:10px;
margin:auto;
min-height:600px;
}
.content{
  text-align:left;
}
/*
#sublogo{
  position:absolute;
  bottom:30px;
  right:30px;
  width:250px;
  height:150px;
  background:url(../images/content/php.jpg) no-repeat;
  background-position: bottom;
  
}*/
#footer{
width:100%;
border-top: 10px solid #00091e;
}
/*_______________________TOP_BLOCK_______________________*/
.tb_top{
	background:url(../images/tb_f_border.png) repeat-x;
	background-position:top;
	background-color:#fff;
	margin:5px 5px;
	position:relative;
	}
.tb_bottom{
	background:url(../images/tb_b.png) repeat-x;
	background-position: bottom;
	}
.tb_left{
	background:url(../images/tb_f_border.png) repeat-y;
	background-position: left;
	}
.tb_right{
	background:url(../images/tb_f_border.png) repeat-y;
	background-position: right;
	}
.tb_top_left{
	background:url(../images/tb_tl.png) no-repeat;
	background-position: top left;
	}
.tb_top_right{
	background:url(../images/tb_tr.png) no-repeat;
	background-position: top right;
	}
.tb_bottom_left{
	background:url(../images/tb_bl.png) no-repeat;
	background-position:bottom left;
	}
.tb_bottom_right{
	background:url(../images/tb_br.png) no-repeat;
	background-position:bottom right;
	}
.tb_dop{
	padding:20px 10px 10px 10px;
	color:#5c5f64;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:14px;

	
	}
.tb_dop img{ position:relative;}
.tb_dop a{ position:relative;}
/*_______________________BOTTOM_BLOCK_______________________*/
.bb_top{
	background:url(../images/bb_top.png) repeat-x;
	background-position:top;
	background-color:#e8e6e3;
	margin:20px 5px 0 5px;
	}
.bb_bottom{
	background:url(../images/bb_f_border.png) repeat-x;
	background-position: bottom;
	}
.bb_left{
	background:url(../images/bb_f_border.png) repeat-y;
	background-position: left;
	}
.bb_right{
	background:url(../images/bb_f_border.png) repeat-y;
	background-position: right;
	}
.bb_top_left{
	background:url(../images/bb_tl.png) no-repeat;
	background-position: top left;
	}
.bb_top_right{
	background:url(../images/bb_tr.png) no-repeat;
	background-position: top right;
	}
.bb_bottom_left{
	background:url(../images/bb_bl.png) no-repeat;
	background-position:bottom left;
	}
.bb_bottom_right{
	background:url(../images/bb_br.png) no-repeat;
	background-position:bottom right;
	}
.bb_dop{
	padding:0px 20px 10px 0;
	color:#5c5f64;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}

/* =============== CONTENT STUFF ===================== */
.left50{
  width:15px;
  float: left;
}
.left100{
  width:100px;
  float: left;
}
.left200{
  width:200px;
  float: left;
}
.left350{
  width:232px;
  float: left;
}
h1{
  color:#f0800d;
  font-size:1.2em;
  padding-bottom:5px;
}
h1.blue{
  padding-top:10px;
  color:#212d46;
  font-size:1.8em;
  font-family:verdana;
  padding-bottom:5px;
}
h2{
  font-size:14px;
  padding-bottom:5px;
}
h3{
  font-size:12px;
  padding-bottom:5px;
}
h4{
  color:#f0800d;

  padding-bottom:5px;
}
.more{
	display:block;
	height:24px;
	background:url(../images/readm_more_m.png) repeat-x;
	background-position:top;
	float:left;
	margin-top:20px;
	text-decoration:none;
	color:#fff;
	}
.more_left{
	display:block;
	height:24px;
	background:url(../images/readm_more_l.png) no-repeat;
	background-position:top left;
	float:left;
	}
.more_mid{
 	display:block;
	padding:3px 0px 0 25px;
	margin:0 15px 0 0;
	float:left;
	}
.more_right{
	display:block;
	height:24px;
	background:url(../images/readm_more_r.png) no-repeat;
	background-position:top right;
	float:left;
}
.clear {
	clear:both;
	float:none;
}
.doubleHeaderDivNoTop{
    padding:0px 15px 5px 15px;
}
.blockLeftContent {
    padding:10px 15px 10px 15px;
}
.left {
    float:left;
    margin-right:10px;
}
.bold{
  font-weight:bold;
}
.a{color:#070a0b; text-decoration:underline; cursor:pointer;}
.a:hover{text-decoration:none;}

.b{ color:#243a6a;}
.span{ color:#e55205;}

ul{margin:0; padding:0; list-style:none; line-height:17px; display:block; float: none;}
ul li { padding-left:19px; color:#242a30; font-weight:normal; line-height:20px; display:block; float:none; }
ul li div { line-height:20px; }
li a{color:#242a30; }
ol li {padding-left:0px; margin-left:20px;}
ul.skills{
  margin:0; padding:0; list-style:none; line-height:17px; display:inline; float: none;
}
li.skills{ 
  background:url(../images/a3.gif) no-repeat 420px 5px; 
  padding-left:430px;
}
.mainfootercontent{
  margin:10px 0 10px 0;
  background: white; 
  border:1px solid #eeeeee;
}

/* =============== CONTENT HEADING STUFF ===================== */
b{
  font-weight:bold;
  color:#031848;
}
.accordionholder{
	height:500px;
}
#accordion
{
min-height:500px;
}
#accordion .inside
{
  border: 1px solid #FAF8F0;
  padding: 10px;
  text-align:center;
  vertical-align:middle;
  min-height:300px;
}
#accordion a.head
{
	border: 1px solid #FAF8F0;
	/*border-color: #031848 #FAF8F0 #FAF8F0 #031848;*/
	display: block;
	padding: 5px;
	font-size: 1.2em;
	text-align: left;
	letter-spacing: 0.05em;
	cursor: pointer;
	overflow: hidden;
  color:#031848;

}
#accordion a.head:hover
{
	background: #FAF8F0;
	text-decoration: none;
}
#accordion h4.head
{
	border: 1px solid #FAF8F0;
	/*border-color: #031848 #FAF8F0 #FAF8F0 #031848;*/
	display: block;
	padding: 5px;
	font-size: 1.1em;
	text-align: left;
	letter-spacing: 0.05em;
	cursor: pointer;
	overflow: hidden;
  color:#031848;

}
#accordion h4.head:hover
{
	background: #FAF8F0;
	text-decoration: none;
}
#accordion .inside img{
  border: 1px solid #031848;
	border-color: #031848 #FAF8F0 #FAF8F0 #031848;
}
#accordion .inside a
{
	display: inline;
	border: none;
	font-size: 1em;
	padding: 0;
}
#accordion .inside a:hover
{
	background: transparent;
	text-decoration: underline;
}
.listinglink{
  border: 1px solid #FAF8F0;
	/*border-color: #031848 #FAF8F0 #FAF8F0 #031848;*/
	display: block;
	padding: 3px;
	text-align: left;
	letter-spacing: 0.05em;
	cursor: pointer;
	overflow: hidden;
  color:#031848;
}
.listinglink:hover{
  background: #FAF8F0;
	text-decoration: none;
}
/********* FOOTER ********************/
#footercontent{
  min-height:150px;
}
#footerlink{
  font-weight:bold;
  cursor:pointer;
}
/********** GESHI ********************/
.geshi{
  margin:10px;
  padding:10px 30px;
  background: #FAF8F0;
  border:1px solid #031848;
  overflow:auto;
}

/****** pathway ***************/
.pathway{
  padding-bottom:15px;
}
/****** article ***************/
.article_content{
  padding:20px;
}
.article_content ul{
  padding:15px 0; 
}
.comment{
  padding:15px;
}
.commentauthor{
  height: 30px;
  padding:5px 5px 5px 35px; 
  background:url(../images/content/user.png) no-repeat 5px 2px;
}
.commentcontent{
  border:1px solid black;
  padding:10px;
}
.authorcommentcontent{
  background:#ffc;border:1px solid #fc3;
  color:black;
  padding:10px;
}
.info {
    background:#F1F7FF url(../images/famfam/information.png) no-repeat scroll 15px 50%;
    background-position: 15px 50%; /* x-pos y-pos */
    border:1px solid #B5D4FE;
    color:#111111;
    font-size:13px;
    margin:10px auto;
    padding:5px 20px 5px 45px;
    text-align:left;
}
.warning, .error , .error_list li{
    background:#FFF6BF url(../images/famfam/exclamation.png) center no-repeat scroll ;
    background-position: 15px 50%; /* x-pos y-pos */
    border:1px solid #FFD324;
    color:#111111;
    font-size:13px;
    margin:10px auto;
    padding:5px 20px 5px 45px;
    text-align:left;
}
.ok {
    background:#E4FAE1 url(../images/famfam/accept.png) no-repeat scroll 15px 50%;
    background-position: 15px 50%; /* x-pos y-pos */
    border:1px solid #70AA56;
    color:#333333;
    font-size:13px;
    margin:10px auto;
    padding:5px 20px 5px 45px;
    text-align:left;
}
.wikilink{
  padding-left:20px;background:url(../images/wp.gif) no-repeat left bottom;
}
p.message {
	padding-left: 25px;
	/*color: #006699;*/
  color:#111111;
	background: url(../images/famfam/information.png) no-repeat top left;
		line-height:18px;
}
p.padding{
	padding-left: 25px;
	line-height:18px;
}
.maincontent{
    font-family:Arial, Helvetica, sans-serif;
    color:#242a30;
    line-height:14px;
    font-size:12px;
    padding-bottom:5px;
}
#articlecomment{
  border:none;
  padding:15px;
}
#articlecomment h4{
  border:none;
  font-size:16px;
  padding-bottom:10px;
}
#articlecomment dl{
  width:100%;
}
#articlecomment dt{
  width:30%;
  clear:left;
  float:left;
  padding:0 10px 10px 0;
  text-align:right;
  font-size:15px
}
#articlecomment dd{
  width:70%;
  padding-bottom:10px;
}
#articlecomment input{
  border: 1px solid black; 
  height:25px;
  width:55%;
font-size:15px
}
#articlecomment textarea{
  border: 1px solid black; 
  height:150px;
  width:55%;
font-size:15px
}
#articlecomment p{
  text-align:center;
}
#articlecomment p input{
  width:38%;
}
/************* KONTAKT **************************/
div.kontaktformular_angaben
{
	float: left; 
	display: inline;
	width: 300px;
	margin: 0;
	padding: 0;
}

div.kontaktformular_nachricht
{
	float: right; 
	display: inline;
	margin: 0;
	padding-right: 20px;
	width: 350px;
}

div.kontaktformular
{
	float: left;
	display: inline;
	padding: 0 0 10px;
}
div.kontaktformular label
{
	width: 250px;
	display: block;
	margin-bottom: 0.25em;
	font-weight: bold;
}
div.kontaktformular input.text, input.text, input.inputForm, input.contactform
{
	padding: 0;
	width: 290px;
	border: 1px solid black;
	outline: none;
	display: block;
	padding: 3px;
}
input.contactform{
  padding: 0;
	width: 290px;
	border: 1px solid black;
	outline: none;
	display: block;
	padding: 3px;
}
input.inputForm
{
	display: inline;
}
input.inputFormError{
	display: inline;
	border: 1px solid black;
}
div.kontaktformular textarea
{
	width: 290px;
	font-size: 1.5em;
	height: 200px;
	border: 1px solid black;
	display: block;
	padding: 3px;
	margin-bottom: 2.5em;
}
table{
  width:100%;
  padding:0;
  border:1px solid #cccccc;
  margin:5px 0; 
}
th{

  background-color: #FAF8F0;
  padding:5px;
  color:black; 
}
td{
  padding:5px;
  border-top:1px solid #cccccc;
}
.even{
  border:1px solid #cccccc;
  padding:5px;
}
.odd{
  background-color: #FAF8F0;
  border:1px solid black;
}