/*content.w3c.css*/
/*#####====—––--· HEADER ·--––—====#####*/
h1,h2,h3,h4,h5,h6 {margin:0.5em 0 1em; font-weight:bold;}
h1 {
 font-size:14px; font-weight:normal;
 color:white;
 margin-top:0; line-height:1.3em;
 letter-spacing:0;
}
h2 {font-size:11px; font-weight:bold;} /* fuer Kapitelueberschriften*/
h3 {font-size:11px; font-weight:normal;} /*nicht benutzt*/

h1.teaser {color:rgb(238,127,0); font-size:24px; margin:-2px 0 0 0;} /*Startseite, erste Ueberschrift*/
h1.sub-teaser {font-size:17px; margin:0 0 40px;} /*Startseite, weiterer Text*/
h1.sub-teaser a {color:white; text-decoration:none;}
h1.lower.sub-teaser {margin:50px 0 0;}

/*#####====—––--· TEXT ·--––—====#####*/
div#content, body.mceContentBody {
 font-size:11px;
 letter-spacing:0.1em !important;
 line-height:18px;
}

p {
 text-indent:0em;
 margin:.5em 0px 1em;
}

.orange {color:#ee7f00;} /*CD-orange, u.A. vom rte appliziert*/
a, a:link {color:#ee7f00;}
a:hover {color:#F7A181;}

#content ul, body.mceContentBody ul {
	list-style-image:url(../pic/pipe.gif); margin:0 0 1em 2em;
}
#content ul ul, body.mceContentBody ul ul {
	list-style-image:url(../pic/triangle.gif);
}

table p {margin:0.2em;}

/*#####====—––--· IMAGES ·--––—====#####*/
.csc-textpic-imagewrap {margin-top:6px;}

/*#####====—––--· TABLE ·--––—====#####*/
table.contenttable td {padding: 0.5em;}
table.contenttable p, table.contenttable h3, table.contenttable h2, table.contenttable h1 {margin:0px;}

/*#####====—––--· FORMS ·--––—====#####*/
[type="hidden"] {display:none !important;}
fieldset {border:none;}
label {vertical-align:middle;}
input {vertical-align:middle;}
input:hover, input:focus, textarea:hover, textarea:focus {background-color:white;}
textarea, input, select {padding:2px; border:1px solid rgb(238,127,0); background-color:#CCC;}
input[type="radio"], .input.radio input {border:none; background:none;} /*zus. Selektor fuer ie6*/
input[type="submit"]:active {background-color:rgb(238,127,0); border-color:white;}
.error {color:red;}

/*#####====—––--· PRINTLINK ·--––—====#####*/
p.printlink {clear:both; margin-top:4em; border-top:1px dotted rgb(238,127,0);}

/*#####====—––--· DOWNLOADLINKS ·--––—====#####*/
.csc-uploads		{margin:1em 0;}
.csc-uploads
 .csc-uploads-fileSize	{text-align:right; padding-left:.5em;}
.csc-uploads
 .csc-uploads-icon	{padding-right:.5em;}

/*#####====—––--· STARTSEITE ·--––—====#####*/
#key-visual		{width:550px; height:412px; position:relative;
			 background-image:url(../pic/key-visual.jpg); background-repeat:no-repeat;}

#key-visual p		{position:absolute;
			 margin:0; padding:0; border:0; overflow:show; background-repeat:no-repeat;
			 text-align:center; letter-spacing:0;}

#key-visual .button	{position:absolute; top:117px; left:397px;	/* is non-displayed via inline css */
			 width:28px;}

#key-visual .info	{top:111px; left:387px; padding:40px 4px 4px; width:101px;
			 text-align:left; text-shadow:1px 1px 1px black; line-height:1.2em;}

#key-visual .heading	{top:163px; left:46px;
			 width:290px; padding:10px 0;
			 font-size:13px; text-shadow:black 1px 1px 1px;}

#key-visual .circle	{top:222px;
			 width:63px; height:80px;
			 background-position:bottom center;
			 font-size:10px; font-weight:bold; line-height:10px;
			 text-shadow:black 1px 1px 1px;
			 cursor:pointer;}

#key-visual
  .circle:hover		{top:220px;}

#circle-shark		{left:56px; background-image:url(../pic/circle-shark.png);}
#circle-music		{left:121px; background-image:url(../pic/circle-music.png);}
#circle-chair		{left:186px; background-image:url(../pic/circle-chair.png);}
#circle-bed		{left:251px; background-image:url(../pic/circle-bed.png);}

/*#####====—––--· STANDORTE ·--––—====#####*/
#map			{background-image:url(../pic/WDW-Standorte_450.gif); width:370px; height:450px;
			 position:relative;}
#map p.link		{background-image:url(../pic/standortPunkt.gif); background-repeat:no-repeat;
			 position:absolute; margin:0;}
#map .link a		{color:black;}

#map .berlin		{padding-right:12px; background-position:right center; top:115px; right:126px;}
#map .duesseldorf	{padding-left:12px; background-position:left center; top:183px; left:38px;}
#map .aachen		{padding-left:12px; background-position:left center; top:205px; left:25px;}
#map .zuerich		{padding-right:12px; background-position:right center; top:367px; right:272px;}
.standort		{float:right; width:260px; margin-top:-200px; padding-top:200px;}

/* old version */
.wdw-map		{border:none;} /*IE*/

/*#####====—––--· RAHMEN UND LINIEN ·--––—====#####*/
div.floatleft		{float:left; margin:0 1% 1% 0;}
div.floatright		{float:right; margin:0 0 1% 1%;}
div.floatleft2		{float:left; overflow:hidden; width:48.5%; margin:0 1% 1% 0;}
div.floatright2		{float:right; overflow:hidden; width:48.5%; margin:0 0 1% 1%;}
div.floatleft3		{float:left; overflow:hidden; width:32%; margin:0 1% 1% 0;}
div.floatright3		{float:right; overflow:hidden; width:32%; margin:0 0 1% 1%;}

/*#####====—––--· tinyMCE configuration ·--––—====#####*/
body.mceContentBody {
	background: #333;
	color:white;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}
/*lässt die Links auch im tinyMCE orange erscheinen*/
body.mceContentBody a, body.mceContentBody a:link {color:#ee7f00 !important;}

/*#####====—––--· Tools ·--––—====#####*/
.clear, .clearer	{clear:both;}


/*#####====—––--· EOF! ·--––—====#####*/
