/**
 * style.css 
 *
 * @author		   Andreas Dupp
 * @copyright	   Andreas Dupp Februar 2010
 * @license		   URL to license used (http://www.gnu.org/licenses/gpl-2.0.html)
 * @version		   1.0
 * @platform	   Website Baker 2.8.x
*/

/* allgemeine Formatierungen */
	body {color: #333333; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; padding: 0px; background: #B8B8B8 url(../images/bg.jpg) no-repeat center top;}


/* Formulare */
	#content_inner input, #content_inner textarea, #content_inner select {
		background: #ffffff 
		/* url(../images/input-1shadow.jpg) no-repeat -5px -5px;*/
		border: 1px solid #aaaaaa; 
	}
	#content_inner textarea {width: 360px;}
	#content_inner select {width: 460px;}
	#content_inner select {width: 262px; height: 22px;padding: 3px 0 0 4px;}
	#content_inner input:focus, #content_inner textarea:focus, #content_inner select:focus  {border: 1px solid #cc0000;}
	#content_inner input[type=text] {height: 20px; width: 356px; padding: 3px 0 0 4px;}
	#content_inner input[type=submit], #content_inner input[type=reset] {
		background: #CCCCCC url(../images/button-bg.jpg) repeat-x; height: 22px; color: #000000; padding-bottom: 2px; border: 1px solid #aaaaaa;}
	#content_inner input[type=submit]:hover, #content_inner input[type=reset]:hover {
		color: #ffffff; background-position: 0 -22px; border: 1px solid #484848;}
	#content_inner input[type=radio], #content_inner input[type=checkbox] {border: 0px; background-image: none;}
	#content_inner td.field_title {width: 100px;}
	

/* Design Formatierungen */
/* äußeres div */
		#all_outer {width: 1000px; margin: 0 auto; padding: 0px; clear: both;}

/* inneres div alles umschließendumschließend */
		#all_inner {width: 1000px; margin: 0 auto; padding: 0px;}
	
/* Kopfzeile */
		#header {height: 80px; background: #ffffff;
		background: #dddddd url(../images/header.jpg) no-repeat;}

/* Logo */
		#logo {float: left; width: auto; margin-top: 1px; margin-left: 10px;}
			
/* Text der Kopfzeile - header text */
		#header_text {float: left; height: 44px; width: auto; font-size: 1.3em; padding: 8px; margin-top: 40px; text-align: center;}

/** Kopfmenü * Headmenu **/
		#headermenu {width: auto; float: right; font-size: 1.0em; text-align: right; color: #333333; padding-top: 12px; padding-right:12px; position:relative}
		#headermenu a {color: #333333; text-decoration: none; margin: 0 3px 0 3px;}
		#headermenu a:hover { color: #333333; text-decoration: underline;}
				
/* Horizontales Hauptmenü */
		#menu {background: #CCCCCC url(../images/menu-bar.jpg) repeat-x; height: 28px;}
		#menu span a {display: block; background: #CCCCCC url(../images/menu.jpg) no-repeat 100% 0px; height: 28px; line-height: 25px; font-size: 1.0em; font-weight: bold; color: #ffffff; text-decoration: none; 
			float: left; padding: 0 8px 0 8px; border-right: 2px solid #323232; width: auto; border-right-color: #808080;}
		#menu span a:hover {background-position: 100% -28px; background-color: #CCCCCC;	color: #F4F4F4;}
		#menu span.menu-current a, #menu span.menu-parent a {background-position: 100% -28px; color: #FFFFFF;}
		#menu span.menu-current a:hover, #menu span.menu-parent a:hover {background-position: 100% -28px;}
	
/* Schatten unter dem horizontalen Hauptmenü */
	
	#shadow_top {height: 2px; width: 100%;}
	#shadow_top_content {background: #666666 url(../images/shadow-top-content.jpg) repeat-x bottom;
		width: 780px; height: 10px; float: left;}
	#shadow_top_menu {background: #666666 url(../images/shadow-top-menu.jpg) repeat-x bottom;
		width: 220px; height: 10px; float: left;}

/* mittlerer Teil */
	#main {background: #ffffff url(../images/main-bg.jpg) repeat-y; float: left; width: auto;}
	
/* Hauptinhalt aussen */
	#content {background-color: #ffffff; width: 780px; float: right; min-height: 400px;}

/* Hauptinhalt innen */
		#content_inner {margin: 0 8px 8px 10px; overflow: auto;}
/* IE6 Hack */
		* html #content_inner {width: 760px;}
				
/* Formatierungen im Hauptinhalt */
/* Überschrift */
		#content_inner h1 {font-size: 1.2em; margin: 8px 0 5px 0;}
		#content_inner h2 {font-size: 1.2em; margin: 6px 0 4px 0; color: #CC0000;}
		#content_inner h3 {font-size: 1.2em; margin: 5px 0 3px 0; color: #666666;}
		#content_inner h4 {font-size: 1.1em; margin: 4px 0 2px 0;}
		#content_inner h5 {font-size: 0.9em; margin: 3px 0 1px 0;}
		#content_inner h6 {font-size: 0.8em; margin: 2px 0 0 0;}
		#content_inner p {margin: 6px 0 6px 0;}

/* Zitate */
		#content_inner blockquote, #content_inner cite {margin: 6px 2px 6px 40px; padding-left: 5px;
			display: inline-block; border-left: 5px solid #cc0000;}
					
/* position */
				#content_inner pre {/*position: relative; left: 0px;*/ overflow: auto;}
					
/* IE6 Hack */
				* html #content_inner pre  {overflow: scroll;}
				

/* Code  */
				#content_inner code {
					font-family: "Times New Roman", Times, serif; font-size: 1.1em;
					display: block; border: 1px solid #cc0000; background-color: #efefef;
					padding: 5px; margin: 4px 0 4px 0;}

/* Personen */
				#content_inner person {font-style: italic; font-weight: bold;}

/* Dirlist */
				#content_inner .dirlist th {background-color: #fff; color: #fff;}

/* Adresse */
				#content_inner address {border: 1px solid #bbbbbb; background-color: #ffe3e3;
					width: auto; margin: 4px; padding: 5px; font-style: italic;}

/* Horizontale Linie */
				#content_inner hr {border: 1px hidden #999999;}

/* Link */
				#content_inner a {color: #cc0000; font-weight: bold;
					text-decoration: none; font-size: 1.0em;}
				#content_inner a:hover {text-decoration: underline;
					color: #cc0000;}
				
/* Bilder */
				#content_inner img {border: 1px solid #bbbbbb; padding: 2px;
				background-color: #eeeeee; margin: 2px; max-width: 500px;}

/* verlinkte Bilder */
				#content_inner a img {border: 1px solid #850000;}
				#content_inner a:hover img {border: 1px solid #cc0000; background-color: #ffe3e3;}
				
/* Sie sind hier:.....   */
				#breadcrumb {font-size: 0.8em; text-decoration: none;padding-top: 4px;}
				#breadcrumb img {padding: 0px; margin: 0px; border: 0px solid;}
				#breadcrumb a {color: #666666; font-weight: normal; text-decoration: none; font-size: 1.0em;}
				#breadcrumb a:hover {text-decoration: underline; color: #666666;}

/* Fußzeile */
			#content_footer {text-align: center; height: 100%; padding-top: 20px;}
					

/* Seitenleiste */
			#sidebar {background-color: #EBEBEB; width: 220px; /*float: left;*/; float: left; /*height: 100%;*/ }
		
/* Überschriften in der Seitenleiste */
			#sidebar h3 {padding: 4px 0px 4px 2px; margin: 0px; font-size: 1.2em;
				color: #555555; margin-bottom: 2px;}
			
/* Linie unter den Seitenleisten-Abschnitten */
			#sidebar_search, #sidebar_menu, #menuside_login {
				border-bottom: 1px solid #484848; padding-bottom: 5px; border-bottom-color: #FFFFFF;}
				
/* Suche */	
			#sidebar_search {float: left; margin: 8px; width: 205px;}
/* IE6 Hack */
			* html #sidebar_search {margin: 4px; width: 200px;}
			#sidebar_search div.search {border: 1px solid #484848; width: 203px; 
				background-color: #ffffff; padding: 0px; height: 24px;}
/* IE6 Hack */
			* html #sidebar_search div.search {width: 200px;}
			#sidebar_search_form {border: 1px solid #ffffff; width: 165px; z-index: 1;}
/* IE6 Hack */
			* html #sidebar_search_form {width: 160px;}
			#sidebar_search_submit {border: 0px;
				background: #ffffff url(../images/search-button.jpg) no-repeat;
				width: 22px; height: 22px; position: relative; left: 8px; top: 1px; z-index: 2;}
				:hover#sidebar_search_submit {background-position: 0 -22px;}
			
/* login */
			#menuside_login {margin: 8px;}		
			#menuside_login a {color: #cc0000; text-decoration: none; font-size: 0.6em;}
			#menuside_login a:hover {text-decoration: underline;}
			#sidebar_login_name, #sidebar_login_pass {border: 1px solid #484848; width: 150px;}
				:focus#sidebar_login_name, :focus#sidebar_login_pass {border: 1px solid #cc0000;}
			#sidebar_login_submit {background: #CCCCCC url(../images/button-bg-login.jpg) repeat-x 0 -22px;
			height: 22px; padding-bottom: 2px; color: #000000; border: 1px solid #484848; margin-bottom: 5px; margin-top: 6px;}
				:hover#sidebar_login_submit {color: #cc0000; background-position: 0 0; border: 1px solid #cc0000;}

/* Untermenüpunkte des Hauptmenüs linke Seitenleiste */
			#sidebar_menu {margin: 8px;}
/* IE6 Hack */
			* html #sidebar_menu {margin-left: 8px;}
			#sidebar_menu ul {list-style: none; padding: 0px; margin: 0px;}

/* Menu level 10 */
			#sidebar_menu ul ul ul ul ul ul ul ul ul a {
				width: 153px; margin-left: 40px; background-position: -48px 0px;}
/* IE6 Hack */
			* html #sidebar_menu ul ul ul ul ul ul ul ul ul a {width: 150px;}
			
/* Menu level 9 */
			#sidebar_menu ul ul ul ul ul ul ul ul a {width: 158px; margin-left: 35px; background-position: -43px 0px;}
/* IE6 Hack */
			* html #sidebar_menu ul ul ul ul ul ul ul ul a {width: 155px;}
			
/* Menu level 8 */
			#sidebar_menu ul ul ul ul ul ul ul a {width: 163px; margin-left: 30px; background-position: -38px 0px;}
/* IE6 Hack */
			* html #sidebar_menu ul ul ul ul ul ul ul a {width: 160px;}
			
/* Menu level 7 */
			#sidebar_menu ul ul ul ul ul ul a {width: 168px; margin-left: 25px; background-position: -33px 0px;}
/* IE6 Hack */
			* html #sidebar_menu ul ul ul ul ul ul a {width: 165px;}
			
/* Menu level 6 */
			#sidebar_menu ul ul ul ul ul a {width: 173px; margin-left: 20px; background-position: -28px 0px;}
/* IE6 Hack */
			* html #sidebar_menu ul ul ul ul ul a {width: 170px;}
			
/* Menu level 5 */
			#sidebar_menu ul ul ul ul a {width: 178px; margin-left: 15px; font-size: 0.8em; background-position: -23px 0px;}
/* IE6 Hack */
			* html #sidebar_menu ul ul ul ul a {width: 175px;}
			
/* Menu level 4 */
			#sidebar_menu ul ul ul a {width: 183px; margin-left: 10px; font-size: 0.9em; background-position: -18px 0px;}
/* IE6 Hack */
			* html #sidebar_menu ul ul ul a {width: 180px;}
			
/* Menu level 3 */
			#sidebar_menu ul ul a {width: 188px; margin-left: 5px; font-size: 1.0em; background-position: -13px 0px;}
/* IE6 Hack */
			* html #sidebar_menu ul ul a {width: 185px;}
			
/* Menu level 2 */
			#sidebar_menu ul a {display: block; color: #333333; font-size: 1.0em; text-decoration: none; background: #CCCCCC url(../images/sidebar-menu.jpg) repeat-y -8px 0px;
			height: auto; width: 193px; padding: 3px 3px 3px 6px; margin-bottom: 2px; margin-top: 2px;} 
			/* Links mit Balken border-left: 4px solid #484848; */
/* IE6 Hack */
			* html #sidebar_menu ul a {width: 190px;}
			#sidebar_menu ul a:hover,
			#sidebar_menu ul li.menu-current a, 
			#sidebar_menu ul li.menu-current ul li a:hover {color: #FFFFFF; background-position: 100% -210px; 
				background-color: #666666;}
			#sidebar_menu ul li.menu-current ul li a {color: #000000; background-position: -8px 0px; background-color: #666666;}

/* Druck Icon */
			#sidebar #sidebar_print {margin: 8px; text-align: right;}
			#sidebar  #sidebar_print a#print_page img {border: 0px; border-bottom: 2px solid #d7d7d7;}
			#sidebar #sidebar_print a:hover#print_page img {border-bottom: 2px solid #333333;}

/* Hersteller logos */
			#sidebar #logos {margin: 30px 8px 8px 8px; text-align: center;}
			#sidebar #logos a img {border: 1px solid #d7d7d7; height:31px; padding: 6px 2px 6px 6px;}
			#sidebar #logos a:hover img {border: 1px solid #333333; background-color: #ffffff;}
			
/* Schatten unten am Hauptinhalt und der Seitenleiste */
		#shadow_bottom {height: 0px; float: left; 	width: 100%;}
		#shadow_bottom_content {background: #434343 url(../images/shadow-bottom-content.jpg) repeat-x top; width: 780px; height: 10px; float: left;	}
		#shadow_bottom_menu {background: #434343 url(../images/shadow-bottom-menu.jpg) repeat-x top; width: 220px; height: 10px; float: left;}

/* Fußleiste am unteren Rand */
		#bottom {background-color: #484848; height: 18px; float: left; width: auto;}
	
/* Fusszeilenmenue */
		#footermenu {width: 840px; float: left; font-size: 0.8em; font-size: 0.8em; text-align: center;
			color: #bbbbbb;	padding-top: 2px; text-indent: 120px;}
		#footermenu a {color: #ffffef; text-decoration: none; margin: 0 3px 0 3px;}
		#footermenu a:hover {color: #ffffef; text-decoration: underline;}

		#toplink {width: 160px; float: left; font-size: 0.8em; text-align: right; padding-top: 2px;}
		#toplink a {color: #ffffef; margin-right: 8px; text-decoration: underline;}
		#toplink a:hover {color: #ffffef; text-decoration: none;}
	
/* Unterhalb des Designs Autor text und Links */
		#licenselink {text-align: center; font-size: 0.9em; color: #bbbbbb; padding: 5px; float: left; width: 960px;}
		#licenselink a {color: #bbbbbb; text-decoration: underline;}
		#licenselink a:hover {color: #bbbbbb; text-decoration: none;}
	
/* Blöcke */
/* Block 2 = Rechts oben */
	#block2output {
		border: 1px solid #999999; 	background-color: #F4F4F4; 	padding: 3px;
		margin: 8px 3px 3px 3px; font-size: 0.8em; width: 220px; float: right; clear: left;}
	#block2output h1 {font-size: 1.1em;}

/* Block 7 = Rechts unten */
	#block7output {
		border: 1px solid #999999; background-color: #F4F4F4; font-size: 0.8em;
		padding: 3px; margin: 8px 3px 3px 3px; width: 220px; float: right; clear: right;}
	#block7output h1 {font-size: 1.1em;}

/* Block 3 = Mitte1 unten max 500 Breite */
	#block3output {border: 1px solid #999999; background-color: #F5F5F5; font-size: 1.0em;
		padding: 3px; margin: 8px 3px 3px 3px; float: left; width: 510px; clear: left;}
	#block3output h1 {font-size: 1.2em;}
	#block3output h2 {font-size: 1.2em; margin: 6px 0 4px 0; color: #CC0000;}
	#block3output h3 {font-size: 1.2em; margin: 5px 0 3px 0; color: #666666;}

/* Block 6 = Mitte2 unten max 500 Breite */
	#block6output {border: 1px solid #999999; background-color: #F5F5F5; font-size: 1.0em;
		padding: 3px; margin: 8px 3px 3px 3px; float: left; width: 510px; clear: left;}
	#block6output h1 {font-size: 1.2em;}
	#block6output h2 {font-size: 1.2em; margin: 6px 0 4px 0; color: #CC0000;}
	#block6output h3 {font-size: 1.2em; margin: 5px 0 3px 0; color: #666666;}
	
/* Block 4 = Komplette Breite unten */
	#block4output {text-align: center; color: #000000;}
	#block4output a {color: #666666; text-decoration: none;	font-weight: bold}
	#block4output a:hover {text-decoration: underline;}

/* Block 5 = Links oben */
	#block5output {margin: 8px;}
	#block5output {border-bottom: 1px solid #484848; padding-bottom: 5px;}
	#block5output h1 {font-size: 1.2em;}
	#block5output h2 {font-size: 1.2em; margin: 6px 0 4px 0; color: #CC0000;}
	#block5output h3 {font-size: 1.2em; margin: 5px 0 3px 0; color: #666666;}
	
/* Block 8 = Links ueber Drucklogo*/
	#block8output {border: 1px solid #999999; background-color: #F4F4F4; padding: 3px; margin: 8px; font-size: 0.8em; width: 196px;}
	#block8output h1 {font-size: 1.1em;}
	#block8output h2 {font-size: 1.1em; margin: 6px 0 4px 0; color: #CC0000;}
	#block8output h3 {font-size: 1.1em; margin: 5px 0 3px 0; color: #666666;}
	#block8output a {color: #cc0000; text-decoration: none;}
	#block8output a:hover {color: #cc0000; text-decoration: underline;}


/* Muster einer gestalteten Tabelle */
	#content_inner table.styled {border-collapse: collapse;}
	#content_inner table.styled caption {font-size: 1.2em; font-weight: bold;margin-bottom: 2px;}
	#content_inner table.styled thead th {border: 1px solid #333333; padding: 4px;background-color: #fff000;}
	#content_inner table.styled tbody td {border: 1px solid #333333; background-color: #ffe3e3; padding: 4px;}
	#content_inner table.styled tfoot td {background-color: #eeeeee; padding: 4px;}

/* Muster einer gestalteten Box */
	#content_inner .styled_box {border: 1px solid #cc0000; background-color: #efefef; padding: 5px; margin: 5px 0 5px 0;}