/* CSS Document */
* {
	margin: 0;
	padding: 0;
	border: 0 none;
}
body {
	color:#111111;
	background-color: #aeaeae;
	background-image:url(img/back.png);
	background-repeat:repeat-x;
	font-size: 100.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow-y:scroll;
}

h1 { font-size:130%; margin-bottom:12px;}
h2 { font-size:130%; margin-bottom:6px;}
h3 { font-size:115%; font-weight:normal; margin-bottom:14px; }
h4 { font-size:115%; margin-top:12px; margin-bottom:4px; text-decoration:underline; }
h5 { font-size:115%; margin-top:4px; margin-bottom:16px; text-decoration:underline; }

li { padding:2px 0px 1px 0px; }
a:link, a:visited, a:active{
	color: #444;
	text-decoration:underline;
	outline: none;
}   
a:hover, a:focus  {
	color: #777;
	text-decoration:underline;
}

.bold { font-weight:bold; }
.larger { font-size:120%; }
.smaller { font-size:85%; line-height:4px; }
.small { font-size:70%; line-height:4px; }
.tiny { font-size:50%; line-height:4px; }
.mid { text-align:center; }
.spacetop { margin-top:10px !important; }
.doublespacetop { margin-top:20px !important; }

#page {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}
#main {
	margin-left: -410px;
	position: relative;
	width:820px;
	left:50%;
}

#header {
	background-image:url(img/header_back.png);
	width:820px;
	height:84px;
}
#header_logo{ margin-left:254px; }

#navi{
	background-image:url(img/navi_back.png);
	width:820px;
	height:30px;
}
.navi_item_de{
	display:inline;
	margin-left:40px;
	margin-right:64px;
}


#content {
	padding:12px 12px 0px 12px;
	background-image:url(img/content_back.png);
	background-repeat:repeat-y;
}

.titlebar {
	background-color:#BBB;
	border: 2px solid #EAEAEA;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding: 2px 0px 2px 0px;
	margin: 0px 2px 0px 2px;
	text-align:center;
	font-size:90%;
	font-weight:bold;
}

/* - - - - INHALT - - - - */

#cloud 
{
	margin: 5px 0px 15px 57px;
}

.project
{
	background-color:#EAEAEA;
	border: 2px solid #222;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	
	padding: 10px;
	margin: 0 0 0 2px;
	width:768px;
}
.project img { float:left; }
.projectbody { margin-left: 400px; }
.projecttitle { font-size: 120%; }
.projectsub { font-size: 100%; }
.projecttext { margin-top:10px; font-size: 70%; }
.projectbody a { line-height:24px; font-size:100%; font-family:monospace} 


.referenz {
	background-color:#EAEAEA;
	border: 2px solid #222;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	
	padding: 10px;
	margin: 0 0 0 2px;
	width:768px;
	height: 90px;
	
	padding:7px 0 0 15px;
}
.referenz img { float:left; }
.reftxt { margin:3px 0 0 265px; }
.refcat
{
	 margin:10px 0 0 265px;
	 font-family:monospace;
}

#contact { margin: 20px 0 0 212px; }

#legal  { font-family:monospace; font-size:85%; margin: 20px 150px 0 150px; }

.floatend { clear:both; }
/* - - - - ______ - - - - */

#footer {
	height:46px;
	width:820px;
}
#footer_l {
	display:inline;
	background-image:url(img/footer_l.png);
	float:left;
	height:50px;
	width:50px;
}
#footer_m {
	display:inline;
	background-image:url(img/footer_m.png);
	float:left;
	width:720px;
	height:50px;
}
#footer_r {
	display:inline;
	background-image:url(img/footer_r.png);
	float:right;
	height:50px;
	width:50px;
}

#impressum {
	text-align:center;
	font-size:10px;
	position:relative;
	top:-18px;
}
#impressum  a:link, a:visited, a:active{
	color: #444;
	text-decoration:underline;
	outline: none;
}   
#impressum  a:hover, a:focus  {
	color: #777;
	text-decoration:underline;
}


/* Accordion Stuff*/
.acc_module{ }
.accfaq { margin:0 10px 0 10px;}
.toggler {
	margin: 0;
	padding: 2px 5px;
	background: #323232;
	border: 1px solid #323232;
	
	text-decoration:none;
	font-size:115%;
	cursor:pointer;
	
	height:13px;
	line-height:13px;
	
	background-image:url(img/accback.png);
	background-repeat:repeat-y;
	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
.hide { height:0px; line-height:0px; padding:0; }
.element {
	margin: 1px 0 0 0;
	padding: 0px 5px 0px 5px;
}
.element ul {
	padding: 5px 0px 8px 10px;
}
.togglerStart { cursor:pointer;}