/*  --- Seitenlayout --- */
body,h1,h2,h3,h4,h5,p,ul,ol,li,form,input,textarea,div,span {
	margin:0px;
	padding:0px;
}

/* html {	overflow:auto;  } */

body {
	background-color:white;
	background-image:url(/images/layout/body-verlauf.jpg);
	background-repeat:repeat-x;
}

body, p ,td {
/*	font-family:"Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

p,ul,ol {
	padding-bottom:12px;
/*	xline-height:150%; */
	line-height:20px;
}

ul li {
	margin-left:15px;
	padding-left:5px;
}

#maincolumn  li {
	background-image: url("/images/layout/arrow.gif");
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 20px;
}

#maincolumn ul  {
	list-style-type: none;
	padding-left: -15px;
	margin-left: -15px;
}

* html ul li {
	margin-left:17px;
	padding-left:3px;
}
ol li {
	margin-left:20px;
	padding-left:5px;
}
* html ol li {
	margin-left:23px;
	padding-left:2px;
}


.clear {
	clear:both;
}

h1 {
	font-size:18px;
	font-weight:normal;
	padding-bottom:12px;
}
h2 {
	font-size:14px;
	font-weight:bold;
	padding-bottom:8px;
}

a {
	color:#b91f34;
	color:black;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px dashed black;
}
a:hover {
	border-bottom:1px solid black;
}

/* --- Dreamweaver Edito Styles --- */

body.editor {
	width:980px;
}

/* --- zentrierte boxen mit Shatten, der keine Scroll balken hervorruft --- */
div#sideshadow {
	background-image:url(/images/layout/shadow.png);
	background-repeat:repeat-y;
	background-position:center;
}
div#bottomshadow{
	height:84px;
	background-image:url(/images/layout/footer.png);
	background-repeat:no-repeat;
	background-position:center top;
}
/* Spezial Hack, um die 1px Verschiebung von Hintergrund zu Vordergrund bei FF3 zu beheben */
html>/**/body { position:relative; left:-0.1px; }

div.centerbox {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
div#sideshadow div.centerbox {
	border-top:1px solid #f0f0f0;
}


/* --- für IE6 muss dass zentrieren ganz anders gelöst werden --- */

* html div#noxscroll {
	overflow-x:hidden;
}
* html div#sideshadow {
	position:relative;
	margin-left:-514px;
	left:50%;
	height:1px;
	width:1028px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/shadow.png",sizingMethod="scale");
	background-image:none;
}
* html div#bottomshadow {
	position:relative;
	margin-left:-514px;
	left:50%;
	height:84px;
	width:1028px;
	background-image:none;
	overflow:hidden;
}
* html div.centerbox {
	position:static;
	margin-left:0px;
	margin-right:0px;
	padding-left:24px;
}
* html div#sideshadow div.centerbox {
	border-top:none;
	position:static;
}
* html div#bottomshadow div.centerbox {
	position:static;
	width:1004px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/footer.png",sizingMethod="scale");
	height:84px;
}

/* --- Ende IE6 --- */


/* --- die vier Hauptbereiche --- */
#header {
	position:absolute;
	top:0px;
	height:89px;
	width:980px;
	background-color:#f0f0f0;
}
* html #header {
	border-top:1px solid #f0f0f0;
}
#header .doppler-logo {
	position:absolute;
}
#subnavi {
	position:absolute;
	top:89px;
	width:980px;
	height:30px;
}
#content {
	position:relative;
	width:980px;
	margin-top:119px;
	background-color:white;
}
* html #content {
	margin-top:120px;
}
#footer {
	position:relative;
	height:60px;
	width:980px;
	xbackground-color:#f0f0f0;
	color:#606060;
}
#footer .address {
	position:absolute;
	left:20px;
	top:10px;
	width:485px;
	line-height:20px;
}
#footer .copyright {
	position:absolute;
	right:20px;
	width:420px;
	top:10px;
	line-height:20px;
	text-align:right;
}
#footer a {
	border:none;
	text-decoration:none;
	font-weight:normal;
	color:#606060;
}
#footer a:hover {
	text-decoration:underline;
	color:#303030;
}

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

#navsite {
	position:absolute;
	height:24px;
	top:65px;
	left:288px;
	z-index:100;
}

#navsite h5 {
	display:none;
}
#navsite ul, #navsite ul li {
	margin:0px;
	padding:0px;
	border:none;
}

/* Ebene Eins */
#navsite ul.main li {
	list-style:none;
	display:block;
	float:left;
	position:relative;
	padding-right:5px;
	z-index:1;
}
#navsite ul.main li a {
	border:none;
	text-decoration:none;
	text-align:left;
	padding-left:16px;
	width:105px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#cf737f;
	line-height:22px;
	padding-top:2px;
	background-color:#F9F9F9;
	background-image:url(/images/layout/mainmenu.gif);
	background-repeat:no-repeat;
	background-position:0px -35px;
}

#navsite ul.main li:hover, 
#navsite ul.main li.hover {
	z-index:2;
}

#navsite ul.main li a:hover, 
#navsite ul.main li:hover a, 
#navsite ul.main li.hover a, 
#navsite ul.main li.active a {
	background-color:#FFFFFF;
	color:#b91f34;
	background-image:url(/images/layout/mainmenu.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}


/* Ebene Zwei */
#navsite ul.main li div.sub .minwidth {
	width:120px;
	height:1px;
	font-size:1px;
	line-height:1px;
}
#navsite ul.main li:hover div.sub, 
#navsite ul.main li.hover div.sub {
	display:block;
}
#navsite ul.main li div.sub {
	display:none;
	position:absolute;
	top:24px;
	left:0px;
	xbackground-color:white;
	border-right:1px solid #231f1d;
	border-bottom:none;
	background-image:url(/images/layout/mainmenu-border.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}
#navsite ul.main div.sub ul {
	background-color:white;
}

#navsite ul.main div.sub ul li {
	float:none;
	display:inline;
	position:static;
	padding-right:0px;
	z-index:auto;
}
#navsite ul.main div.sub ul li a{
	color:#4c4c4c;
	display:block;
	white-space:nowrap;
	line-height:normal;
	text-transform:none;
	text-align:left;
	width:auto;
	min-width:88px;
	padding: 3px 16px 3px 16px;
	background-color:transparent;
	background-image:none;
}
#navsite ul.main div.sub ul li a:hover, 
#navsite ul.main div.sub ul li.hover a, 
#navsite ul.main div.sub ul li.active a{
	color:#4c4c4c;
	background-color:#EEEEEE;
	background-image:none;
}

/* --- Second Navi --- */

#subnavi ul, #subnavi ul li {
	margin:0px;
	padding:0px;
}
#subnavi ul.main {
	margin-left:31px;
}
#subnavi ul.main li {
	list-style:none;
	display:block;
	padding-left:8px;
	float:left;
	position:relative;
	z-index:1;
}
#subnavi ul.main li a {
	border:none;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
	display:block;
	padding-left:16px;
	padding-right:16px;
	color:#bfbfbf;
	line-height:30px;
	background-color:white;
}
#subnavi ul.main li a:hover, 
#subnavi ul.main li:hover a, 
#subnavi ul.main li.hover a, 
#subnavi ul.main li.active a {
	background-color:#EEEEEE;
	color:#606060;
}

/* Ebene Zwei */
#subnavi ul.main li div.sub .minwidth {
	width:120px;
	height:1px;
	font-size:1px;
	line-height:1px;
}
#subnavi ul.main li:hover div.sub, 
#subnavi ul.main li.hover div.sub {
	display:block;
}
#subnavi ul.main li div.sub {
	display:none;
	position:absolute;
	top:30px;
	left:8px;
	border-right:1px solid #231f1d;
	border-bottom:none;
	background-image:url(/images/layout/mainmenu-border.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}
#subnavi ul.main div.sub ul {
	background-color:white;
}

#subnavi ul.main div.sub ul li {
	float:none;
	display:inline;
	position:static;
	padding-left:0px;
	z-index:auto;
}
#subnavi ul.main div.sub ul li a{
	color:#4c4c4c;
	display:block;
	white-space:nowrap;
	line-height:normal;
	text-transform:none;
	text-align:left;
	width:auto;
	min-width:88px;
	padding: 3px 16px 3px 16px;
	background-color:transparent;
	background-image:none;
}
#subnavi ul.main div.sub ul li a:hover, 
#subnavi ul.main div.sub ul li.hover a, 
#subnavi ul.main div.sub ul li.active a{
	color:#4c4c4c;
	background-color:#EEEEEE;
	background-image:none;
}



/* --- Language Selector --- */

#langselect {
	position:absolute;
	right:16px;
	top:10px;
	text-align:right;
}
#langselect a {	
	font-size:11px;
	border:none;
	color:#bbbbbb;
}
#langselect a:hover, #langselect a.active {
	color:#888888;
}

/* --- Imagemenu --- */

ul#imagemenu, ul#imagemenu li {
	margin:0px;
	padding:0px;
	border:none;
}
ul#imagemenu p {
	line-height:130%;
}
ul#imagemenu {
	position:relative;
	width:980px;
	height:340px;
	overflow:hidden;
}
ul#imagemenu li {
	list-style:none;
	display:block;
	float:left;
	position:relative;
	overflow:hidden;
	width:196px;
	background-color:#dddddd;
	height:340px;
}
ul#imagemenu li img {
	margin-left:-100px;
}
#imagemenu .info {
	position:absolute;
	left:13px;
	bottom:7px;
	xxtop: 236px;
	color:white;
	width:173px;
}
#imagemenu .info h1 {
	font-size:20px;
}
#imagemenu .extra {
	position:absolute;
	left:200px;
	color:white;
	width:185px;
	bottom:7px;
}
#imagemenu a {
	border:none;
	color:white;
	background-color:#b91f34;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}
#imagemenu a:hover {
	text-decoration:underline;
}

/* --- Introtext --- */

#introtext {
	clear:both;
	padding: 30px 20px 22px 20px;
}
#introtext .block {
	width:240px;
	float:left;
	margin-left:100px;
}
#introtext .first {
	margin-left:0px;
}
#introtext .block h2 {
	font-size:14px;
	font-weight:bold;
	padding-bottom:6px;
}

/* --- Content 1 --- */

#menucolumn {
	float:left;
	width:150px;
	padding-top:30px;
	padding-left:20px;
}
#menucolumn ul {
}
#menucolumn ul li {
	list-style:none;
	padding-bottom:12px;
	line-height:normal;
}
#menucolumn ul li a {
	border:none;
	color:#969696;
	text-decoration:none;
	text-transform:uppercase;
}
#menucolumn ul li a:hover, #menucolumn ul li a.active {
	color:black;
	text-decoration:none;
}
#maincolumn {
	float:right;
	width:520px;
	padding:30px 60px 30px 60px;
	background-image:url(../images/layout/content1-bottom.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
}
#enclose {
	float:left;
	width:820px;
	background-image:url(../images/layout/content1-bg.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
#extracolumn {
	float:right;
	width:150px;
	padding-top:30px;
}

/* --- Content 2 --- */

#c2_top .right {
	float:right;
	width:518px;
	padding:35px 35px 0px 0px;
	color:white;
}
#c2_top .right a {
	border-color:white;
	color:white;
}
#c2_top img.sujet {
	vertical-align:bottom;
	border:0px;
}
#c2_top .right h1 {
	font-size:24px;
	font-weight:normal;
}
#c2_bottom {
	background-color:white;
	background-image:url(../images/layout/content1-bg.gif);
	background-repeat:no-repeat;
	background-position:392px 0px;
	padding:35px 0px 0px 30px;
}
#c2_bottom .right {
	float:right;
	width:518px;
	padding:0px 35px 35px 35px;
	background-image:url(../images/layout/content1-bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#c2_bottom .righttran {
	float:right;
	width:518px;
	padding:0px 35px 35px 35px;
	background-image:url(../images/layout/content2-bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.imageteaser {
	width:340px;
}

.imageteaser * {
	border:none;
	color:#b91f34;
	text-decoration:none;
}
.imageteaser a {
	color:#595959
}
.imageteaser a:hover {
	border-bottom:1px solid white;
	color:black;
}
.imageteaser * a:hover {
	border-bottom:1px solid black;
	color:black;
}

.imageteaser a:hover span {
	border-bottom:1px solid black;
	color:black;
}
.imageteaser * img {
	border:0px;
	display:block;
	float:left;
	padding-right:10px;
}
.imageteaser * h2 {
	font-size:16px;
	padding-bottom:4px;
}
.imageteaser * span {
	color:#595959;
	font-weight:bold;
	line-height:150%;
}



/*--- Image Shadow ---*/

.imageshadow {
	background: url(../images/layout/imageshadow.gif) no-repeat bottom right;
	float: left;
	margin: 3px 10px 0px 0px !important;
	margin: 4px 7px 0px 0px;
}
.imageshadow div {
	padding: 0px 6px 6px 0px;
	background: url(../images/layout/imageshadow2.png) no-repeat left top !important;
	background: url(../images/layout/imageshadow2.gif) no-repeat left top;
	float: left; 
}
.imageshadow img {
 	border: 10px solid #ecf2f6;
}
* html .imageshadow div {
	background: none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/layout/imageshadow2.png', sizingMethod='crop');
}

.newsletter td {
	padding:2px;	
}
.newsletter input {
	padding:3px;
	border: 1px solid #bbbbbb;
}
.newsletter select {
	padding:3px;
	border: 1px solid #bbbbbb;
}
