/******
*
* CSS-Definitionen für:
*
* www.eventidee.net
*
*/

body
{
	background-color	: #ffffcd;
    color				: #000000;
    font-family			: Arial, Helvetica, sans-serif;
    font-size			: 12px;
}

.main
{
    width: 986px;
    margin: 10px auto 0px;
}

.header
{
	clear				: both;
	border-width		: 0px 5px 1px 5px;
    border-style		: solid;
    border-color		: #000000 #ffffff;
    background-color	: #f0f0f0;
    background-image	: url(http://bilder.eventidee.net/eventidee/header_background.jpg);
    background-repeat	: no-repeat;
    background-position : bottom right;
    height: 163px;
}

.logo
{
	border				: 0px;
    padding				: 10px 0px 0px 20px;
    margin-bottom		: 55px;
    display				: block;
}

.such-bereich
{
	padding				: 0px 0px 0px 20px;
}

.navigation
{
	border				: 5px #ffffff solid;
	padding				: 10px 0px 10px 20px;
}

.content
{
	border-width		: 0px 5px 0px 5px;
    border-style		: solid;
    border-color		: #ffffff;
    background-color	: #f0f0f0;
	padding				: 10px;
}

/** Damit float-container innerhalb von .content umschlossen werden */

.content:after
{
	clear				: both;
	content				: ".";
	display				: block;
	height				: 0;
	visibility			: hidden;
}

.content {
	display: inline-block;
}

/* Holly Hack um dem Guillotine bug beim IE aus dem Weg zu gehen \*/
* html .content {height: 1%;}
.content{display: block;}
/* End Holly Hack */

/** Hier gehts normal weiter **/

.content-unten
{
	width: 986px;
}

.content-unten-links, .content-unten-rechts
{
	width				: 30px;
    height				: 22px;
    float				: left;
}

.content-unten-rechts
{
	float				: right;
}

.content-unten-mitte, .content-oben-mitte
{
	float				: left;
    width				: 926px;
	height				: 17px;
    background-color	: #f0f0f0;
	border-width		: 0px 0px 5px 0px;
    border-style		: solid;
    border-color		: #ffffff;
}

.content-oben-mitte
{
	border-width		: 5px 0px 0px 0px;
    background-image	: url(http://bilder.eventidee.net/eventidee/top_background.jpg);
    background-repeat	: no-repeat;
}

.footer
{
	clear				: both;
	font-size			: 8pt;
    text-align			: center;
    padding-top			: 5px;
}

.navigation ul {
	padding				: 0px;
    margin				: 0px;
	list-style-image	: none;
}

.navigation li {
	float				: left;
    font-size			: 14px;
    font-weight			: bold;
    margin				: 0px 13px 0px 0px;
    list-style-type		: none;
    color				: #969696;
}

form
{
	margin				: 0px;
    padding				: 0px;
}

.submit-button
{
	color				: #ffffff;
    font-weight			: bold;
    font-size			: 12pt;
    background-color	: #c8c8c8;
    border				: 1px #ffffff solid;
    width				: 60px;
	height				: 25px;
    position: relative;
    top: 2px;
}

.such-feld
{
	width				: 170px;
    border				: 1px #c8c8c8 solid;
    font-weight			: bold;
    font-size			: 8pt;
    color				: #000000;
    padding				: 5px;
}

.hotline
{
	float				: right;
    border				: 1px #ff0000 solid;
    padding				: 1px 5px 1px 5px;
    text-align			: center;
    background-color	: #ffffff;
}

.klein { font-size: 7pt; }

.navigation li a:link    { font-style: normal; color:#181953; text-decoration:none;}
.navigation li a:visited { font-style: normal; color:#181953; text-decoration:none;}
.navigation li a:active  { font-style: normal; color:#d2474d; text-decoration:none;}
.navigation li a:hover   { font-style: normal; color:#d2474d; text-decoration:none;}

a:link    { font-weight: bold; font-style: italic; color:#181953; text-decoration:none;}
a:visited { font-weight: bold; font-style: italic; color:#181953; text-decoration:none;}
a:active  { font-weight: bold; font-style: italic; color:#d2474d; text-decoration:none;}
a:hover   { font-weight: bold; font-style: italic; color:#d2474d; text-decoration:none;}

.footer a:link    { font-weight: normal; font-style: normal; color:#000000; text-decoration:none;}
.footer a:visited { font-weight: normal; font-style: normal; color:#000000; text-decoration:none;}
.footer a:active  { font-weight: normal; font-style: normal; color:#d2474d; text-decoration:none;}
.footer a:hover   { font-weight: normal; font-style: normal; color:#d2474d; text-decoration:none;}

/** Box-Startseite **/

.startseite-box-main
{
	float				: right;
    width				: 240px;
    margin				: 0px 10px 0px 20px;
}

.box-schatten
{
	background-color	: #aeaeae;
    width				: 240px;
    clear				: both;
    padding				: 0px 2px 2px 0px;
    margin-bottom		: 10px;
}

.box-main
{
	border-width		: 5px;
    border-style		: solid;
    border-color		: #ffffff;
    background-color	: #f0f0f0;
}

.box-headline
{
	border-width		: 0px 0px 5px 0px;
    border-style		: solid;
    border-color		: #ffffff;
    background-color	: #ffffcd;
    padding				: 3px;
    font-weight			: bold;
    text-align			: center;
    margin-bottom		: 5px;
}

.box-innen
{
	padding				: 2px;
}


/** Quicknavi **/

.quicknavi
{
	margin-bottom		: 20px;
    font-size			: 10px;
    width				: 100%
}

.quicknavi a:link    { font-style: italic; color:#000000; text-decoration:none;}
.quicknavi a:visited { font-style: italic; color:#000000; text-decoration:none;}
.quicknavi a:active  { font-style: italic; color:#d2474d; text-decoration:none;}
.quicknavi a:hover   { font-style: italic; color:#d2474d; text-decoration:none;}

/** Unternavi **/

.content-unternavi
{
	float				: left;
    width				: 230px;
    color				: #969696;
    font-size			: 14px;
    font-weight			: bold;
    line-height			: 1.5em;
}

.content-unternavi a:link    { font-style: normal; color:#000000; text-decoration:none;}
.content-unternavi a:visited { font-style: normal; color:#000000; text-decoration:none;}
.content-unternavi a:active  { font-style: normal; color:#d2474d; text-decoration:none;}
.content-unternavi a:hover   { font-style: normal; color:#d2474d; text-decoration:none;}

.content-unternavi-liste
{
	float				: left;
    width				: 230px;
    color				: #969696;
    font-size			: 12px;
    font-weight			: bold;
    line-height			: 1.9em;
}

.content-unternavi-liste a:link    { font-style: normal; color:#000000; text-decoration:none;}
.content-unternavi-liste a:visited { font-style: normal; color:#000000; text-decoration:none;}
.content-unternavi-liste a:active  { font-style: normal; color:#d2474d; text-decoration:none;}
.content-unternavi-liste a:hover   { font-style: normal; color:#d2474d; text-decoration:none;}


/** Rubrikenliste **/

.content-rechts
{
	float				: right;
	width				: 700px;
    text-align			: left;
}

.list-row
{
	clear				: left;
}

.listitem-schatten
{
	width				: 332px;
    float				: left;
    background-color	: #aeaeae;
    padding				: 0px 2px 2px 0px;
    margin				: 4px 10px 6px 0px;
}

.listitem-box
{
	border				: #ffffff 5px solid;
    padding				: 5px;
	background-color	: #f0f0f0;
}

/** Damit float-container innerhalb von .listitem-box umschlossen werden */

.listitem-box:after
{
	clear				: both;
	content				: ".";
	display				: block;
	height				: 0;
	visibility			: hidden;
}

.listitem-box {
	display: inline-block;
}

/* Holly Hack um dem Guillotine bug beim IE aus dem Weg zu gehen \*/
* html .listitem-box {height: 1%;}
.listitem-box{display: block;}
/* End Holly Hack */

/** Hier gehts normal weiter **/

.listitem-pic
{
	float				: left;
    width				: 80px;
    height				: 80px;
    margin-right		: 10px;
    border				: 0px;
}

h1
{
	margin				: 0px 0px 4px 0px;
    padding				: 0px;
    font-size			: 14px;
    font-weight			: bold;
    color				: #000000;
    line-height			: 1.5em;
}

.preis
{
    color				: #000000;
    font-weight			: bold;
    padding-top			: 9px;
    float				: left;
    display				: block;
    margin-top			: 6px;
}

/** Detailansicht **/

.detail-schatten
{
    background-color	: #aeaeae;
    padding				: 0px 2px 2px 0px;
    margin-top			: 15px;
}

.detail-box
{
	border				: #ffffff 5px solid;
    padding				: 10px;
	background-color	: #f0f0f0;
}

/** Damit float-container innerhalb von .listitem-box umschlossen werden */

.detail-box:after
{
	clear				: both;
	content				: ".";
	display				: block;
	height				: 0;
	visibility			: hidden;
}

.detail-box {
	display: inline-block;
}

/* Holly Hack um dem Guillotine bug beim IE aus dem Weg zu gehen \*/
* html .detail-box {height: 1%;}
.detail-box{display: block;}
/* End Holly Hack */

/** Hier gehts normal weiter **/

.detail-pic
{
	float				: left;
    width				: 200px;
    display				: block;
}

.detail-text
{
	float				: right;
    width				: 450px;
    text-align			: left;
}

.detail-preis
{
	text-align			: right;
    font-weight			: bold;
    margin-top			: 10px;
}

.angebote_preis
{
	float				: right;
    font-weight			: bold;
}

.pfeil
{
	border				: 0px;
    padding-right		: 5px;
    float				: left;
    margin-top			: 2px;

}

.detail-box a:link    { font-style: italic; color:#000000; text-decoration:none;}
.detail-box a:visited { font-style: italic; color:#000000; text-decoration:none;}
.detail-box a:active  { font-style: italic; color:#d2474d; text-decoration:none;}
.detail-box a:hover   { font-style: italic; color:#d2474d; text-decoration:none;}

.hotspot-pic, .news-pic
{
	border				: 0px;
    margin-right		: 5px;
    margin-bottom		: 3px;
	float				: left;
}

/** Damit float-container innerhalb von .listitem-box umschlossen werden */

.box-innen:after
{
	clear				: both;
	content				: ".";
	display				: block;
	height				: 0;
	visibility			: hidden;
}

.box-innen {
	display: inline-block;
}

/* Holly Hack um dem Guillotine bug beim IE aus dem Weg zu gehen \*/
* html .box-innen {height: 1%;}
.box-innen {display: block;}
/* End Holly Hack */

/** News **/

.news-eintrag
{
	margin-bottom		: 25px;
}

/** Damit float-container innerhalb von .news-eintrag umschlossen werden */

.news-eintrag:after
{
	clear				: both;
	content				: ".";
	display				: block;
	height				: 0;
	visibility			: hidden;
}

.news-eintrag {
	display: inline-block;
}

/* Holly Hack um dem Guillotine bug beim IE aus dem Weg zu gehen \*/
* html .news-eintrag {height: 1%;}
.news-eintrag {display: block;}
/* End Holly Hack */

/** Seitennavi News **/

.seitennavi
{
    text-align			: center;
    clear				: both;
    margin-top			: 20px;
}

.form-preisfeld-disabled
{
	background-color	: #ffffff;
    font-weight			: bold;
    color				: #000000;
}

a.detaillink
{
	border				: #d2474d 1px solid;
    background-color	: #aeaeae;
    color				: #ffffff;
    font-weight			: bold;
    text-decoration		: none;
    padding				: 3px;
    float				: right;
    margin-top			: 6px;
    letter-spacing		: 0.1em;
}
a.detaillink:link    { font-style: italic; color:#ffffff; text-decoration:none;}
a.detaillink:visited { font-style: italic; color:#ffffff; text-decoration:none;}
a.detaillink:active  { font-style: italic; color:#d2474d; text-decoration:none;}
a.detaillink:hover   { font-style: italic; color:#d2474d; text-decoration:none;}

/** Formular **/

.vermerk
{
	float				: left;
    width				: 305px;
    font-size			: 10px;
    text-align			: right;
}

.kf-links, .kf-rechts
{
	float				: left;
	width				: 50%;
    margin-top			: 10px;
}

.kf-rechts
{
	float				: right;
}

.besch
{
	float				: left;
    width				: 120px;
    text-align			: right;
    margin				: 0px 5px 0px 0px;
}

.form_row { clear:left; margin-bottom:5px; }

.formfeld
{
	width				: 180px;
    font-size			: 10px;
    margin-bottom		: 5px;
}

.textfeld
{
	width				: 310px;
	height				: 50px;
    margin-bottom		: 5px;
}

.submit
{
	border				: #d2474d 1px solid;
    background-color	: #aeaeae;
    color				: #ffffff;
    font-weight			: bold;
    font-style			: italic;
    text-decoration		: none;
	font-family			: Arial, Helvetica, sans-serif;
    float				: right;
    margin-top			: 6px;
    width				: 190px;
    height				: 23px;
}

ul
{
	margin-top			: 5px;
    margin-bottom		: 5px;
    list-style-image	: url(http://bilder.eventidee.net/eventidee/aufzaehlung.gif);
	margin-left			: 0px;
    padding-left		: 30px;
}

.kontakt-haken
{
	float				: right;
    width				: 79px;
    height				: 72px;
    margin-left			: 10px;
    border				: 0px;
}

/** Preisliste **/

.listenabschnitt
{
	margin-bottom		: 20px
}

.liste-bez
{
	float				: left;
    width				: 400px;
    margin-bottom		: 5px;
}

.liste-preis
{
	float				: left;
    width				: 130px;
    margin-bottom		: 5px;
    text-align			: right;
}

.breaker
{
	clear				:left;
    overflow			:none;
    line-height			:0px;
}

/** Verzeichnis **/

.block-links
{
	width			: 300px;
    float			: left;
    text-align		: left;
    line-height		: 1.7em;
}

.block-mitte
{
	width			: 300px;
    float			: left;
    text-align		: left;
    line-height		: 1.7em;
}

.block-rechts
{
	width			: 300px;
    float			: right;
    text-align		: left;
    line-height		: 1.7em;
}

.level2 { margin-left: 20px; }
.level3 { margin-left: 40px; }

/** Such-Links auf Startseite **/

.suchbegriffe {
	color			: #404040;
}

.suchbegriffe a:link    { font-weight: normal; font-style: normal; color:#404040; text-decoration:none;}
.suchbegriffe a:visited { font-weight: normal; font-style: normal; color:#404040; text-decoration:none;}
.suchbegriffe a:active  { font-weight: normal; font-style: normal; color:#404040; text-decoration:none;}
.suchbegriffe a:hover   { font-weight: normal; font-style: normal; color:#404040; text-decoration:none;}

.error {
	color			: #ff0000;
    font-size		: 14px;
    font-weight		: bold;
}