/*
    Stylesheet for veranstaltungstechnik.mno2.net

    (C)2007 Johannes Ott

    webmaster@mno2.net
    
*/

body {
    color:#000000;
    background-color:#82a0be;

    font-family:Arial, Verdana,sans-serif;
}

#top {
    height:20px;
}

#border {
    width:795px;
    height:595px;
    position:relative;
    margin:auto;

    background-color:#F5F5B4;

    border-width:2px;
    border-style:outset;
    border-color:#595999;
}


/* Kopf */

#header {
    background-image: url(../images/backgrounds/header.jpg);
    width:795px;
    height:70px;
    top:0px;
    left:0px;
    position:absolute;
}

#header h1 {
    color:#000000;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    padding-top:15px;
}


/*Menu*/

#menu {
    width:795px;
    height:30px;
    top:70px;
    left:0px;
    
    position:absolute;

    color:#e5e5e5;
    background-color:#446383;
}

#menu table {
    width:780px;
    margin:3px;
}

#menu td {
    text-align:center;
    background:transparent;
}

#menu td:hover {
    background:#444483;
}

#menu a {
    font-size:17px;
    font-weight:bold;
    text-decoration:none;
    
    color:#e5e5e5;
    background:transparent;
}

#menu a:hover {
    background:#444483;
}


/*Navbar*/

#navbar {
    width:795px;
    height:20px;
    bottom:0px;
    left:0px;

    position:absolute;

    font-size:10px;
    color:#e5e5e5;
    background-color:#446383;
}

#navbar table.navbar {
    width:789px;
    margin:0px;
}

#navbar td.navleft {
    text-align:left;
    padding-left:3px;
    background:#446383;
}

#navbar td.navright {
    text-align:right;
    background:#446383;
}


/*Inhalt*/

#main {
    width:795px;
    height:473px;
    top:105px;
    left:0px;

    position:absolute;

    font-size:12px;

    background-position:center;
    background-repeat:no-repeat;
}


#main .content {
    width:795px;
    height:450px;
    overflow:auto;
}


/*Fusszeile*/

#bottom {

    width:795px;
    height:18px;
    bottom:0px;
    left:0px;

    position:absolute;

    text-align:right;
    font-size:10px;
    color:#e5e5e5;
    
    padding-top:2px;
    
    background-color:#446383;
}

#logo-bottom {
    height:270px;
    background-image:url(http://www.veranstaltungstechnik.mno2.net/images/logos/page.jpg);

    font-size:10px;

    text-align:left;
    margin-left:30px;

    margin-top:10px;
    margin-right:30px;
    background-position:right top;
    background-repeat:no-repeat;
}

/*Seitendefinitionen*/


#impressum,
#disclaimer,
#error,
#sitemap,
#news, 
#referenzen {
    width:740px;
    margin:auto;
}

#editor {
    width:530px;
    margin:auto;
}

#equipment,
#details,
#statistik,
#kontakt {
    width:700px;
    margin:auto;
}





/*Allgemeine Formatierungen*/

/*Schrift*/

h1 {
    font-size:24px;
    font-weight:bold;
    text-align:center;
}

h2 {
    font-size:18px;
    font-weight:bold;
    margin-top:5pt;
    margin-bottom:7pt;
}

h3 {
    font-size:16px;
    font-weight:bold;
    margin-bottom:3pt;
}

h4 {
    font-size:12px;
    font-weight:bold;
    margin-top:0pt;
    margin-bottom:0pt;
}

h5 {
    font-size:12px;
    font-weight:normal;
    margin-top:0pt;
    margin-bottom:0pt;
}

#member h4 {
    margin-left:20px;
} 

.underline {
    text-decoration:underline;
}

.italic {
    font-style:italic;
}

.bold {
    font-weight:bold;
}

.red {
    color:#FB1212;
}

.green {
    color:#2ff542;
}

.blue {
    color:#000099;
}

span.art {
    font-size:12px;
}

span.stars {
    font-size:8px;
    vertical-align:text-top;
}

span.stars2 {
    font-size:8px;
    vertical-align:text-top;
}



/*Absaetze*/

p {
    margin-bottom:12px;
}

sub {
    vertical-align:sub;
}



/*Tabellen*/

#main table {
    margin-top:10px;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
    border-width:0px;
    empty-cells:show;
    text-align:left;
    vertical-align:top;
    border-collapse:collapse;
    border-spacing:0px;
}

#main table.noborder {
    border-width:0px;
}

#impressum table, 
#disclaimer table,
#news table,
#equipment table,
#statistik table,
#details table {
    width:100%;
}

#main table.entrie {
    table-layout:fixed;
 
    text-align:left;

    width:100%;
}

#picsindex table,
#pic table {
    margin-top:6px;
    margin-bottom:6px;
}

#allpics {
    width:100%;
    vertical-align:middle;
}
/*
#main thead{
    background-color:#ffffff;
}

#main tbody {
    background-color:#ffffff;
    background-image:url(../images/backgrounds/tables.jpg);
    background-position:center;
    background-repeat:no-repeat;
}
*/
/*Zellen*/

#main th.thleft {

    width:8px;
    height:48px;   
 
    background-image:url(../images/tables/th-left.png);
    background-repeat:no-repeat;

}

#main th.thmiddle {
    
    height:48px;   
    
    background-image:url(../images/tables/th-middle.png);
    background-repeat:repeat-x;

    color:#e5e5e5;

    text-align:left;
    padding-left:3px;

}

#main th.thright {

    width:13px;
    height:48px;   
    
    background-image:url(../images/tables/th-right.png);
    background-repeat:no-repeat;

}



#main td.tfleft {

    width:8px;
    height:15px;   
 
    background-image:url(../images/tables/tf-left.png);
    background-repeat:no-repeat;

}

#main td.tfmiddle {
    
    height:15px;   
    
    background-image:url(../images/tables/tf-middle.png);
    background-repeat:repeat-x;


}

#main td.tfright {

    width:13px;
    height:15px;   
    
    background-image:url(../images/tables/tf-right.png);
    background-repeat:no-repeat;

}

#main .tdleft {

    width:8px;
 
    background-image:url(../images/tables/td-left.png);
    background-repeat:repeat-y;

}

#main .tdmiddle {
    background-color:#FFFFFF;
}

#main .tdright {

    width:13px;
    
    background-image:url(../images/tables/td-right.png);
    background-repeat:repeat-y;

}

#main td.date {
    font-size:x-small;
    padding:3px;
}

#main td.maincontent {
    border-top-width:thin;
    border-top-color:#8484f4;
    border-top-style:solid;

    padding:10px;
}

#main td.disclaimer {
    font-size:x-small;
    padding:10px;
}

#main td.first {
    border-top-width:0px;
}

#main td.info {
    border-top-width:thin;
    border-top-color:#8484f4;
    border-top-style:solid;

    font-size:x-small;
    padding:3px;
}

#main td.webmaster {
    border-top-width:thin;
    border-top-color:#8484f4;
    border-top-style:solid;
}

#equipment th.preis {
    width:160px;
}

#equipment th.menge {
    width:75px;
}

#equipment th.bild {
    width:120px;
}

#equipment td {
    padding-top:3px;
    padding-bottom:3px;
}

#details td.beschriftung {
    vertical-align:top;
    font-weight:bold;
    width:200px;
}

#impressum td.leftcol {
    width:18%;
}

#impressum td.rightcol {
    width:82%;
}

#editor td.beschriftung {
    font-size:12px;
    font-weight:bold;
    padding-left:0px;
}

#editor th.notice {
    font-size:12px;
    background-color:#FFFFFF;    
}

#editor th.tdmiddle {
    padding-bottom:5px;
}

#editor td.feld {
    padding-left:0px;
}

#editor td.icon {
     background:#FFFFFF;
}

#editor .tdmiddle {
    background-color:#FFFFFF;
}

#editor td.icon:hover {
    background:#8484F4
}

#impressum td.adresse {
    font-size:10px;
    padding-top:5px;
}

td.arrows {
    width:67px;
}



/*Formulare*/

input {
    color:#000000;
    font-size:12px;
    font-family:Verdana,sans-serif;
    font-weight:bold;
    background:transparent;
}

select {
    color:#000000;
    font-size:12px;
    font-family:Verdana,sans-serif;
    font-weight:bold;
    background:transparent;
}

option {
    color:#000000;
    font-size:12px;
    font-family:Verdana,sans-serif;
    font-weight:bold;
    background-color:#FFFFFF;
}

textarea {
    color:#000000;
    font-size:12px;
    font-family:Verdana,sans-serif;
    font-weight:bold;
    background:transparent;
}



/*bilder*/

img {
    vertical-align:middle;
    border:0px;
}

img.thumb {
    border-width:1px;
    border-style:solid;
    border-color:#595999;
}

img.detail {
    border-width:3px;
    border-style:solid;
    border-color:#595999;
}

/*Links*/

a {
    color:#812d57;
    text-decoration:underline;
}

#navbar a { 
    color:#e5e5e5;
    background:transparent;
}

#navbar a:hover {
    background:#444483;
}

#bottom a { 
    color:#e5e5e5;
    background:transparent;
}

#bottom a:hover {
    background:#444483;
}


/*Sonstiges*/

.invisible {
    display:none;
}

.invisible2 {
    display:none;
}

.center {
    text-align:center;
}

.left {
    text-align:left;
}

.right {
    text-align:right;
}

#sitemap ul {
    list-style-type:none;
}

#referenzen ul {
    list-style-type:square;
    font-size:17px;
    font-weight:bold;
}

#details ul {
    list-style-type:square;
    padding-left:15px;
    margin-top:0px;
}

#hinweis {
    margin-top:20px;
    margin-left:20px;
    font-size:10px;
    
}

#wir img.wir {

    margin-left:12px;
    margin-right:12px;
    margin-bottom:8px;

}                

#wir div.wir {
    padding:12px;

}