/*


############## Farbwerte
Rot: #5e0000
Orange: #fed15a
mint gr�n: #e3e0b6
*/

html, body { 
	height: 100%; 
	width: 100%; 
	margin: 0px; 
	padding: 0px;
} 

body { 
	font-size: 13px;
	font-family:  Verdana, Arial, Helvetica, Geneva, sans-serif;
	height: 100%; 
	width: 100%;  
	text-align:center;
	color:#2e2d30;
	background-color: #f7d986;
} 

.clear {
clear:both;
}

fieldset {
border:none;
}

ul, ol {line-height:140%;margin-bottom:1em;margin-top:0;}
li {}

p.bodytext A {color:#000000}

A {color:#000000}
A img {border:none;}


p.bodytext a {
color:#000000;
text-decoration:underline!important;
}

h1 {
padding:0;
margin:0;
font-family:georgia;
}

h2 a{}

blockquote {
font-family: georgia;
font-size:16px;
color:#5e0000;
}


/*Seiten Aufteilung*/
#wrapper_all{
text-align:center;
}

#wrapper_site {
width:987px;
margin:auto;
}

#site{}	
#header_container{}

#header {
margin-top:20px;
height:175px;
background-image: url(../img/header.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

#header img {
margin-top:-15px;
margin-left:-8px;
}


#main_area{
background-color:#5e0000;
width:100%;
margin:auto;
display:block;
min-height:850px;
height:auto;
text-align:left;
padding-bottom:25px;
}

#content_area{
background-image: url(../img/main-back.jpg);
background-position: top center;
background-repeat: no-repeat;
margin-top:8px;
padding-bottom:5px;
display:block;
min-height:650px;
}

#content {}
.home {}

/*######################
  Home Content
  ###################*/

#pinwand_area {
position:relative;
height:550px;
width:970px;
clear:both;
}

.zettel_area {
text-align:left;
}

.news-latest-container {
position:relative;
left:65px;
width:320px;
}

#content_area_subpages_left .news-latest-container {
position:relative;
left:25px;
top:-15px;
width:320px;
}


.news-latest-date {
font-family: georgia;
font-size:18px;
color:#000000;
font-weight:bold;

}

.news-latest-text h3 {
text-align:left;
padding:0;
color:#000000;
font-family: georgia;
font-size:25px;
margin:0;
color:#5e0000;
}


.news-latest-text h3 a {
color:#5e0000;
text-decoration:none;
}
.news-latest-text h3 a:hover {
color:#5e0000;
text-decoration:underline;
}

.news-latest-text {
text-align:left;
color:#000000;
font-family:verdana;
font-size:14px;
text-align:left;
padding-bottom:10px;
}

#content_area_subpages_left .news-latest-text {width:250px;}

#content_area_subpages_left .news-latest-text h3,
#content_area_subpages_left .news-latest-text h3 a {
font-size:14px;
line-height:16px;
}

#content_area_subpages_left .news-latest-date {font-size:12px;
margin-bottom:0;
}

/*Zettel*/
#pinwand_news {
position:absolute;
top:20px;
left:20px;
z-index:2;
}

/*Papier Rolle*/
#pinwand_slogan {
position:absolute;
top:5px;
left:380px;
z-index:1;
}

#pinwand_photo {
position:absolute;
top:220px;
left:420px;
z-index:4;
}

/*Postit*/
#pinwand_free_text {
position:absolute;
top:220px;
left:650px;
z-index:0;
}


.postit_area_content h3 {
color: #5e0000;
}


/*###################
  Startseite unten
  ###################*/
  
  
#content_area_unten {
position:relative;
top:-15px;
z-index:7;
margin:auto;
width:956px;
text-align:left;
}

#content_unten_top {
background-image: url(../img/content_header.gif);
background-repeat: no-repeat;
width:100%;
height: 160px;
}

#content_unten_content {
background-color: #e3e0b6;	
min-height:260px;
margin-bottom:-30px;
}

#content_unten_content_left {
float:left;
width:30%;
}

#content_unten_content_right {
float:right;
width:70%;
}



#car {
position:absolute;
margin-top:-294px;
margin-left:15px;
}
.the_car {
z-index:50;
}

#car_home {
position:absolute;
margin-left:15px;
margin-top:-280px;
z-index:50;
}


/*############
FOOTER
############*/

#footer {
clear:both;
position:relative;
top:0;
z-index:10;
}



/*#####################
  Flexform Elemente
######################*/

/*Postit*/
#content .postit_area {
margin-top:40px;
margin-left:18px;
background-image: url(../img/postit.gif);
background-repeat: no-repeat;
width:320px;
height:300px;
text-align:left;
}
 
#pinwand_free_text .postit_area_content {
width:80%;
margin-left:25px;
text-align: center;
font-family:georgia,times;
font-size: 18px;
font-style: italic;
padding-top:55px;
}

#content_area_subpages_left .postit_area_content {
width:200px;
margin-left:20px;
text-align: center;
font-family:georgia,times;
font-size: 18px;
font-style: italic;
padding-left:0;
padding-top:35px;
}

#content_area_subpages_left .postit_area_content h3{
padding-bottom:0;
margin-bottom:0;
}

#content_area_subpages_left .postit_area_content p{
padding:0;
margin:0;
}

#content_area_subpages_left .postit_area_content h1 {
margin-top:20px;
font-size:30px;
color:#5e0000;

}
.prolle_area {
background-image: url(../img/p-rolle.gif);
background-repeat: no-repeat;
width:597px;
height:289px;

}
.prolle_area_content {
position:relative;
top:50px;
left:90px;
width:70%;
text-align: center;
font-family:georgia,times;
font-size: 26px;
font-style: italic;
font-weight: bold;
color:#5e0000;
}


/*Papier Rolle*/
.zettel_area {
background-image: url(../img/zettel.gif);
background-repeat: no-repeat;
width:468px;
height:472px;

}
.zettel_area_content {
position: relative;
top:50px;
left:0;
text-align: left;
width:70%;
text-align: center;
font-family:georgia,times;
color:#5e0000;
}



/*Bild mit Rahmen*/
.bilderrahmen_area_all {
position:absolute;
}
.bilderrahmen {
position:absolute;
z-index: 1;
}
.bilderrahmen_img {
position:absolute;
top:17px;
left:17px;
z-index: 0;
}


/*Unterseiten*/
#content_area_subpages {
position: relative;
top:7px;
width:100%;
}

#content_area_subpages_left {
width:295px;
float:left;
display:block;
}


#content_area_subpages_right {
width:655px;
float:right;
margin-right: 30px;
margin-top:15px;
height:auto;
}

#content_area_subpages_right_top {
height:31px;

}

#content_area_subpages_right_content {
background-image: url(../img/subcontent_background.gif);
padding-left: 25px;
padding-right: 25px;
text-align:left;
display:block;
overflow:hidden;
min-height:620px;
}

#content_area_subpages_right_content h1{
color: #5e0000;
width:530px;
padding-bottom:10px;
}

#content_area_subpages_right_content h2{
padding-top:0;
margin-top:0;
}



/*Subpage rechte Spalte*/
#content_area_subpages_left .zettel_area {
background-image: url(../img/subp_zettel.gif);
background-repeat: no-repeat;
width:356px;
height:359px;
text-align: left;
}

#content_area_subpages_left .zettel_area_content p{
left:0;
text-align: left;
}

/*Subpage Postit*/
#content_area_subpages_left .postit_area {
background-image: url(../img/subp_postit.gif);
background-repeat: no-repeat;
width:250px;
height:240px;
position: relative;
top:0;
left:30px;
}



#content_area_subpages .the_car {
position:absolute;
top:500px;
left:18px;
}


/**********
       Navi Zettel Area
**********/

.zettel_area ul{
padding-left:38px;
text-align:left;
list-style-type: none;
}

.zettel_area li{
font-family: georgia;
font-size:18px;
line-height:24px;
font-weight:bold;
text-align:left;
padding-bottom:5px;
}

.zettel_area li a{
text-decoration:underline;
}
.zettel_area li a:hover{
text-decoration:none;
}
.listrow-odd{
background-color: transparent!important;
}



/**********Tabelle Spalte Kurs**********/
.tx-seminars-pi1-title{
font-weight: bold;
width:200px;
text-align:left;
margin-left:0;
padding-left:0;

}

td.tx-seminars-pi1-title{
padding-right:10px;
}


/********** Tabelle Spalte Termin**********/


.tx-seminars-pi1-listrow table {
border:0;
padding:0;
margin-left:0;
}

.tx-seminars-pi1-listrow table td{
border-bottom: solid 1px #5e0000;
padding:10px;
padding-bottom:20px;
}

td.tx-seminars-pi1-date{
text-align:left;
width:170px;
}

.tx-seminars-pi1-listrow table a{
text-decoration:none;
margin-left:0;
padding-left:0;
}

.tx-seminars-pi1-listrow table a:hover{
text-decoration:underline;
}

.tx-seminars-pi1-browsebox p{
text-align:left;
padding-top:5px;
padding-bottom:3px;
padding-left:11px;
}



/********
Contact Form
********/

#themailform fieldset{
border:0;
width:597px;
height:auto;
}

#themailform label {
width:300px;
margin-top:15px!important;
}

#themailform textarea,
#themailform input {
width:40%;
}

.csc-mailform-field {
margin-top:10px;
}


p.csc-linkToTop{
padding-bottom:20px;
}
#themailformWie_Haben_sie_uns_gefunden legend {
display:none;
}

.csc-mailform-radio {width:20px;}


/*Rote Text Box*/
.csc-frame-frame1 {
background-color:#5e0000;
color:#fff;
clear:both;
line-height:140%;
display:block;
margin-right:10px;
margin-top:15px;
padding-top:2px;
padding-bottom:1px;
padding-left:10px;
padding-right:7px;
}

/***********
Seminar-Liste
************/
.tx-seminars-pi1 {

}

.seminar-info-row {
clear:both;
margin-bottom: 10px;
}

.seminar-info-row p{
}

.seminar-info-row p.detail{
font-weight: bold;
}
.seminar-info-row p.bodytext{
clear:both;

}

p.detail {
width:150px;
display:block;
float:left;
}

p.detail-1 {
width:150px;
display:block;
float:left;
}

p.detail-place {
width:150px;
display:block;
float:left;
}

.place_info {
width:70%;
float:left;
}

/***********
Anmeldung
************/

#tx-seminars-pi1-registration-form legend{
font-size:15px;
font-weight:bold;
margin-top:20px;
}

.sem-reg-header h3{
display: block;
margin: 0;
float:left;
margin-right: 20px;
}

p.single-info-content{
margin-top:10px;
padding-top:2px;
}


#tx-seminars-pi1-registration-form label{
float: left;
width:150px;
}

#tx-seminars-pi1-registration-form fieldset{
height: auto;
margin:0;
padding:0;

}

#tx-seminars-pi1-registration-form dl{
clear:both;
height:auto;
padding-bottom:20px;
}

#tx-seminars-pi1-registration-form select{
margin-bottom:10px;
}

#tx-seminars-pi1-registration-form dl dd{
height:auto;
}

#tx-seminars-pi1-registration-form textarea{
font-family: arial;
font-size:12px;
padding:2px;
width:200px;
height:60px;
}

#tx-seminars-pi1-registration-form input{
width:203px;
}


span.tx-seminars-pi1-registration-zip input{
width:50px !important;
}

span.tx-seminars-pi1-registration-city input{
width:144px !important;
}

.tx-seminars-pi1-submit input{
margin:0;
margin-left:80px;
margin-bottom:5px;
padding:3px;
height: 35px;
font-weight:bold;
font-family:georgia;
font-size:16px;
cursor:pointer;
background-color:#5e0000;
color: #f8d986;
border:2px dashed #f8d986;
}

.tx-seminars-pi1-submit input:hover{
cursor: pointer;
background-color:#ffffff;
color:#000000;
}

span.tx-seminars-pi1-registration-gender {
}


.tx-seminars-pi1-registration-gender select{
float:left;
margin-right:5px;
margin-bottom:0!important;

}

span.tx-seminars-pi1-registration-name input{
width:145px !important;
}

#tx-seminars-pi1-registration-form h3 {
display: block;
margin: 0;
margin-right: 20px;
width:200px;
float: left;
}

#tx-seminars-pi1-registration-form p{
display:block;
clear:both;
}

.detail-date {
width:70%;
float:left;
font-weight:bold;
}

.seminar-info-row h1 {
clear:both;
}
.seminar-info-row h1 a {
display:block;
color:#5e0000;
margin-bottom:20px;

}


dt.seats {
clear:both;
margin-top:15px;
}