body
{
	font-size: 100.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background-color: #FFF;
	color: #333;
	background-image: url('/themes/cialog2/media/back_main.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

html>body { font-size: 16px; }

/* ----------------- */
/* Links */
/* ----------------- */
a:link,
a:visited
{
	color: #ff850c;
	text-decoration: none;
}

a:hover
{
	color: #8a1600;
	text-decoration: none;
}

a:active,
a:focus
{
	color: #999;
	text-decoration: none;
}

/* ----------------- */
/* Layout */
/* ----------------- */
#container
{
	width: 800px;
	margin: 0;
	font-size: .6875em;
	line-height: 1.5em;
}

.hide { display: none; }

#logo a
{
	text-indent: -200em;
	float: left;
	height: 25px;
	width: 200px;
	margin: 25px 0 5px 100px;
	padding: 0;
	background-color: transparent;
}

#pagebody
{
	padding: 0;
	border: 0;
	clear: both;
	width: 700px;
	margin: 0 0 0 100px;
}

#pagebody-main
{
	padding: 0;
	border: 0;
	clear: both;
	width: 700px;
	margin: 0 0 0 100px;
}

#leftcol
{
	float: left;
	width: 430px;
	margin: 0;
	padding: 2em 25px 2em 95px;
}

#pagebody #leftcol
{
	background-image: url('/themes/cialog2/media/back_left.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#leftcol table td { vertical-align: top; }

#rightcol
{
	float: right;
	width: 150px;
	margin: 0;
	padding: 220px 0 0 0;
	color: #666;
}

#pagebody #rightcol
{
	background-image: url('/themes/cialog2/media/back_right1.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.profil #pagebody #rightcol { background-image: url('/themes/cialog2/media/back_right2.png'); }
.leistungen #pagebody #rightcol { background-image: url('/themes/cialog2/media/back_right3.png'); }
.projekte #pagebody #rightcol { background-image: url('/themes/cialog2/media/back_right4.png'); }
.kontakt #pagebody #rightcol { background-image: url('/themes/cialog2/media/back_right5.png'); }

.clearer
{
	line-height: 1px;
	height: 0;
	margin: 0;
	clear: both;
}

#footer
{
	width: 800px;
	clear: left;
	z-index: 10;
	border-bottom: solid 5px #fff;
	height: 15px;
}

#footer p
{
	display: inline;
	padding: 0;
	margin: 0;
}

#footer p a
{
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 0;
	background-color: #ff850c;
	text-decoration: none;
	font-size: .1em;
	cursor: pointer;
}

#footer p a:hover
{
	color: #ff850c;
	text-decoration: none;
}

#innerfooter
{
	width: 700px;
	float: right;
	background-color: #eee;
	color: #999;
	text-align: right;
	font-size: .8em;
}

/* ----------------- */
/* Style */
/* ----------------- */
#leftcol table.teaser
{
	margin-left: -95px;
}

#pagebody #leftcol table.teaser td.date
{
	white-space: nowrap;
	padding: 0 1em .25em 1em;
}

#pagebody-main #leftcol table.teaser td.date
{
	white-space: nowrap;
	background-color: #eee;
	padding: 0 1em .25em 1em;
}

#leftcol table.teaser td.text { padding: 0 0 0 1em; }
#leftcol table.teaser td.text h2 { margin: .5em 0 .5em 0; }

#leftcol h1
{
	color: #999;
	font-size: 1.5em;
	font-weight: normal;
}

#leftcol h2
{
	color: #666;
	font-size: 1em;
	margin: 1.5em 0 .5em 0;
}

#leftcol h2
{
	color: #999;
	font-size: 1em;
	margin: 1.5em 0 .5em 0;
}


#leftcol p
{
	margin: .5em 0 .5em 0;
}

#rightcol p { font-size: .9em; }

#rightcol h4
{
	display: none;
}

#leftcol img.inline
{
	float: left;
	display: inline;
	margin: .5em 1em .5em 0;
}

#contact legend
{
	color: #333;
}

#contact input.wide, #contact textarea.wide, #contact select.wide
{
	width: 390px;
	border-width: thin;
	color: #666;
}

/* ----------------- */
/* Menu */
/* ----------------- */
#nav
{
	width: 700px;
	margin: 0 0 0 100px;
	height: 30px;
	background-color: #eee;
}

#nav ul
{
	list-style-type: none;
	float: right;
	padding: 0;
	margin: 0;
}

#nav ul li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#nav ul li a
{
	display: block;
	float: left;
	width: 8em;
	margin: 0;
	height: 30px;
	padding: 0 0 0 1em;
	background-color: #eee;
	text-decoration: none;
	font-weight: normal;
	font-size: 1em;
	cursor: pointer;
	border-left: 1.1px solid #fff;
}

#nav ul li a:hover
{
	color: #f30;
	background-color: #fff;
}

#nav ul li a.active, 
#nav ul li a.active:hover
{
	color: #666;
	background-color: #fff;
	cursor: default;
}

#functions
{
	width: 800px;
	height: 25px;
	clear: both;
}

#functions ul
{
	list-style-type: none;
	float: right;
	height: 25px;
	padding: 0;
	margin: 0;
}

#functions ul li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#functions ul li a
{
	float: left;
	text-indent: -100em;
	height: 16px;
	width: 16px;
	padding: 0;
	margin: 0 1em 0 1em;
}

#functions ul li a#print { background: #fff url('/themes/cialog2/media/icon-print.gif') 0 0 no-repeat; }
#functions ul li a#search { background: #fff url('/themes/cialog2/media/icon-search.gif') 0 0 no-repeat; }
#functions ul li a#pdf { background: #fff url('/themes/cialog2/media/icon-pdf.gif') 0 0 no-repeat; }
#functions ul li a#de { background: #fff url('/themes/cialog2/media/icon-de.gif') 0 0 no-repeat; }
#functions ul li a#en { background: #fff url('/themes/cialog2/media/icon-en.gif') 0 0 no-repeat; }
#functions ul li a#print:hover, 
#functions ul li a#search:hover, 
#functions ul li a#pdf:hover, 
#functions ul li a#de:hover, 
#functions ul li a#en:hover
{ background-position: -16px 0; }

.menu
{
	margin: 0;
	padding: 0;
	font-size: .9em;
}

.menu ul
{
	list-style: none;
	margin: 0 0 20px 0;
	border: none;
	padding: 0;
	text-indent: .8em;
	border-bottom: 1px solid #ccc;
}

.menu li
{
	margin: 0px;
	line-height: 20px;
}

.menu li ul
{
	list-style: none;
	margin: 0px;
	border: none;
	padding: 0px;
	text-indent: 1.6em;
}

.menu li ul li ul
{
	list-style: none;
	margin: 0px;
	border: none;
	padding: 0px;
	text-indent: 2.4em;
}

.menu li ul li ul li ul
{
	list-style: none;
	margin: 0px;
	border: none;
	padding: 0px;
	text-indent: 3.2em;
}

.menu li a
{
	display: block;
	width: 100%;
	text-decoration: none;
	border-top: 1px solid #ccc;
}

.menu li a.active
{
	color: #666;
	border-top: 1px solid #ccc;
}

.menu li a:hover { background-color: #eee; }


.search-form { margin-bottom: 160px; }