/* HTML Körper */
html {width:100%; margin:0; padding:0;}

body {margin:0; padding:0; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; 
	   background:#f2f2f1; color:#666666; position:relative; width:100%;}


/* allgemeines */
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

p, form, ul, ol, li, blockquote {margin: 0; padding: 0;}

em {margin: 0; padding: 0; color: #990000; font-size:14px;}

img { border: 1px  medium #ec6901; text-decoration: none; margin-top: 10px;}
a{ text-decoration: none;}

span {color: #ec6901; /* font-style:italic; font-weight:bolder; */  text-decoration: none;}

ul, li{list-style:none;}


/* Farben aller Links */
a:link {color: #990000; text-decoration: none;}
a:visited {color: #990000; text-decoration: none;}
a:hover {color: #990000; text-decoration: underline;}
a:active {color: #990000; text-decoration: none;}


/* Aufbau Website */

/* #left { float:left; width: 115px; margin-right: 7px; margin-top: 6px;} */

#container{ width: 100%;}

#inhalt{ width: 580px; height:auto; margin: 25px 0 0 90px; padding: 160px 0 15px 107px;}
#inhalt p {font-size: 14px; margin: 5px 0 2px 0; line-height: 22px; padding: 12px 10px 0 0;}

/* Fusszeile */
#footer{ width: 580px; margin: 0 0 45px 197px; border: 1px dotted #ec6901; font-size: 10px; text-align:center;}

/* Kopfzeile */
#header{width: 100%; height: 30px; background: #990000; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; 
		line-height: 34px; position: absolute; top: 25px; padding-right: 0px; padding-left: 0px; border-bottom: 3px solid #ec6901;}

#header ul{ float:right; font-weight:normal;}
#header a:link {color: #FFF; text-decoration: none;}
#header a:visited {color: #999689; text-decoration: none;}
#header a:hover {color: #990000; text-decoration: none;}
#header a:active {color: #999689; text-decoration: none;}

#header li{ display: inline; margin-right: 15px;}


/* Inhaltsbereich */


/* navigation-rechts REFERNEZEN*/
#navigation-rechts{ width: 180px; position: absolute; left: 780px; top: 68px;} /* Abstand, Breite */
#navigation-rechts h1{ font-size: 22px; text-transform: uppercase; font-weight: normal; color: #990000; margin: 18px 0 0 37px;}
#navigation-rechts h2{ font-size: 16px; text-transform: uppercase; font-weight: normal; color: #ec6901; margin: 6px 0 4px 40px;}
#navigation-rechts ul li{ font-size:10px; padding: 4px 4px 4px 40px; width: 300px;}
#navigation-rechts a{ font-size: 10px; /*Schriftgröße Navigation Rechts*/ display: block; color: #ec6901; margin: 0;} 
#navigation-rechts a:link {color: #999999; text-decoration: none;}
#navigation-rechts a:visited {color: #575447; text-decoration: none;}
#navigation-rechts a:hover{ color: #ec6901; text-decoration: underline;}


/* navigation-rechts O-Toene*/
#navigation-rechts-oton{ width: 280px; position: absolute; left: 780px; top: 68px;} /* Abstand, Breite */
#navigation-rechts-oton h1{ font-size: 22px; text-transform: uppercase; font-weight: normal; color: #990000; margin: 18px 0 0 37px;}
#navigation-rechts-oton h2{ font-size: 14px; text-transform: uppercase; font-weight: normal; color: #ec6901; margin: 6px 0 4px 40px;}
#navigation-rechts-oton h3{ font-size: 12px; text-transform: uppercase; font-weight: normal; color: #990000; margin: 6px 0 4px 40px;}



/* Überschriften */
#ueberschrift{ margin-bottom: 15px; background: #FFF; padding: 40px 30px 50px 30px; border: 15px solid #ec6901;}
#ueberschrift h1{ border: none; margin: 0; color: #990000; font-size: 22px; font-weight: normal;}
#ueberschrift h2{ border: none; margin: 0; color: #ec6901; font-size: 18px; font-weight: normal;}
#ueberschrift h3{ border: none; margin: 0; color: #990000; font-size: 16px; font-weight: normal;}
#ueberschrift h4{ border: none; margin-bottom: 6px; color: #ec6901; font-size: 18px; font-weight: normal;}



#ueberschrift li{ font-size: 16px; list-style: square; margin-top: 6px; }


/* Navigation Eventmanagement, Eventbetreuung, Eventmarketing */
#navigation{ width: 700px; position: absolute; left: 75px; top: 120px; font-size: 20px; text-align: right;}
#navigation li{ display: inline; margin-left: 20px; float: right;}
#navigation a{ display: block; color: #990000; text-decoration: none;}
#navigation a:hover{ color: #ec6901; padding-bottom: 3px; text-decoration: none; border-bottom: 2px solid #990000; /* font-style:italic; */}
#navigation a:active{ color: #990000; padding-bottom: 3px; text-decoration: none; border:none;}
 

/* Navigationen oben */
#navigation-oben{ width: 650px; position:absolute; left:140px; top: 0px; padding:0px;}
#navigation-oben a:link{ color: #FFF; }
#navigation-oben a:visited{ color: #FFF; }
#navigation-oben a:active{ color: #FFF; }
#navigation-oben a:hover{ color: #ec6901; }

/* Navigationen oben rechts, index.html */
#navigation-oben-2 a:link{ color: #FFF; }
#navigation-oben-2 a:visited{ color: #FFF; }
#navigation-oben-2 a:active{ color: #FFF; }
#navigation-oben-2 a:hover{ color: #ec6901; }
#navigation-oben-2{ width: 200px; position: absolute; left: 819px; top: 0px; padding: 0px; text-align: left; font-weight: normal;}

/* CLEARFIX */
.clearfix:after { inhalt: "."; display: block; height: 0;  clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hide from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#vorschau-artikel img {float: left; margin: 0px 6px 0px 0; padding-top: 8px;}
#vorschau-artikel p {font-size: 13px; margin: 5px 0 2px 0; line-height: 18px; padding: 8px 10px 0 0;}