/*
--------------------------------------------
standard.css

Autor: Schnuckzilla Design, www.schnuckzilla.com, Oliver Staubli

Allgemeine Formatierungen
--------------------------------------------
*/

body {
	font-size: 101%;
	text-align: left;
	margin: 0;
	padding: 0;
	background: #EEE url(./img/layout/bg_body.png) repeat-x left top fixed;
}

div, h1, h2, h3, h4, h5, h6, p, table, ul, ol, img {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

a {
	text-decoration: none;
}
a:visited {
}
a:hover {
	color: #F60;
	text-decoration: underline;
}
a:active {
}
img {
	border: 0;
}



/* 
------------------------------------------------- 
Main-Container
-------------------------------------------------
*/


#head {
	position: fixed;
	top: 0;
	left: 0;
	height: 195px;
	width: 1760px;
	margin: 0;
	background: url(./img/head/head_bg.png) no-repeat left top;
	background-attachment: fixed;
	padding: 25px 0 0 40px;
	z-index: 2000;
	/*border: 1px solid #FF0000;*/
}
#head #logo {
	position: relative;
	padding: 0;
	height: 195px;
	width: 200px;
	margin: 0;
	z-index: 2100;
	float: left;
	/*border: 1px solid #FF0000;*/

}
#head #claim {
	position: relative;
	padding: 155px 0 0 0;
	height: 40px;
	width: 204px;
	background: url(./img/head/claim_texting.png) no-repeat left top;
	z-index: 2100;
	float: left;
	margin: 0 0 0 520px;
	/*border: 1px solid #FF0000;*/
}

#balken {
	position: fixed;
	top: 220px;
	left: 0;
	height: 48px;
	width: 1000px;
	padding: 0;
	margin: 0;
	z-index: 1000;
	background: url(./img/layout/bg_content.png) no-repeat left top;
}

#navigation {
	position: fixed;
	top: 258px;
	left: 40px;
	height: 500px;
	width: 200px;
	padding: 0;
	margin: 20px 0 0 0;
	z-index: 800;
}
#navigation #adressblock {
	position: relative;
	float: left;
	width: 180px;
	padding: 20px 0 0 20px;
	margin: 60px 0 0 0;
	border-top: 8px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: url(./img/layout/bg_adresse.png) repeat left top fixed;
}

#main {
	position: relative;
	width: 660px;
	padding: 0;
	margin: 214px 0 0 300px;
	z-index: 800;
}

#main * {
  box-sizing: border-box;
}

#main #content-c {
	position: relative;
	width: 660px;
	margin: 0;
	padding: 0;

}

#main #content-c #content_start {
	position: relative;
	float: left;
	width: 400px;
	padding: 20px 0 0 0;
	margin: 0;
	border-top: none;
}

#main #content-c #content {
	position: relative;
	float: left;
	width: 400px;
	padding: 20px 0 0 0;
	margin: 0;
	border-top: 1px solid #FFF;
}

#main #content-c #marginalie {
	position: relative;
	float: left;
	width: 200px;
	padding: 0;
	margin: 20px 0 0 60px;
	border-top: 1px solid #FFF;
	background: url(./img/layout/bg_adresse.png) repeat left top fixed;
}

#main #content-c #marginalie_start {
	position: relative;
	float: left;
	width: 200px;
	padding: 0;
	margin: 20px 0 0 60px;
	border-top: none;
}

#main #footer {
	position: relative;
	width: 560px;
	/*background: #f00;*/
	border-top: 1px solid #C93;
	clear: both;
	margin: 0 40px 0 40px;
	padding: 10px 0 20px 0;
}






/* 
------------------------------------------------- 
Side Navigation
-------------------------------------------------
*/

#head #claim #sidenavigation_block {
	position: relative;
	padding: 4px 0 0 15px;
	height: 16px;
	width: 185px;
	margin: 0;
	z-index: 1100;
	font-size: 9px;
	color: #999;
	background-color: #FFF;

}

#head #claim #sidenavigation_block ul {
	padding: 0;
	margin: 0;
}
#head #claim #sidenavigation_block ul div {
	padding: 0px;
	margin: 0;
	display: inline;
}

#head #claim #sidenavigation_block li  {
	list-style-type: none;
	display: inline;
	padding: 0 12px 0 0;
}

#head #claim #sidenavigation_block a {
	font-size: 9px;
	color: #999;
	text-decoration: none;
}

#head #claim #sidenavigation_block a:hover {
	color: #F07828;
	background-color: #fdf3c0;
}

#head #claim #sidenavigation_block li.down {
	color: #600 !important;
	font-weight: bolder;
}





/* 
------------------------------------------------- 
Navigation
-------------------------------------------------
*/

#navigation li {
	border-bottom: 1px solid #FFF;
	width: 200px;
	padding: 4px 0 5px 0;
	margin: 0;
	font-weight: bold;
	list-style-type: none;
	/*list-style-position: inside;
	list-style-image: url(./img/content/bullet2.png);*/
}

#navigation li.sub {
	border-bottom: 1px solid #FFF;
	width: 200px;
	padding: 4px 0 5px 0;
	margin: 0;
	font-weight: normal;
	/*list-style-position: inside;
	list-style-image: url(./img/content/bullet2.png);*/
}
#navigation li a {
	font-size: 10px;
	color: #999;
	text-decoration: none;
	padding: 0 0 0 20px;
	background: none;

}

#navigation li.sub a {
	font-size: 10px;
	color: #999;
	text-decoration: none;
	background: none;
	padding: 0 0 0 40px;

}

#navigation li a:hover {
	color: #F07828;
	background: url(./img/content/bullet2.png) no-repeat left top;
	/*list-style-position: inside;
	list-style-image: url(./img/content/bullet2.png);*/
}

#navigation li.sub a:hover {
	color: #F07828;
	background: url(./img/content/bullet2.png) no-repeat 20px top;
	/*list-style-position: inside;
	list-style-image: url(./img/content/bullet2.png);*/
}
#navigation li div.active a {
	color: #999;
	background: url(./img/content/bullet2.png) no-repeat left top;
}

#navigation li.sub div.active a {
	color: #999;
	background: url(./img/content/bullet2.png) no-repeat 20px top;
}

#navigation li div.active a:hover {
	color: #F07828;
	background: url(./img/content/bullet2.png) no-repeat left top;
}

#navigation li.sub div.active a:hover {
	color: #F07828;
	background: url(./img/content/bullet2.png) no-repeat 20px top;
}




/* 
------------------------------------------------- 
Formatierungen 
-------------------------------------------------
*/

#main #content p, #main #content_start p {
	color: #666;
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 20px;
}
#main #content p a, #main #content_start p a {
	color: #630;
}
#main #content p a:hover, #main #content_start p a:hover {
	color: #600;
	background-color: #fdf3c0;
}

/*#main #content p.zitat_h {
	color: #630;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	font-size: 17px;
	line-height: 25px;
	text-align: center;
	padding: 0;
	font-weight: bold;
}
#main #content p.zitat_p {
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 20px;
	text-align: center;
}
*/
#main #content h1 {
	font-family: DIN, Verdana, Helvetica, Arial, sans-serif;
	color: #669;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0;
}

#main #content_start h1 {
	font-family: DIN, Verdana, Helvetica, Arial, sans-serif;
	color: #669;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0;
}

/*
#main #content h2, h3, h4, h5, h6 {
	color: #630;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-align: left;
	padding: 0;
	margin-bottom: 8px;
}
#main #content ul.liste_ul {
	padding: 0px;
	margin: 8px 0px 8px 0px;
}

#main #content li.liste_li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666;
	text-align: left;
	list-style-position: outside;
	list-style-image: url(./img/layout/bullet.gif);
	margin: 8px 0px 8px 20px;
}
#main #footer p {
	color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	text-align: center;
}

#main #footer p a {
	color: #999;
}

#main #footer p a:hover {
	color: #600;
	background-color: #fdf3c0;
}

#main #content hr {
	border-top: 1px solid #c93;
	padding: 0;
	width: 360px;
}
*/

#navigation p {
	font-weight: bold;
	color: #999;
	font-size: 10px;
	line-height: 13px;
	margin-bottom: 20px;
}

#navigation #adressblock p {
	color: #999;
	font-size: 10px;
	line-height: 13px;
	margin-bottom: 20px;
}

#navigation #adressblock a {
	color: #999;
	font-size: 10px;
	line-height: 13px;
	margin-bottom: 20px;
	text-decoration: underline;
}

#navigation #adressblock a:hover {
	color: #F60;
	line-height: 13px;
	margin-bottom: 20px;
	text-decoration: underline;
}

#main #content-c #marginalie p, #main #content-c #marginalie_start p {
	color: #666;
	font-size: 10px;
	line-height: 13px;
	margin-bottom: 20px;
}

#main #content-c #marginalie li.download, #main #content-c #marginalie_start li.download {
	list-style-position: outside;
	list-style-image: url(img/content/ico_acrobat.gif);
	margin: 5px 0px 5px 30px;
}

#main #content-c #marginalie li.download a, #main #content-c #marginalie_start li.download a {
	color: #666;
	font-size: 10px;
	line-height: 13px;
	margin-bottom: 20px;
	text-decoration: none;
}

#main #content-c #marginalie li.download a:hover, #main #content-c #marginalie_start li.download a:hover {
	color: #F07828;
	font-size: 10px;
	line-height: 13px;
	margin-bottom: 20px;
	text-decoration: none;
}

#main #content-c #marginalie a, #main #content-c #marginalie_start a {
	color: #666;
	font-size: 10px;
	line-height: 13px;
	margin-bottom: 20px;
	text-decoration: underline;
}

#main #content-c #marginalie a:hover, #main #content-c #marginalie_start a:hover {
	color: #F60;
	line-height: 13px;
	margin-bottom: 20px;
	text-decoration: underline;
}

@media (max-width: 980px) {
  body {background-attachment: initial;}
  #navigation, #balken {display: none;}
  #head {position: absolute; background-attachment: initial; width: 100%;}
  #head #claim {margin: 0; float: none; position: absolute; top: 76px; left: 46px}
  #main {margin-left: 0; margin-top:  200px; margin-left: 0; width: auto;}
  #main #content-c {width: 100%; padding: 0 30px;}
  #main #content-c #content_start {padding-top: 0; width: auto;}
  #main #content-c #marginalie_start {margin: 0; float: none; width: auto;}
  #main #content-c #marginalie p, 
  #main #content-c #marginalie_start p,
  #main #content-c #marginalie a, 
  #main #content-c #marginalie_start a,
  #main #content-c #marginalie_start a:hover {font-size: 12px; line-height: 17px;}
}
}