/* --- grundsaetzliches --- */

* {margin:0; padding:0;}

img {display:inherit; border:0;}

/* --- layout --- */

body {
background:#ffffd7 url(design/bg_pattern.jpg);
color:#000;
font: 9pt helvetica,"Trebuchet MS",geneva,verdana,sans-serif;
letter-spacing: 0pt;
word-spacing: 0pt;
line-height: 1.4em;
}

#meta_container {
background:transparent url(design/logo_links.jpg) no-repeat;
position: absolute;
width: 100%;
height: 821px;
margin: 0;

}

#container {
position:relative;
background:transparent;
width:708px;
height: 100%;
margin:0 0 auto 255px;
}



#header {
position:relative;
background: transparent url(design/tonart_header.png) no-repeat left;
width:708px;
height:108px;
margin-top:30px;
/*old: 51px */
margin-left: 0px;
}


a#top {
display:block;
width:66em;
height:100px;
padding-top:17px;
}

p.cl {
clear:both;
height:1px;
margin:0;
}

div#downloads {
display: block;
width: 550px;
margin-left: 0px;
}



/* --- navigation --- */

ul#Navigation {
position: relative;
background: transparent url(design/menue_bg.png) no-repeat left;
width:708px;
height:105px;
display:block;
text-align: left;

}




ul#Navigation li {
float:left;
list-style: none;
display: block;
margin-top:0;
margin-left:0;
}

ul#Navigation a {
padding: 0;
margin: 0;
}

ul#Navigation li a:hover {
color:#000;
}

div#submenu {
position:relative;
background: transparent;
width:708px;
height:30px;
display:block;
text-align: left;
margin-top: 30px;
}

div#submenu ul {
margin:0;
}

div#submenu ul li {
float:left;
list-style:none;
display:inline;
}
div#submenu ul li a {
padding:0;
display:block;
}

/* --- seitliche boxen --- */

div#aktuelles ul, div#newsbox ul {
list-style:none;
margin: 6px 0 6px 0;
border-top: 1px dotted #333;
padding: 0;
}

div#aktuelles h2, div#newsbox h2, div#newsletter h2, div#whoisonline h2, div#internal_news h2, div#members_login h2 {
text-align:right;
font-family: georgia;
font-size: 1.6em;
font-style:normal;
text-transform:uppercase;
padding: 4px 0px 6px 25px;
letter-spacing: 1px;

}

div#aktuelles h3, div#newsbox h3, div#members_login h3 {
text-align:left;
font-family: helvetica,geneva,verdana,sans-serif;
font-size: 1em;
font-style:inherit;
padding: 4px 0px 0px 0px;
letter-spacing: 1px;

}

div#newsbox  {
text-align:left;
padding:0 2px 0 0;
vertical-align: top;
width: 220px;
float: right;
clear: right;
padding:0;
margin-top: 15px;
color: #000000;
background:transparent url(design/rosette.jpg) no-repeat;
}

div#newsletter {
text-align:left;
padding:10px 2px 0 0;
vertical-align: top;
width: 220px;
float: right;
clear: right;
padding:0;
margin: 0;
color: #000000;
background:transparent url(design/rosette.jpg) no-repeat;
}


div#whoisonline {
text-align:left;
padding:0 2px 0 0;
vertical-align: top;
width: 220px;
float: right;
clear: right;
padding:0;
margin-top: 0;
color: #000000;
background:transparent url(design/rosette.jpg) no-repeat;
}

div#onlineshop {
text-align:left;
padding:0px 2px 10px 0;
vertical-align: top;
width: 220px;
float: right;
clear: right;
margin: 10px 0 10px 0;

}

div#internal_news {
text-align:left;
display: block;
padding:20px 2px 0 0;
vertical-align: top;
width: 220px;
float: right;
clear: right;
padding:0;
margin-top: 0px;
margin-bottom: 25px;
min-height: 100px;
color: #000000;
background:transparent url(design/rosette.jpg) no-repeat;
}

div#aktuelles {
vertical-align: top;
text-align:left;
padding:0 2px 0 0px;
width: 220px;
float: right;
margin-top: 25px;
color: #000000;
clear: right;
background:transparent url(design/rosette.jpg) no-repeat;
}

div#members_login {
vertical-align: top;
padding:0 2px 15px 0;
width: 220px;
float: right;
margin-top:15px;
margin-bottom:15px;
clear: right;
text-align: right;
margin-left: auto;
margin-right: 0px;


/* background:transparent url(design/rosette.jpg) no-repeat; */
}



/* Box auf der "Aktuelles"-Seite rechts: */
div#termine_sidebox {

text-align:left;
padding:0 2px 0 0;
vertical-align: top;
width: 200px;
float: right;
clear: right;
padding:0;
margin-top: 0;
color: #000000;
background:transparent url(design/xxxxxxxx.jpg) no-repeat;
}


/* --- div für projekt-navi--- */
div#up_down {
vertical-align: top;
width: 20px;
float: right;
padding:1px;
margin: 1px;
/* clear: right; */

}




/* --- footer --- */

#footer {
width:100%;
height:34px;
clear:both;
background:transparent;
border-top:1px solid #333;
color:#000;
margin:100px 0 1em 0;
}

#footer ul {
margin: 0 auto;
padding:8px 0 0 0;
width:100%;
height:26px;
text-align:center;
}

/* --- haupttext container --- */

#text {
float:left;
margin-top:0px;
width: 70%;

}


#texthome {
float:left;
width: 65%;

}


#main {
float:left;
margin-top:110px;
width: 100%;
}

#main_gallery {
float:left;
margin-top:110px;
margin-right: 0px;
width: 100%;
}

#main ul {
padding-left: 20px;
}


/* --- links --- */

a:link {
color:#4c908d;
text-decoration:none;
text-transform:uppercase;
}

a:hover, li a:hover {
color:#000;
text-decoration:none;
text-transform:uppercase;
}

a:visited {
color:#4c908d;
text-decoration:none;
text-transform:uppercase;
}

/* --- textauszeichnungen --- */

p, #newsbox span, ul {
margin: 0 0 0 0;
}

h2 {
padding: 5px 0 0 0;
}

h1 {
text-align:left;
font-family: georgia;
font-size: 1.8em;
font-weight:normal;
text-transform:uppercase;
margin: 0 0 10px 0;
letter-spacing: 1px;
}

h2 {
text-align:left;
font-family: georgia;
font-size: 1.4em;
font-weight:normal;
text-transform:uppercase;
margin: 0 0 10px 0;
letter-spacing: 1px;
}

h6 {
text-align:left;
font-family: georgia;
font-size: 1.8em;
font-weight:normal;
text-transform:uppercase;
margin: 10px 0 15px 0;
letter-spacing: 1px;
}



.system {
text-align:center;
padding:1em;
border:1px solid #9FBCDE;
background:#FFF;
}

.counter, .adminlink {
width:100%;
text-align:center;
margin:1em auto;
}

div.newseintrag {
margin:0 0 10px 0px;
clear:left;
border:none;
padding:7px 7px 7px 0;
background:transparent url(design/box_bg.png) no-repeat top left;
}

div.newseintrag h3 {
font-family:Georgia, "Times New Roman", Times, serif;
color: #ffffcc;
font-size: 1.7em;
letter-spacing: 1.1px;
text-decoration:none;
font-weight:normal;
margin-bottom: 10px;
padding: 0 0 10px 7px;
text-transform:uppercase;
}

div.newseintrag h3 a {
color: #ffffcc;
}


/* Presseeintrag */
div.presseeintrag {
margin:0px 0px 10px 0px;
clear:left;
border:none;
padding:7px 7px 7px 0px;
background: url(design/box_bg.png) no-repeat top left transparent;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing: 1.1px;
text-decoration:none;
font-weight:normal;
}

div.presseeintrag h3 {
font-family:Georgia, "Times New Roman", Times, serif;
color: #ffffcc;
font-size: 1.7em;
letter-spacing: 1.1px;
text-decoration:none;
font-weight:normal;
margin-bottom: 10px;
padding: 0 0 10px 7px;
text-transform:uppercase;
}

div.presseeintrag h3 a {
color: #ffffcc;
}


/* KONTAKT */

div kontakt .textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
div kontakt .textinputHovered {
	background-position:left bottom;
}

.kontakt_input {
	padding-bottom: 5px;
	margin: 10px;
	border: 1px #c0c0c0 solid;
	font-family: Verdana, Arial;
	font-size: 12px;
	float: left;
}

.kontakt_label {
	padding-bottom: 5px;
	margin: 10px;
	font-family: Verdana, Arial;
	font-size: 12px;
	float: left;
	clear: left;
	width: 100px;
}

.kontakt_submit {
margin: 5px;
border: 1px solid #D9DDDE; 
background: url(../design/button_bg_1.gif) repeat-x;
font-size: 12px;
color: #000000;
padding: 0 10px 0 10px;
float: left;
clear: both;
}



ul.presseeintrag {
margin:20px 0 0 0;
text-align:center;
border-top:1px dotted #000;
}

ul.presseeintrag li, #footer ul li{
list-style:none;
display:inline;
}



ul.newseintrag {
margin:20px 0 0 0;
text-align:center;
border-top:1px dotted #000;
}

ul.newseintrag li, #footer ul li{
list-style:none;
display:inline;
}

li.n1 {
float:left;
text-align:left;

}
li.n2 {
text-align:center;

}
li.n3 {
float:right;
text-align:right;
}

tr.row0 {
background: #f0f0f0;
border-bottom: 1px solid #909090;
}

tr.row1 {
background: #d0d0d0;
border-bottom: 1px solid #909090;
}


textarea {
background: #f0f0f0;
}

table.fundliste {
padding: 5px;
margin: 0px;
background-color: #f0f0f0;
}

td.suche_fundliste {
background-color: #ff957A;
padding: 4px;
margin-bottom: 20px;
border-top: 1px solid #a0a0a0;
border-bottom: 1px solid #a0a0a0;
}

td.gefunden_fundliste {
background-color: #8fd600;
padding: 4px;
margin-bottom: 20px;
border-top: 1px solid #a0a0a0;
border-bottom: 1px solid #a0a0a0;
}

table.mitfahrzentrale {
padding: 5px;
margin: 5px;
background-color: #f0f0f0;
border: 1px solid #c0c0c0;
font: 10px 
}



/* ----- Background für Tabelle - Migliederverwaltung ----- */
tr.row0 {
background-color: #f0f0f0;
}

tr.row1 { 
background-color: #7AAFFF;
}

tr.tab_head {
background-color: #0066FF;
}


#versteckt {
  display:none;
}



/* --------- Login-Inputfield und Button --- */
  
.login_input {
font-family:Tahoma,Arial,sans-serif;
color:#000000;
font-size:12px;
border: 1px solid #c0c0c0;
background-color: #ffffd7;
height:15px;
margin: 5px 0 10px 10px;
}

.login_button {
margin:5;
border:1px solid #D9DDDE; 
background: url(../design/button_bg_1.gif) repeat-x;
font-size:12px;
color: #000000;
padding: 0 10px 0 10px;
}


/* --------- Finanzverwaltung --- */
.fv_legend {
float: left;
clear: left;
padding: 5px;
font-family: verdana,arial;
font-size: 16px;
font-weight: bold;
color: #000000;
}

.fv_label {
float: left;
clear: left;
width: 150px;
padding: 5px;
font-family: verdana,arial;
font-size: 14px;
color: #000000;
margin-bottom: 10px;
}

label.error{
float: right;
width: 100px;
padding: 5px;
font-family: verdana,arial;
color: #000000;
font-size: 10px;
display: inline;
}

.fv_input {
float: left;
clear: right;
width: 300px;
padding: 5px;
font-family: verdana,arial;
font-size: 12px;
color: #000000;
margin-bottom: 10px;
}

.fv_input error{
float: left;
clear: right;
width: 300px;
padding: 5px;
font-family: verdana,arial;
font-size: 12px;
color: #000000;
border: 1px solid #ff0000;
margin-bottom: 10px;
}

.fv_textarea {
float: left;
width: 400px;
padding: 5px;
font-family: verdana,arial;
font-size: 12px;
color: #000000;
margin-bottom: 10px;
margin-left: 10px;
background-color: #ffffff;
}

.fv_checkbox {
float: left;
padding: 5px;
font-family: verdana,arial;
font-size: 12px;
color: #a0a0a0;
margin-bottom: 10px;
}

.fv_button {
float: left;
border: 1px solid #a0a0a0;
background: #81bef7;
font-family: verdana,arial;
font-size: 12px;
margin: 5px;
padding: 10px;
}


/* --------- TonArt Management Tool --- */

/* OLD MAIN OVERVIEW STYLES */

.tmt_milestone {
margin-bottom: 30px;
padding: 2px;
border: 1px solid #c0c0c0;
box-shadow: 10px 10px 5px #888;
}

.tmt_datum {
display: block;
background: #f5f5f5;
padding: 5px;
font-family: georgia,verdana;
font-size: 24px;
float: right;
}

.tmt_headline {
display: block;
background: #2e9afe;
padding: 5px;
font-family: georgia,verdana;
font-size: 18px;
color: #ffffff;
float: none;
}

.tmt_description {
display: block;
background: #a9e2f3;
padding: 5px;
font-family: georgia,verdana;
font-size: 16px;
float: none;
}

.tmt_tasks {
display: block;
background: #cee3f6;
padding: 5px;
font-family: verdana;
font-size: 14px;
float: none;
}


/* NEW OVERVIEW STYLES */

.tmt_selection_area {
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

.tmt_task {
margin-bottom: 50px;
padding: 2px;
border: 1px solid #c0c0c0;
box-shadow: 10px 10px 5px #888;
overflow: auto;
background: #ffffbb;
width: 650px;

}

.tmt_task_headline {
display: block;
background: #2e9afe;
padding: 5px;
font-family: georgia,verdana;
font-size: 18px;
color: #ffffff;
float: none;
}

.tmt_task_dutydate {
display: block;
background: #f5f5f5;
padding: 5px;
font-family: georgia,verdana;
font-size: 24px;
float: right;
clear: right;
}

.tmt_task_description {
display: block;
background: #a9e2f3;
padding: 5px;
margin: 5px;
font-family: arial,verdana,sans-serif;
font-size: 12px;
width: 450px;
min-width: 400px;
min-height: 150px;
float: left;
overflow: auto;
}

.tmt_task_responsible {
display: block;
background: #a9e2f3;
padding: 5px;
margin: 5px;
font-family: arial,verdana;
font-size: 12px;
width: 150px;
float: left;
}

.tmt_task_exec {
display: block;
background: #a9e2f3;
padding: 5px;
margin: 5px;
font-family: arial,verdana;
font-size: 12px;
width: 150px;
float: left;
}

.tmt_overview_list {
list-style: none;
}

#ass_area {
height: 200px;
width: 500px;
border: 1px dotted #ff0000;
display: block;
background: #aabbdd;
}


.item {
    border: 1px solid #a0a0a0;
    margin: 3px;
    padding: 3px;
    background: #f5f5f5;
	width: 150px;
}