@import url("standard.css");
@import url("navi.css");
@import url("tooltip.css");

em.subline { display: block; font-weight: bold; color: #999; border-top: 1px solid #ddd; padding-top: 3px; margin: -16px 0px 10px 0px; }

#content { padding: 129px 0px 0px 0px; width: 1203px; }
#content h1 { margin: 0px 0px 40px 0px; padding: 0; }
#content h2 { margin: 0; padding: 0; }
#content h3 { margin: 0px 0px 20px 0px; padding: 0; }
#content h4 { padding: 15px 0px 0px 0px; margin: 0; }
#content #left { width: 330px; float: left; margin: 74px 50px 0px 30px; }
#content #right { width: 470px; float: left; margin-top: 10px; }

	/* Sonderregeln für IE6 */
	#content #left { _display: inline; }
	
	
/* Alphabet-Links */
#content #left #alphabet { margin: 5px 0px 30px 0px; }
#content #left #alphabet ul { margin: 0; padding: 0; list-style-type: none; }
#content #left #alphabet ul li { margin: 0; padding: 0; float: left; }
#content #left #alphabet ul li a { display: block; margin: 0px 2px 1px 0px; padding: 3px 0px 3px 0px; width: 22px; text-align: center; font-weight: bold; font-size: 12px; color: #999; background-color: #eee;}
#content #left #alphabet ul li a:hover { padding: 2px 0px 2px 0px; width: 20px; border: 1px solid #c00; color: #333; }
#content #left #alphabet ul li a.active { padding: 2px 0px 2px 0px; width: 20px; border: 1px solid #c00; color: #333; }

#content #left table { width: 305px; }
#content #left table th { text-align: left; border-bottom: 1px solid #333; padding: 0px 0px 3px 0px; font-weight: normal; }
#content #left table td { padding: 1px 0px 1px 0px; }
#content #left table td a { font-weight: bold; }
#content #left table td .active { color: #c00; }

	
/* Fotografen-Portrait*/
#content #right #portrait { width: 83px; height: 115px; background: url(../images/fotografen_portrait_bg.gif) no-repeat; float: right; padding: 11px 0px 0px 11px; margin: 0px 0px 0px 10px; }


/* Definitionsliste */
#content dl { margin: 0px 0px 0px 0px; padding: 0; }
#content dt { display: block; float: left; clear: left; width: 60px; margin: 0; padding: 0; }
#content dd { display: block; margin: 0; padding: 0; }


/* Scrollbox */
#scrollframe { background: #ccc; border: 1px solid #aaa; border-bottom: 1px solid #fff; border-right: 1px solid #fff; width: 12px; border-top: 0px; }
#scrollknob { width: 10px; border: 1px solid #B1ADA9; border-bottom: 1px solid #333; border-right: 1px solid #333; }
#scrollbody { position: relative; float: left; }
#scrollcontainer { position: relative; overflow: hidden; height: 300px; }

	
/* Sortier-Styles */
.sorter_down_0 { background: url(../images/sorter_down_0.gif) no-repeat right center; padding: 0px 15px 0px 0px; }
.sorter_down_1 { background: url(../images/sorter_down_1.gif) no-repeat right center; padding: 0px 15px 0px 0px; }
.sorter_up_0 { background: url(../images/sorter_up_0.gif) no-repeat right center; padding: 0px 15px 0px 0px; }
.sorter_up_1 { background: url(../images/sorter_up_1.gif) no-repeat right center; padding: 0px 15px 0px 0px; }


/* Post-it */
#content #postit_navi { margin: 20px 0px 0px 0px; background-color: #635346; height: 20px; border-top: 1px solid #333; border-bottom: 1px solid #333; }
#content #postit_navi ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #A8A29D; }
#content #postit_navi ul li { margin: 0; padding: 0; float: left; }
#content #postit_navi ul li a { color: #fff; padding: 1px 15px 0px 15px; display: block; float: left; height: 18px; }
#content #postit_navi ul li a:hover { background-color: #c00; }
#content #postit_navi ul li a.active { background-color: #c00; }
#content #postit_top { background: url(../images/postit_top.gif) no-repeat; height: 20px; }
#content #postit_middle { background: url(../images/postit_middle.gif) repeat-y; padding: 0px 30px 0px 30px; }
#content #postit_bottom { background: url(../images/postit_bottom.gif) no-repeat; height: 20px; }
#content #postit_middle .img { text-align: right; float: left; margin: 0px 0px 10px 0px; }
#content #postit_middle .img a:hover { color: #c00; }

	/* Sonderregeln für IE6 */
	#content #postit_navi ul li { _display: inline; }

	
/* News */
#news { color: #000; }
#news h3 { padding: 0 0 2px 0; border-bottom: 1px solid #999; }
#news ul { margin: 0; padding: 0; list-style-type: none; }
#news ul li { margin: 25px 0px 0px 0px; padding: 0; }
#news ul li h2 { margin: 3px 0px 10px 0px; }
#news ul li .content { margin: 0px 0px 7px 0px; }
#news a.arrow { color: #666; }
#news a.arrow:hover { color: #c00; }

/* Boxen auf der Startseite */
.home_box { font-size: 14px; font-family: Arial,sans-serfif; color: #666; background: url(../images/content/home_box.png) no-repeat; width: 274px; height: 237px; float: left; padding: 13px 17px 0px 18px;}
.home_box .visual { margin: 0px 0px 7px 0px; }
.home_box a.arrow { display: block;  background: url(../images/content/home_arrow.gif) no-repeat right center; padding: 0px 15px 0px 0px; }
.home_box a { color: #666 !important; }

.home_box2 { font-size: 14px; font-family: Arial,sans-serfif; color: #666; width: 205px; height: 160px; float: left; padding: 5px 8px 0px 7px;}
.home_box2 .visual { margin: 0px 0px 7px 0px; }
.home_box2 a.arrow { display: block;  background: url(../images/content/home_arrow2.gif) no-repeat right center; padding: 0px 15px 0px 0px; height: 20px; }
.home_box2 a { color: #666 !important; }

/* Item-Lists für News-Seite und Events-Seite und und und */
.list-item { margin-bottom: 40px; }
.list-item-header { background-color: #ddd; padding: 2px 10px 2px 10px; margin: 0px 0px 10px 0px; }
.list-item-visual { float: right; border: 1px solid #ddd; padding: 2px; margin: 0px 0px 5px 10px; }
.list-item-footer { clear: both; border-top: 1px solid #ddd; padding: 10px 0px 0px 0px; margin: 20px 0px 0px 0px; }
.list-item-footer-blank { padding: 10px 0px 0px 0px; margin: 10px 0px 0px 0px; }

/* Visual-Definition für News-Seite */
.news_visual img { border: 1px solid #ddd; padding: 2px; margin: 0px 0px 10px 0px; }
.left { float: left; margin: 0px 10px 5px 0px;  }

/* Form, photographer request */
.photographer-request form			{padding-bottom: 20px;}
.photographer-request .formElements	{padding-left: 20px;}
.photographer-request .formRow		{clear: both; padding: 3px 0; width: 410px;}
.photographer-request .formRowL		{float: left; width: 200px;}
.photographer-request .formRowR		{float: left; width: 200px; }
.photographer-request .formRowR input,
.photographer-request .formRowR select.full,
.photographer-request .formRowR textarea {width: 100%;}

.photographer-request .formRowCheckbox	{position: relative; width: 400px; padding: 20px 0; clear: both;}
.photographer-request .formRowCheckbox .checkbox	{position: absolute; top: 15px; right: -5px;}
.photographer-request input, 
.photographer-request textarea {border: 1px solid #e3e9ef; border-top-color: #abadb3; padding: 1px; }

.photographer-request input.button	{background: #c00; padding: 5px 10px; color: #fff; width: auto;}
.photographer-request input.buttonSubmit {margin-left: 20px;}

.photographer-request .error {color: #c00;}