/* @ 2009 martinasworld.net

/* #786082 helllila      #50365a dunkellila      */
/* #68aaaa dtuerkis      #7bb4c0 tuerkis         */
/* #e6e6e4 hellgrau (linklinie)                  */
/* #fefefe bgweiss       #fbfbf7 bggrau          */
/* #f59136 hellorange    #e5772e orange          */
/* #f4f4ec gruengrau     #ebead8 gruegrau-althp  */

/* #top  #header  #linkleiste  #main (#navigation #content)  #news  #linkleiste  */


body {
background-color: #fbfbf7;   		/* hintergrund bgweiss */
color: #000000;
font-family: verdana, arial;
font-size: 0.8em;			/* 100.01%; ?? */
text-align: left;
line-height: 1.4em;        		/* zeilenhohe 1.4 em*/
margin: 1em 0 1em 0;                   	/* aussenabstand 1em 0 1em 0 */
padding: 0;                  		/* innenabstand 0 */
}

#top {
border: 1px solid #8DBEC0;   		/* rahmen oben: 1px, durchgezogen, türkis */
background-color: #FEFEFE;   		/* hintergrund bgweiss */
line-height: 1.4em;        		/* zeilenhohe 1.4 */
margin: auto;                		/* 0 (sonst linkleiste verz.) / auto ? */
padding: 0;                  		/* innenabstand 0 */
width: 850px;				/* vorher 65em/ max 75em mit auto-margin */
min-width: 600px;			/* min/max-width kapiert I.E. nicht!! */
}

/* width: expression( document.body.clientWidth > 785? "780px": "auto" );  nicht valide!! */

p.center { text-align: center; }

/* formular-style */

form {
width: auto;
margin: 0;
padding: 0;
}

fieldset {
color: #555555;
border: 1px solid #e6e6e4;
margin: 1.5em .8em 2em .8em;
padding: 1em 1em 1.5em 1.5em;
width: 500px;
}

label {
color: #835188;
font-weight: bold;
margin: .5em 0 0 0;
padding: 0;
width: 10em;
float: left;
}

input {
border: 1px solid #e6e6e4;
background-color: #fefefe;
color: #835188;
margin: .5em;
padding: .1em;
width: 220px;
}

.cap {
border: 1px solid #e6e6e4;
background-color: #fefefe;
color: #835188;
margin: 0 0 2em 0;
padding: .3em;
width: 70px;
}

textarea {
border: 1px solid #e6e6e4;
background-color: #fefefe;
color: #835188;
padding: .2em;
margin: .5em 0 0 0;
overflow: auto;
width: 485px;
height: 180px;
}

.button {
border: 1px solid #e6e6e4;
background-color: #fefefe;
color: #f59136;
font-weight: bold;
padding: .5em;
margin: 0;
width: 130px;
}

#name { }
#hp { }
#nachricht { }
#email { }



#gb {
margin: 1em 0 1em 0;
padding: .8em;
}

.gb-header {
background-color: #f4f4f2;
border-top: 6px solid #fbfbf7;
padding: .5em;
margin: 0;
}

.gb-entry {
background-color: #fefefe;
border-left: 1px solid #f4f4f2;
border-right: 1px solid #f4f4f2;
border-bottom: 1px solid #f4f4f2;
border-top: 1px solid #7bb4c0;
padding: 1em 1em 2em 2em;
margin: 0;
}

.gb-seiten {
padding: 1em 0 0 0;
margin: 0;
}


/* header-container */
#header {
background-color: #786082;               /* hintergrund: lila */
border-bottom: 1px solid #786082;        /* rahmen unten: 1px, durchgezogen, lila */
margin: 0;
padding: 0;
width: 100.01%;
}

/* hauptcontainer menue + seiteninhalt */
#main {
clear: both;                             /* fortsetzung bei textumfluss unterhalb */
float: none;                             /* textumfluss keiner */
margin: 0;
padding: 0;
width: 100%;                             /* breite: 100% */
}

/* container menueleiste links */
#menu {
float: left;                             /* textumfluss: inhalt links ausrichten */
text-align: left;
margin: 1.5em 0;
padding: 0;
width: 20%;
}

#menu a {
display: block;
color: #835188;
padding: .3em .3em .3em .3em;
margin: 0;
border-bottom: 1px solid #e6e6e4;
}

#menu a:hover {
display: block;
color: #F59136;
background-color: #FBFBF7;
border-right: 1px solid #F59136;
}

#menu p {
float: left;                             /* textumfluss: inhalt links ausrichten */
padding: 2em 1em;
margin: 0;
}


/* container inhalt mittig */
#content {
border-left: 1px solid #7bb4c0;
background-color: #fbfbf7;               /* hintergrund: bggrau */
color: #000000;
float: right;                            /* textumfluss: container rechts ausrichten */
margin: 0;				/* 0 !! */
padding: 1.5em 4em 1em 4em;
width: 65%;
height: auto;
}

#content p { margin: 0; padding: .5em .8em .5em .8em; }
#content p.center { text-align: center; }

/* Container Linkleiste unten */
#linkleisteu {
background-color: #a57fa5;   		/* lila */
color: #fefefe;              		/* weiss */
float: left;                		/* textumfluss: container rechts ausrichten */
width: 100%;
}

#linkleisteu p {
color: #f59136;              		/* orange */
margin: .1em .7em 0 0;                	/* .1em .7em 0 0 */
padding: .3em;               		/* innenabstand 0.3em */
text-align: right;
}

#linkleisteu a {
color: #fefefe;              		/* bgweiss */
text-decoration: none;
}

#linkleisteu a:hover {
color: #ebead8;              		/* grau */
text-decoration: none;
}


#content h4 {				/* dicke haupt-überschrift */
border-bottom: 1px dashed #f59136;       /* rahmen unten gestrichelt, balken orange */
border-left: 5px solid #f59136;         	/* dicker balken orange */
font-size: 1.1em;                        /* überschrift 1.1em */
color: #4f4f4f;
padding: 0 0 .2em .5em;                  /* abst. text vom recht. balken .5em */
margin: 1.5em .8em 1em .7em;              /* rechts .7em gleicher abstand text */
}

#content p.up {
border-top: 1px dashed #000000;          /* rahmen oben: 1px, gestrichelt, schwarz */
font-size: .85em;                        /* schriftgroesse: 85% des elternelementes */
line-height: 2em;                      	/* zeilenhoehe 2-fach */
margin: 1em 0 1em 1em;                   /* aussenabst. 1em 0 1em 1em */
padding: 0;                              /* innenabstand 0 */
text-align: right;                       /* text-ausrichtung rechts */
}

/* container ganz unten */
#online-info {
clear: both;                             /* fortsetzung bei textumfluss unterhalb */
float: none;                             /* textumfluss verhindern */
font-size: .85em;
color: #777777;
margin: 0;
padding: 1em;                            /* innenabstand 1em */
text-align: left;
}


a:link { color: #835188; text-decoration: none; }  /* lila */
a:visited { color: #835188; text-decoration: none; }
a:hover { color: #f59136; text-decoration: none; } /* orange */
a:active, a:focus { color: #835188; text-decoration: none; }

a.orange { color: #f59136; text-decoration: none; }
a.orange:hover { color: #835188; text-decoration: none; }

.lila  {font-size: .9em; color: #835188; font-weight: normal;}
.orange  {font-size: 1em; color: #f59136;}

.grau {font-size: .85em; color: #555555; padding-bottom: 2em; padding-left: 1em; padding-top: 1em;}
.small { font-size: .8em; color: #555555; }

.adm a { color:#fbfbf7; text-align:left; font-size: .7em; }
.ip { color:#f4f4f2; text-align:left; font-size: .7em; }