body,html{
margin:0;
padding:0;
font-family:verdana;
}

BODY {background: #fff}


#full{text-align:center;}

#main{
margin:auto;
width:64em;
text-align:center;
padding: 40px 0px;
}

#menu{
float:left;
padding:0px 6px;
margin:0px;
text-align:right;

}

#container{
float:left;
width:48.6em;
border-style: solid; 
border-width: 1px;  
border-color: #66B257;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background-image: url(../images/headers/sidebarlebenshilfe.jpg);
background-repeat:no-repeat;
background-position: 0px 129px;
margin-bottom:10px;
}

#header{
margin:0px 0px;
padding:0px 0px;
text-align:left;
}

#inhalt{
width:33em;
padding:2px 18px 18px 18px;
margin:10px 0px 10px 192px;
text-align:left;

}

#spons{
padding:10px 0px 0px 0px;
margin:0px 0px 0px -14px;
}

#spons img{
padding-bottom:10px;
}

#valid
{
background: #fff;
width:100%;
}

#abschluss{
padding:10px 10px;
text-align:center;
}

#extras{
float:left;
width:4em;
}

.trenner{
clear:both;

}


/*sujet special*/


#inhalte{
}

#inhalt_links{
width:319px;
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#inhalt_mitte{
float:left;
width:14.2em;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:left;
}

#inhalt_rechts{
width:230px;
float:right;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#inhalt_links img{
padding:0px;
margin:0px;
}

#inhalt_rechts img{
padding:0px;
margin:0px;
}

#inhalt_mitte h1{
font-size: 120%;
font-weight:normal;
padding:0px 0px 18px 0px;
margin:0px;
line-height: 150%;
}

#inhalt_mitte p{
font-size: 80%;
padding:0px;
margin:0px;
line-height: 150%;
}


#header_links{
width:319px;
float:left;
background: #666;
}

#header_rechts{
width:230px;
float:right;
background-image: url(../images/headers/elementobenrechts.jpg);
height:100px;
}

/* ende sujet special */


/* weiter weiter */

#menu ul{
padding:0px;
margin:0px;
vertical-align:top;
}
#menu li{
padding:0px;
margin:0px;
font-size: 80%;
list-style-type:none;
line-height: 180%;
font-weight:bold;
}

#menu li a{
text-decoration:none;
font-weight:normal;
color:#000;
}

#inhalt p,#inhalt ul,#inhalt form{
font-size: 80%;
padding:0px;
margin:0px;
line-height: 150%;
}

#inhalt h1{
font-size: 160%;
font-weight:normal;
padding:0px 0px 18px 0px;
margin:0px;
line-height: 150%;
}

#inhalt h2{
font-weight:bold;
font-size: 80%;
padding:0px;
margin:0px;
line-height: 150%;
}

#inhalt a,#inhalt_mitte a{
color:#66B257;
font-weight:bold;
text-decoration:none;
}

.ticket-tabelle td{
border-style: solid; 
border-width: 1px;  
border-color: #000;
}


#inhalt table{
border-collapse:collapse;
border-spacing:5px;
font-size: 80%;
line-height: 150%;
width:100%;
}


.td-1, .td-2{
text-align:center;
}



/*bildtext*/
.csc-textpic-caption{
font-size: 64%;}

/* dfn menü und punkt verstecken*/
li dfn, .usb {
	display: block;
	position: absolute;
	left: -300px;
	height: 0px;
	width: 0px;
}

/* mailform*/
/*  haengt die Labels rechtsbuendig an 
    einer imaginaeren Mittelachse 5em 
    von links auf und kontrolliert den 
    Abstand zu den Kontrollelementen: */

label.left
{
    float            : left;
    text-align        : right;
/*  die naechsten zwei sind beliebig anpassbar,
    um in das jeweilige Gestaltungsraster (Sie 
    verwenden doch ein Gestaltungsraster, oder?) 
    zu passen. Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width            : 10em;
    margin-right    : .3em;
}

label.leftkarten
{
    float            : left;
    text-align        : right;
/*  die naechsten zwei sind beliebig anpassbar,
    um in das jeweilige Gestaltungsraster (Sie 
    verwenden doch ein Gestaltungsraster, oder?) 
    zu passen. Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width            : 33em;
    margin-right    : .3em;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text],
select
{
    float            : left;
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.right
{
    float                    :    left;
    width                    :    auto;
    clear                    :    both;
    margin-left                :    5.3em;
    margin-right            :    .3em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
    margin-left                :    12.3em;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear                    :    both;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
{
    line-height                :    140%;
}


/* mailform-ende */

#jedermenschflashcontent1{
padding:10px 0px 10px 0px;
margin:10px 0px 10px 0px;
text-align:left;
width:480px;
}
.homelink{
vertical-align:middle;
}

.valilinks a{
color:#ccc;

text-decoration:none;
font-family:verdana;
font-size:60%;
vertical-align:middle;
}