@charset "UTF-8";

/**
 * "CSS Framework 7" - a CSS structure and development enviroment.
 *
 * this css-file may contain layout-definitions only.
 *
 * special IE-patches reside in the override file layout.ie.css.
 *
 * TOC:
 *  |- all
 *  ||- section 	standard types
 *  ||- section
 *  ||- section
 *  |- screen
 *  |- print
 *
 * @author 			Matthias Arncnik
 * @copyright 		Copyright 2007, Matthias Arncnik
 * @date 			2008-06-24
 * @lastmodified 	2008-06-24
 *
 * @package 		css framework 7
 * @subpackage 		bag
 *
 * @version 		1.0
 *
 * @media 			all, screen, print
 * @site 			bag
 * @style 			default
 */
 
@media all {
/**
 * @section standard types
 */
	/* structure */
	body, head, html, title {}
		
	body {padding-top: 10px;}

	/* text */
	abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var {}
	
	/* hypertext */
	a {}
	
	/* list */
	dl, dt, dd, ol, ul, li {}
	
	ul {padding: 0 0 0 0;}
	li {padding: 0 0 0 0;}
	
	/* object */
	object, param {}
	
	/* presentation */
	b, big, hr, i, small, sub, sup, tt {}

	/* forms */
	button, fieldset, form, input, label, legend, select, optgroup, option, textarea {}
	
	/* table */
	caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr {}

	/* image */
	img {}
	
/**
 * @section layout
 */
 	dl#page {
		width: 850px;
		
		margin-left: auto;
		margin-right: auto;
	}
		
	dd#mainmenu {
		height: 95px;
		clear: both;
	}
	
	dd#submenu {
		height: 125px;
		clear: both;
	}
	
	dd#content {
		padding-left: 150px;
		padding-right: 40px;
		padding-bottom: 20px;
		clear: both;
	}
	
	dd#corporatemenu {
		clear: both;
		height: 40px;
	}
	
	img#titleimage {
		float: right;
		margin-right: -40px;
	}
	
/**
 * @section navigation
 */
 	/* mainmenu */
 	dd#mainmenu ul {
		padding: 0 !important;
		padding-top: 20px !important;
		padding-left: 10px !important;
		list-style-type: none;
		
		overflow: hidden;
	}
	
	dd#mainmenu ul li {
		padding-top: 47px;
		padding-left: 15px;
		padding-right: 10px;
		
		float: left;
		display: inline;
	}
			
	dd#mainmenu ul li#home {
		margin-right: -7px;
		padding: 0 !important;
		float: right;
	}
	
	/* submenu */
	dd#submenu ul {
		padding: 0 !important;
		padding-left: 12px !important;
		list-style-type: none;
		
		overflow: hidden;
	}
	
	dd#submenu ul li {
		padding-left: 13px;
		padding-right: 10px;
		
		float: left;
		display: inline;
	}
	
	dd#submenu ul li a {
		display: block;
		float: left;
		display: inline;
		padding-bottom: 12px;
	}
	
	dd.submenu-home ul li, dd.submenu-bildergalerie ul li {
		/*float: right !important;*/
	}
	
	/* corporatemenu */
 	dd#corporatemenu ul {
		padding: 0 !important;
		padding-top: 8px !important;
		padding-right: 10px !important;
		list-style-type: none;
		
		overflow: hidden;
	}
	
	dd#corporatemenu ul li {
		padding-left: 18px;
		padding-right: 15px;
		
		float: right;
		display: inline;
	}	
	 
/**
 * @section content
 */
	.align-left {float: left; margin-right: 5px;}
	.align-right {float: right; margin-left: 5px;}
	
	ul#team {
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	
	ul#team li {		
		float: left;
		display: inline;
		
		width: 220px;
		height: 120px;
	}
	
	img.portrait {
		display: block;
		width: 75px;
		height: 85px;
		padding-bottom: 0.5em !important;
	}
	
	ul#team li img.portrait {		
		float: left;
		display: inline;
		padding-right: 5px;
	}
	
	a.team-contact {
		padding-left: 17px;
	}
	
	dd#content img {
		padding-bottom: 1.5em;
	}
	
	ul#sitemap li li {
		margin-left: 4em;
		padding-bottom: 0.5em;;
	}
	
	ul#sitemap ul {
		padding-bottom: 0;
	}
	
	ul#newsletter {
		list-style-type: none;
		padding-left: 0;
	}
	
	ul#newsletter li img {
		padding: 0;
		vertical-align: text-bottom;
	}
}

@media screen {
/**
 * @section layout
 */
 	dl#page dt {
		display: none;
	}

 	dd#pageanchormenu {
		display: none;
	}	
}

@media print {
/**
 * @section layout
 */
 	dl#page > dt {
		display: none;
	}

 	dd#pageanchormenu, dd#mainmenu, dd#submenu, dd#corporatemenu {
		display: none;
	}
	
	dd#content {
		padding: 0;
		margin: 0;
	}
}