/*
Nebenan
GLOBALS
language-independend sheet
*/

/*
 * DOCUMENT GLOBALS / PRIMITIVES
 */

body {
	margin: 0px;
	padding: 0px;
	background-color: #DB8340;
	background-image: url('./../-img/background.jpg');
	background-repeat: repeat-x;
}

div {	position: absolute; }
img {	position: absolute; border-width: 0px; }
form { 	margin: 0px; padding: 0px; }
object { position: relative; }


/*
 * MASTER CONTAINER AND SHADOW
 */

/* contains everything and should be about 50 pixels higher than div#master, locally defined, for bottom-margin */
div#masterMarginizer {	width: 100%; }

div#master {
	top: 0px;
	width: 750px;
	left: 50%;
	/* height: 975px; */ /* defined locally for all pages */
	margin-left: -375px;
	background-color: #F6F6E5;
}

div.verticalShadow {
	height: 100%;
	width: 8px;
	top: 0px;
	background-color: #BC642E;
	background-repeat: repeat-x;
}

div.verticalShadow#leftShadow {
	left: -8px;
	background-image: url('./../-img/shadow_left.jpg');
}

div.verticalShadow#rightShadow {
	right: -8px;
	background-image: url('./../-img/shadow_right.jpg');
}

div#horizontalShadow {
	width: 766px;
	height: 8px;
	bottom: -8px;
	left: -8px;
	background-repeat: no-repeat
	/* background-image-declaration in site-local sheet */
}


/*
 * LOGO 
 */

div#logoContainer {
	position: relative;
	width: 100%;
	height: 53px;
}

div#logoContainer img {
	width: 160px;
	height: 31px;
	top: 10px;
	left: 27px;
}

/*
 * LANGUAGE SWITCHER
 */

div#logoContainer div#languageSwitcherContainer {
	position: absolute;
	font-family: Arial, Verdana, sans-serif, sans;
	top: 33px;
	right: 12px;
	font-size: 9px;
}

div#logoContainer div#languageSwitcherContainer,
div#logoContainer div#languageSwitcherContainer a {
	color: #6190C1;
	text-decoration: none;
}



/*
 * HEAD-PHOTO
 */

div#photoContainer {
	width: 100%;
	height: 244px;
	position: relative;
}

div#photoContainer img#photo {
	width: 750px;
	height: 227px;
}

div#photoContainer img#waveNoAlpha,
div#photoContainer img#wave {
	width: 750px;
	height: 61px;
	bottom: -1px;
	left: 0px;
}

div#photoContainer img#waveNoAlpha {
	visibility: hidden;
}

div#photoContainer img#waveAlpha {
	width: 750px;
	height: 71px;
	left: 0px;
	bottom: 16px;
	-moz-opacity: 0.75;
	filter: Alpha(opacity=65);
	opacity: 0.75;
}

/*
 * MENU
 * ! additional declarations in language-dependend sheet
 */

div#menuContainer {
	position: relative;
	height: 23px;
	margin-left: 69px;
	margin-top: 24px;
	margin-bottom: 38px;
}

div#menuContainer img.menu {
	display: inline;
	height: 23px;
	position: relative;
}

div#menuContainer img.rollOver {
	visibility: hidden;
	position: absolute;
	top: 8px;
	width: 9px;
	height: 8px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}

/*
 * CONTENT
 *
 */

div#contentContainer {
	top: 379px;
	left: 86px;
	width: 575px;
}

div#contentContainer h1 { /* obsolete :( */
	font-family: Georgia, Times, Verdana; 
	font-weight: normal;
	font-size: 17px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

div#contentContainer img.h1 { /* the new h1, additional declarations in language-dependend sheet */
	height: 20px;
	position: relative;
}

div#contentContainer img.line { 
	position: relative;
	display: block;
	height: 1px;
	margin-bottom: 19px; 	margin-top: 3px;
	padding: 0px;
}

div#contentContainer p {
	font-family: verdana, sans, sans-serif, arial;
	color: #000000;
	font-size: 11px;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.2em;
}

div#contentContainer p span.highlight {
	color: #B32613;
}

div#contentLeft {
	top: 0px;
	left: 0px;
	width: 343px;
}

div#contentRight {
	top: 0px;
	left: 386px;
	width: 188px;
}

div#contentLeft a,
div#contentLeft p { color: #000000; }
div#contentRight a,
div#contentRight p { color: #6D98C4; }
div#contentLeft h1 { color: #B32613; }
div#contentLeft img.line { width: 343px; }
div#contentRight h1 { color: #6190C1; }
div#contentRight img.line { width: 188px; }

/*
 * Listcontainer inside raw content
 */

div#contentLeft div.listContainer {
	width: 328px;
	position: relative;
	left: 18px;
	margin-bottom: 12px;
}

div#contentLeft div.listContainer p {
	margin: 0px;
	padding: 0px;
}


div#contentLeft div.listContainer img {		/* this is the bullet-image */
	width: 13px;
	height: 13px;
	top: 1px;
	left: -20px;
}

/*
 * Content with transitional Background
 */

div#contentLeft div#transition  { 		/* transitional background, height definition in local sheet */
	position: relative;
	background-image: url("./../-img/content_transition.gif");
	background-repeat: repeat-x;
	background-position: 0px 6px;
	width: 100%;
}

div#contentLeft div#transition img#roundBorders {
	width: 343px;
	height: 6px;
	top: 0px;
	left: 0px;
}

div#contentLeft div#transitionContent {
	width: 302px;
	top: 16px;
	left: 19px;
}

/* listcontainer inside transition-container, overwrites width */
div#contentLeft div#transitionContent div.listContainer {
	width: 290px;
}





/*
 * FORMS
 */

textarea, input {
	background-color: #FFFFFF;
	border-width: 0px;
	font-family: verdana, sans-serif, sans;
	font-size: 11px;
	color: #000000;
	width: 305px; /* default width inside transitioncontainer inside contentLeft */
	margin-bottom: 6px;
	display: block;
}

input {	height: 18px; }

textarea { 
	height: 110px; 
	margin-bottom: 19px; 
}

div#submit {
	position: relative;
	height: 18px;
	width: 304px;
}

div#submit img {
	cursor: pointer;
	cursor: hand;
	top: 0px;
	right: 0px;
	/* width and height definition in language-dependend global sheet */
}





/*
 * Additional stuff
 */

img.pdfLogo {
	width: 16px;
	height: 16px;
}

/* the second H1 on the right side, if any */
div#contentRight h1.right_2 {
	margin-top: 35px;
}





/*
 * Images
 */

div#contentRight img.pictures {
	display: inline;
	width: 55px;
	height: 39px;
	position: relative;
	margin-right: 11px;
	margin-bottom: 8px;
	cursor: pointer;
	cursor: hand;
	border-bottom-width: 3px;
	border-style: solid;
	border-color: #F6F6E5; /* eigentlich ja 'transparent', aber dank ie mal wieder unsinn... :( */
}

div#contentRight img.pictures:hover {
	border-color: #ADC4D4 !important;
}	


div#contentRight img.rightMost {
	margin-right: 0px !important;
}





/*
 * BOX1 with rounded top and bottom, 315px, 
 * position in left content pane
 */

div#contentContainer div#contentLeft div.box1-container {
	width: 315px;
	position: relative;
	left: 0px;
	margin-bottom: 5px;
}

div#contentContainer div#contentLeft div.box1-container div {
	position: relative;
}


div#contentContainer div#contentLeft div.box1-container div.box1-content {
	background-color: #E8E9DB;
	padding: 4px 10px 6px 10px;
	margin: 0px;
}

div#contentContainer div#contentLeft div.box1-container div.box1-border {
	background-repeat: no-repeat;
	height: 4px;
	padding: 0px;
	margin: 0px;
}

div#contentContainer div#contentLeft div.box1-border.top { 
	background-image: url("./../-img/content_left-box1-top.gif");
}

div#contentContainer div#contentLeft div.box1-border.bottom {
	background-image: url("./../-img/content_left-box1-bottom.gif");
}

/* BOX1 textstyles */

div#contentContainer div#contentLeft div.box1-container div.box1-content h3,
div#contentContainer div#contentLeft div.box1-container div.box1-content h4,
div#contentContainer div#contentLeft div.box1-container div.box1-content p {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Sans-Serif, sans;
}

div#contentContainer div#contentLeft div.box1-container div.box1-content h3,
div#contentContainer div#contentLeft div.box1-container div.box1-content span.more {
	color: #B42613;
}

div#contentContainer div#contentLeft div.box1-container div.box1-content h3 {
	margin-bottom: 2px;
	font-weight: normal;
}

div#contentContainer div#contentLeft div.box1-container div.box1-content h4 {
	font-weight: bold;
}

div#contentContainer div#contentLeft div.box1-container div.box1-content span.more {
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;	
}