/** 
CSS Template Spezi Clique 1905; http://www.spezi.ch
margin:     Aussenabstand (Abstand zum naechsten Element ausserhalb einer Box)
padding:    Innenabstand (Innenabstand innerhalb der Box zu Boxinhalt) 
*/

/* -------- [ SCHRIFTEN] -------- */
#special-box,
#special-box p.bodytext {
	font-size: 12px;
	color: #FFFFFF;
}

#special-box a {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #FFF;
	text-decoration: none;
}

#special-box a:hover {
	text-decoration: underline;
}

div#mainContent h1 {
    color: #cc3300;
	font-size: 160%;
    font-weight: bold;
	padding-top: 5px;
	text-transform: uppercase;
}

div#sideBar h1 {
    /*color: white;	*/
    color: #cc3300;
    font-size: 120%;
    font-weight: bold;
    padding-top: 10px;
    text-transform: uppercase;
}

div#mainContent h2 {
    color: #cc3300;
    font-size: 130%;
    font-weight: bold;
}

div#sideBar h2 {
    color: #cc3300;
    font-weight: bold;
    font-size: 115%;
}

div#mainContent h3 {
    color: #cc3300;
    font-style: italic;
    font-size: 110%;
}

div#sideBar h3 {
    color: #cc3300;
    font-style: italic;
    font-size: 100%;
}

div#sideBar p.bodytext{
    font-size: 80%;
}

p.csc-caption, .csc-uploads-fileName, .csc-uploads-description {
    padding-bottom: 10px;
	font-size: 8pt;
	color: #939393;
}

/* -------- [ BLOECKE ] -------- */
body {
    text-align : center;
    background: white;
    font-family: Verdana, sans-serif;
}

#pageWrapper {
    margin: 0 auto;
    text-align: left;
    width: 800px;
    background: white;
    padding: 3px;
    margin-bottom: 5px;
}

#pageHeader {
    height: 126px;
    width: 800px;
    background: black url(/fileadmin/template/main/HeadImage.png) top left no-repeat;
    
}

#special-box {
	width: 120px;
	height: 10px;
	float: right;
}

#special-box-content {
	padding: 3px 10px 3px 3px;
}

#mainCat {
    height: 15pt;
    width: 800px;
   	background: black;
    padding-top: 5px;
    padding-bottom: 3px;
	font-size: 10pt;
	text-transform: uppercase;
    border-top: 1px solid white;
	border-bottom: 1px solid #202020;
}

#subMenu {
    height: 16px;
    width: 800px;
   	background: black;
    padding-top: 3px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

#content {
    color: black;
	margin-top: 20px;
    margin-bottom: 10px;
	width: 100%;
    font-size: 12px;
}

#mainContent {
    float: left;
    width: 60%;
    background: transparent;
/*    padding-left: 5px;*/
}

#sideBar {
    float: right;
    width: 33%;
    /*background: #E7E7E7;*/
    background: #E0E9E9;
    padding-left: 15px;
/*	padding-right: 2px;*/
}

#footer {
    clear: both;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 30px;
    color: white;
  	background: black;
	padding-top: 20px;
}

span#mainContent p.bodytext, table, td.td-0 p {
	border-bottom: 1px;
	color: black;
}

span#sidebar p.bodytext {
	border-bottom: 1px;
	color: black;
	font-size: 12px;
}


/* -------- [ LINKS ] -------- */
span.mainCat_1-act a:hover {
    color: white;;
    width: auto;
    margin-left: 10px;
    text-decoration: underline;
	font-weight: bold;
}

span.mainCat_1-act a:link, span.mainCat_1-act a:visited {
    color: #fff;
    padding: 1px;
    width: auto;
    margin-left: 10px;
    color: white;
	font-weight: bold;
}

span.mainCat_1-no a:hover {
    width: auto;
    margin-left: 10px;
    color: #999999;
    text-decoration: underline;
	font-weight: bold;
}

span.mainCat_1-no a:link, span.mainCat_1-no a:visited {
    margin-left: 10px;
    font-weight: bold;
	color: #999999;
}

.subMenu_1_2-act a:hover {
    color: white;
    font-size: 8pt;
    margin-left: 10px;
	padding: 3px;
	text-decoration: underline;
}

.subMenu_1_2-act a:link, .subMenu_1_2-act a:visited, .subMenu_1_2-act a:active, .subMenu_1_2-act a:focus {
    color: white;
    font-size: 8pt;
    width: auto;
    margin-left: 10px;
	text-decoration: underline;
	padding: 3px;
}

.subMenu_1_2-no a:hover {
    color: 999999;
    font-size: 8pt;
    margin-left: 10px;
	text-decoration: underline;
	padding: 3px;
}

.subMenu_1_2-no a:link, .subMenu_1_2-no a:visited, .subMenu_1_2-no a:active, .subMenu_1_2-no a:focus {
    color: 999999;
    font-size: 8pt;
    margin-left: 10px;
	text-decoration: underline;
	padding: 3px;
}

a:link, a:focus, a:active, a:hover {
    color: #cc3300;
	text-decoration: underline;
	font-weight: bold;
}

a:visited {
    color: #455372;
    text-decoration: underline;
    font-weight: bold;
}

/* -------- [ TABELLEN ] -------- */
table.contenttable tr.tr-even td {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #cccccc;
}

table.contenttable tr.tr-odd td {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #e1e1e1;
}


/* -------- [ KALENDER ] -------- */
div.tx-cal-controller {
	width: 500px;
}


/* -------- [ PROFILSEITE ] -------- */
.formbox {
  width: 600px;
  color: #000;
  background-color: #cc9;
  border: 1px solid #666;
}

.reihe {
  clear: both;
  padding: 2px 0px;
}

.label {
  float: left;
  width: 200px;
  text-align: right;
  padding-top: 3px;
  padding-right: 5px;
}

.feld {
  float: right;
  width: 350px;
  text-align: left;
} 

.knopf {
  clear: both;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 30px;
}

.defbreite {
  width: 260px;
}

.profile-normal {
	width: 250px;
}

.profile-small {
	width: 200px;
}