body {
font-size: 12px;
font-family: Helvetica, Sans-Serif;
background-color: #000;
color: #333;
text-align: center;
padding:0;
margin:0;
}

.breaker {
clear: both;
height: 1px;
overflow: hidden;
}


#main{
 margin: 0px auto;
 padding: 0;
 width: 1004px;
 height:3613px;
 background: url(../img/hintergrund.jpg) no-repeat top left;
 border:0px solid #fff;
}

a {
color:#800000;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

p.bodytext { text-align:left; color:333; }

/*  begin main navigation*/
#nav {
 float:left;
 width:370px; 
 height:809px;
 margin:0; 
 padding:0; 
 overflow:hidden;
}

/* --- CONTENT ---*/

#content #PageContent {
 text-align:left;
 padding:20px 50px 30px 20px;
 float:right;
 width:550px; 
 height:3250px; 
 border:0px solid #ddd;
 color:#333;
 overflow:auto;
}

#content2 #PageContent {
 
 text-align:left;
 padding:20px 40px 20px 20px;
 float:left;
 width:300px; 
 height:3250px; 
 border:0px solid #ddd;
 color:#333;
 overflow:auto;
}

#content2 #col2 {
 padding:20px 40px 10px 10px;
 text-align:left;
 font-size:10px;
 width:180px;
 border:0px solid #ddd;
 color:#333;
 overflow: hidden;
}
#content2 #col2 h1 { font-size:11px; font-weight:bold; color:#333; }

h1 {
 font-size:30px;
 color:#333;
 padding:0;
 font-weight: normal;
 margin:0 0 20px 0;
 font-family: georgia, times new roman, serif;
}

h2 { padding:0; }

h2 a, h2 a:hover{
text-decoration: none;
color:#999;
padding:0;

}



p.align-left { font-size:8pt; }

.csc-menu { list-style-type:none; }
.csc-textpic-text ul { list-style-type:none; padding:0; margin:0; }
.csc-textpic-text ul li, .csc-textpic-text ul li a { color:#000; font-size:18pt; }
.csc-textpic img {padding:5px; }


#footer {
 color:#fff;
 font-size: 10px;
 padding:60px 25px 25px 0;
 margin: 0 auto;
 width: 1004px;
 clear: both;
 text-align: center;
 line-height:20px;
}
#footer a {
color:#fff;
}



/* ------------- Formulare ------------------- */

.tx-thmailformplus-pi1 { width:290px;}

form {
margin:0;
}

.required {
font-size: 11px;
color: #000;
}

input, textarea, select, .chkbox {
color: #454545;
}

#name, #vorname, #strasse, #plz_ort,  #tel, #email, #www, #bemerkungen, #referer, #handelspotionen, #submit, #firstname, #lastname, #birthday, #zip_city,  #gender, #size, #weight, #address, #telephone, #subject, #experiences, #notice {
margin-top: 2px;
text-align:right;

}

.title {
text-align:left;
width: 112px;
float: left;
font-weight: bold;
font-size: 11px;
color: #333;
}

#vorname input, #name input, #strasse input, #tel input, #email input, select, #firstname input, #lastname input, #birthday input, #size input, #weight input, #address input, #zip_city input, #telephone input, #subject input, #notice textarea, #experiences textarea {
width: 170px;
font-family: Arial, sans-serif;
border:1px solid #666;

}

#bemerkungen textarea {
width: 288px;
height: 150px;
font-family: Arial, sans-serif;
border:1px solid #666;
font-size: 12px;
}

#plz_ort input.plz  {
width: 38px;
border:1px solid #666;
}

#plz_ort input.ort  {
width: 125px;
margin-left: 5px;
border:1px solid #666;
}

.chkbox {
width: 360px;
}

.formerror ul, .error ul {
font-weight: normal;
margin-top: 5px;
margin-bottom: 0;
}

.tx-thmailformplus-pi1 .error { color:#666; border:1px solid #666; padding:3px 0 0 0; margin:0; width:288px; } 
.tx-thmailformplus-pi1 form #submit input { font-weight: bold; border:1px solid #333; width:120px; color:#fff; text-align:center; background-color:#666;  }
.tx-thmailformplus-pi1 form #submit { text-align:right; }


/*--- newsletter ----*/


.form { margin:0; padding:10px 0 0 0; width:180px; text-align:left; }

.form p.bodytext { display:none; }

#email input.m_tin { width:130px; }
#email .title { width:40px; }
#name input.m_tin { width:130px; }
#name .title { width:40px; }

#submit input.mbtn { 
 width:132px;
 border:1px solid #000; 
 background-color: #666; 
 font-size:10px;
 color:#fff; 
 text-align:center; 
}

.error { color:#800000; border:1px solid #800000; padding: 3px; margin:0 0 3px 0; }




/* ------------- News ------------------- */
.clearer { display:none;  }

.news-list-container { padding-top:10px; }

.news-latest-date, .news-list-date {
 color: #666;
 margin-bottom: 3px;
 font-size:9px;
}

.news-latest-item, .news-list-item {
margin:0;
padding:10px 0 20px 0; 
}

.news-list-item { border-bottom:0px solid #ccc; }
.news-list-item h3 { margin:0; padding:0; }
.news-list-item h3 a { margin:0; padding:0; }


.news-list-item .line { border-top:1px solid #666; }
.news-list-item .news_text { width:200px; clear:left; float:right; }

.news-latest-image, .news-list-image {
 float:left; margin-right:10px; margin-bottom:1px;
}
.news-list-image img { border: none; }
.newsimage { margin:0; padding:0; }
.news-single-author { margin:0; padding:0; }

.news-latest-teaser h3, .news-list-teaser h3  {
font-size: 12px;
margin: 0;
}

/* ---- fotobook ----*/
.tx-gooffotoboek-pi1 { width:550px; }
.thumbs_index  { width:550px; }
.tabel table { width:100%; border:0px solid #fff; }
.gfpb_portret { text-align:center; }
.gfpb_landscape { text-align:center; }

.gfpb_landscape img, .gfpb_portret img { border:1px solid #fff; }
.gfpb_landscape img:hover, .gfpb_portret img:hover { border:1px solid #800000; }
.browse { padding:5px 0 5px 0; text-align:center; }
.browse a { color:#800000; font-weight:bolder; }

.gallery_box_single .gallery_img_single { text-align:center; }
.gallery_box_single .gallery_img_single img { border:1px solid #fff; }
.gallery_box_single .gallery_img_single img:hover { border:1px solid #800000; }



/* ---- programm ----*/

.programmItem { margin-bottom: 10px; }
.programmItemDate { font-size: 11px; }
.programmItemNotice {}