/***************   globals   ***************/

*
{
	margin:0;
	padding:0;
}
body
{
	font-family:Arial, sans-serif;
	font-size:11px;
	background:#fff;
}
:focus
{
	outline:0;
}
img {
	border:0;
}
/***************   canvas   ***************/

#canvas
{
	margin:0 auto;
	width:950px;
}

/***************   header   ***************/

#header
{
	float:left;
	margin-left:235px;
	width:535px;
}
div#header h1
{
	margin:60px 0 20px 0;
	height:118px;
}
div#header h1 a
{
	display:block;
	height:118px;
	width:535px;
	background:url(/assets/images/header.gif) 0px 0px no-repeat;
}
div#header h1 a span
{
	display:none;
}

/***************   header hintergrundgrafik  ***************/

body#frisch div#header h1 a
{
	background-position:0px 0px;
}
body#sichtbar div#header h1 a
{
	background-position:0px -118px;
}
body#emsig div#header h1 a
{
	background-position:0px -236px;
}
body#sinnvoll div#header h1 a
{
	background-position:0px -354px;
}
body#einfachda div#header h1 a
{
	background-position:0px -472px;
}

/***************   nav   ***************/

div#nav
{
	clear:left;
	float:left;
	margin:0 0 60px 235px;
	width:480px;
}
div#nav ul
{
	list-style:none;
}
div#nav ul li
{
	float:left;
}
div#nav ul li a
{
	float:left;
	display:block;
	height:25px;
	text-decoration:none;
}
div#nav ul li a span
{
	display:none;
}

/***************   nav hintergrundgrafik menuepunkte ***************/

div#nav ul li.nav_frisch a
{
	width:85px;
	background:url(/assets/images/nav.gif) 0px 0px no-repeat;
}
body#frisch div#nav ul li.nav_frisch a,
div#nav ul li.nav_frisch a:hover
{
	background-position:0px -25px;
}
div#nav ul li.nav_sichtbar a
{
	width:100px;
	background:url(/assets/images/nav.gif) -85px 0 no-repeat;
}
body#sichtbar div#nav ul li.nav_sichtbar a,
div#nav ul li.nav_sichtbar a:hover
{
	background-position:-85px -25px;
}
div#nav ul li.nav_emsig a
{
	width:85px;
	background:url(/assets/images/nav.gif) -185px 0px no-repeat;
}
body#emsig div#nav ul li.nav_emsig a,
div#nav ul li.nav_emsig a:hover
{
	background-position:-185px -25px;
}
div#nav ul li.nav_sinnvoll a
{
	width:100px;
	background:url(/assets/images/nav.gif) -270px 0px no-repeat;
}
body#sinnvoll div#nav ul li.nav_sinnvoll a,
div#nav ul li.nav_sinnvoll a:hover
{
	background-position:-270px -25px;
}
div#nav ul li.nav_einfachda a
{
	width:110px;
	background:url(/assets/images/nav.gif) -370px 0px no-repeat;
}
body#einfachda div#nav ul li.nav_einfachda a,
div#nav ul li.nav_einfachda a:hover
{
	background-position:-370px -25px;
}

/***************   sidebar   ***************/

#sidebar
{
	clear:left;
	float:left;
	display:inline;
	margin:0 10px 0 0;
	padding:0 0 0 20px;
	width:205px;
}
#sidebar ul
{
	list-style:none;
}

#sidebar ul.level1
{
	float:left;
	margin:0 20px 0 0;
	width:80px;
}
#sidebar ul.level2
{
	float:left;
	margin:0;
	width:80px;
}

#sidebar ul li
{
	padding:6px 0;
	border-bottom:1px dashed #000;
}
/*#sidebar ul li.last
{
	border-bottom:none;
}
*/#sidebar ul li a
{
	text-decoration:none;
}
#sidebar ul li a:hover
{
	text-decoration:underline;
}
#sidebar ul li.active a
{
	font-weight:800;
}

#sidebar h2
{
	margin:0 0 16px 0;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	line-height:16px;
	color:#555;
}
#sidebar p
{
	margin:0 0 16px 0;
	font-size:11px;
	line-height:16px;
	color:#555;
}

/* sidebar emsig */

body#emsig #sidebar ul li
{
	border-color:#009ee0;
}
body#emsig #sidebar ul li a
{
	color:#009ee0;
}

/* sidebar sinnvoll */

body#sinnvoll #sidebar ul li
{
	border-color:#622280;
}
body#sinnvoll #sidebar ul li a
{
	color:#622280;
}

/* sidebar sichtbar */

body#sichtbar #sidebar ul li
{
	border-color:#e2007a;
}
body#sichtbar #sidebar ul li a
{
	color:#e2007a;
}

/* sidebar einfachda */

body#einfachda #sidebar h2,
body#einfachda #sidebar a
{
	color:#f29400;
}
body#impressum #sidebar h2,
body#impressum #sidebar a
{
	color:#555;
}

/***************   content   ***************/

#content
{
	float:left;
	width:480px;	
}
#content.single
{
	margin-left:235px;
}

#content p.einfach,
#content img.einfach
{
	margin:0;
	padding:0;
	float:left;
	width:160px;
	height:160px;
	background:#eee;
}
#content p.doppelt,
#content img.doppelt
{
	margin:0;
	padding:0;
	float:left;
	width:320px;
	height:160px;
	background:#aaa;
}
#content p.dreifach,
#content img.dreifach
{
	margin:0;
	padding:0;
	float:left;
	width:480px;
	height:160px;
	background:#bbb;
}
#content h2
{
	margin:0 0 16px 0;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	line-height:16px;
	color:#555;
}
body#frisch p
{
	font-size:11px;
	line-height:18px;
}
body#frisch p strong
{
	font-size:14px;
	font-weight:400;
}
body#frisch p a
{
	color:#97bf0d;
	text-decoration:none;
}
body#frisch p a:hover
{
	color:#97bf0d;
	text-decoration:underline;
}
body#frisch #content h2 a
{
	color:#97bf0d;
	text-decoration:none;
}
body#frisch #content h2 a:hover
{
	text-decoration:underline;
}
#content div.title_entry
{
	clear:both;
	float:left;
	width:480px;
	margin:0 0 30px 0;
}
#content div.title_entry div.blogbox
{
	width:480px;
	float:left;
}
#content div.title_entry div.box
{
	width:320px;
	float:left;
}
#content div.title_entry div.box img
{
	background:#f5f5f5;
}
#content div.title_entry div.desc
{
	width:150px;
	padding-top:10px;
	margin:0 0 0 10px;
	float:left;
}
body#sichtbar #content h2 a
{
	color:#e2007a;
	text-decoration:none;
}
body#sichtbar #content h2 a:hover
{
	text-decoration:underline;
}


body#emsig #content h2
{
	color:#009ee0;
}
body#emsig #content p
{
	line-height:18px;
}
body#emsig #blog #content h2,
body#emsig #blog #content a
{
	margin:0;
	color:#009ee0;
}
body#emsig #content h2 a,
body#emsig #content a
{
	color:#009ee0;
	text-decoration:none;
}
body#emsig #content h2 a:hover,
body#emsig #content a:hover
{
	text-decoration:underline;
}
body#emsig p strong
{
	font-size:14px;
	font-weight:400;
}
body#sinnvoll #content h2
{
	color:#bd4a91;
}
body#einfachda #content h2
{
	color:#f29400;
}
#content h3
{
	margin:0 0 16px 0;
	font-size:12px;
	font-weight:400;
	text-transform:uppercase;
	line-height:16px;
	color:#ccc;
}
#content p
{
	margin:0 0 16px 0;
	font-size:11px;
	line-height:16px;
	color:#555;
}

body#impressum #content a
{
	color:#555;
}

body#einfachda p.adresse
{
	float:left;
	width:160px;
}
body#einfachda p.adresse a
{
	color:#f29400;
}

body#einfachda p.adresse span,
body#impressum p span
{
	float:left;
	display:block;
	width:20px;
}
body#einfachda #content form
{
	float:left;
	width:320px;
	padding:0 0 16px 0;
}
body#einfachda #content form div
{
	padding:0 0 16px 0;
}
body#einfachda #content form input,
body#einfachda #content form textarea
{
	font-family:Arial, sans-serif;
	font-size:11px;
	padding:3px;
	border:1px solid #ccc;
}
body#einfachda #content form div label
{
	font-size:11px;
	line-height:16px;
	color:#555;
}
body#einfachda #content form div input.lang
{
	width:472px;
}
body#einfachda #content form div input.normal
{
	width:312px;
}
body#einfachda #content form div input.kurz
{
	width:152px;
}
body#einfachda #content form div input.subm
{
	width:152px;
	background:#eee;
}
body#einfachda #content form div textarea
{
	width:312px;
	height:160px;
}
body#einfachda #content form div span.error
{
	color:#cc0000;
}

#content form
{
	padding:0 0 16px 0;
	width:480px;
}
#content form div
{
	padding:0 0 16px 0;
}
#content form input,
#content form textarea
{
	font-family:Arial, sans-serif;
	font-size:11px;
	padding:3px;
	border:1px solid #ccc;
}
#content form div label
{
	font-size:11px;
	line-height:16px;
	color:#555;
}

#content form div input.lang
{
	width:472px;
}
#content form div input.normal
{
	width:312px;
}
#content form div input.kurz
{
	width:152px;
}

#content form div input.subm
{
	width:152px;
	background:#eee;
}
#content form div textarea
{
	width:318px;
	height:160px;
}
#content form div textarea.normal
{
	width:318px;
}
#content form div textarea.lang
{
	width:472px;
}
#content form div textarea.kurz
{
	height:80px;
}
#content form div span.error
{
	color:#cc0000;
}

/***************   footer   ***************/

#footer
{
	clear:both;
	float:left;
	margin:20px 0 0 235px;
	width:480px;
	border-top:1px dotted #ccc;
}
#footer ul
{
	padding:10px 0 30px 0;
}
#footer ul li
{
	display:inline;
	color:#ccc;
}
#footer ul li a
{
	margin:0 0 0 3px;
	padding:0 0 0 5px;
	color:#ccc;
	text-decoration:none;
	border-left:1px solid #ccc;
}
#footer ul li a:hover
{
	text-decoration:underline;
}
body#impressum #footer a
{
	color:#555;
}