/*
Theme Name: WordPress Ivent
Theme URI: http://ivent.de/
Description: Das ivent-Design
Version: 1.1
Author: Ulrike Häßler
Author URI: http://www.11media.net/
Tags: Drei Spalten und ein Kasten


*/

body { font-size: 0.92em; font-family: Verdana, Arial, sans-serif; line-height: 140%; margin-top: 0; min-width: 980px; }

a { text-decoration: none; }
a img { border: none; }

h1 { color: rgb(100,100,100); }

h2, h3, h4 { font-size: 1.6em; font-weight: normal; font-family: Tahoma, Arial; width: 500px; line-height: 150%; margin-bottom: 0; margin-top: 3em; color: darkslateblue; }
h2 a, h3 a, h4 a { color: darkslateblue; }
h4 { font-size: 1.2em;  }
table { border-collapse: collapse; font-family: Tahoma, "MS-Trebuchet", Arial, sans-serif; }

td, th { vertical-align: top; border: 1px solid silver; padding: 2px; }

hr { clear: both; visibility: hidden; }

p.edit { width: 80px; text-align: right; float: right; display: inline; font-size: smaller; }
p.edit span { padding: 3px; border: 2px solid salmon; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  }
p.edit span a { color: darkred; }
p.edit span a:hover { text-decoration: underline; color: salmon; }

img.alignright { margin-right: -20px;}

/* Linke Spalte   */

#meLeft { position: absolute; left: 5px; top: 0; width: 200px; overflow: hidden; }
#meLefttop { height: 158px; background: url(/wp-content/themes/ivent/images/karlchen-o.jpg) no-repeat; }
#meLeftbot { height: 156px; background: url(/wp-content/themes/ivent/images/karlchen-u.jpg) no-repeat; }

#meLefttop img { margin-top: 75px; }

#meLeft ul { margin-top: 2em; margin-left: 0; padding-left: 0; }
#meLeft ul ul { margin-top: 0em; }
#meLeft li { margin: 0; font-size: 12px; border-right: 1px solid gainsboro; border-bottom: 1px solid gainsboro; border-left: 1px solid gainsboro; }
#meLeft li h4 { margin-top: 0; padding-top: 10px; padding-left: 4px; font-size: 1.4em }

#meLeft li a { display: block; background: lavender; color: darkslategray; padding: 1px 4px 1px 0; border-left: 8px solid lavender; }
#meLeft li a:first-child { border-top: 1px solid gainsboro; }
#meLeft li a:hover { background: thistle; color: rgb(50,50,50); }

#meLeft li li li a { background: cornsilk; padding-left: 15px }

#meLeft form { margin-top: 3em; margin-bottom: 0; background: rgb(244,244,248); border-top: 1px solid gainsboro; }

#seitlist li li {margin-left: 2em; }


/* Header über mittlerer und rechter Spalte   */

#meMain { float: left; margin-left: 220px; width: 70%; border: 1px solid silver; border-top: none; }
#meTopbar1 { background: white;  height: 70px; margin-top: 0px; border-bottom: 1px solid silver;  }
#meTopbar2 { text-align: right; height: 86px; margin-top: 0px; border-bottom: 1px solid silver; font-family: Helvetica, Arial, sans-serif; letter-spacing: 1px;  }
#meTopbar2 h1 {float: left; color: rgb(105,176,176); font-size: 36px; margin: 6px 0px 0 28px; line-height: 100% }
#meTopbar2 h1 a { color: lightslategray; }
#meTopbar2 h1 a:hover { color: rgb(200,210,210); }
#meTopbar2 h2 { color: rgb(145,176,176); font-size: 16px; margin: 0 20px 0 0;  padding-top: 4px; float: right; }

#meTopbar1 ul { padding: 0.3em 2%; font-size: 0.9em;  }
#meTopbar1 li { display: inline; margin-left: 1em; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
#meTopbar1 li a { color: darkslateblue;  }
#meTopbar1 li a:hover { color: gray; }


/* Inhalt, geteilt in eine mittlere und eine rechte Spalte  */


#meContent { float: left; width: 75%; }

#meTippbox { display: none; }
#meTippbox { background: white; font-size: x-small; float: right; width: 168px; border: 1px solid silver; border-top: 0; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; overflow: hidden; margin-left: 1em; margin-right: 8px; background: white; padding: 20px 4px 1em 4px; }
#meTippbox img { border: none; padding: 0px;  }
#meTippbox a { color: darkslategray; }
#meTippbox a:hover { color: lightslategray;  }
#meTippbox h4 { font-size: 1.6em; margin-top: 40px; color: firebrick; }
#meTippbox h4 span { font-size: 0.8em; padding-left: 20px; }

#littleTerms { font-size: x-small; border: 1px solid silver;  -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-top: 10px; margin-bottom: 10px; padding: 4px; }
#littleTerms h4 { margin-top: 10px; }
.meStorybox { margin: 50px 20px 90px 30px; width: auto; font-size: small; max-width: 520px; margin-top: 60px; }
.meStorybox p, .meStorybox li { color: rgb(50,50,50);  }

.meStorybox h2 { font-size: 1.6em; font-weight: normal; font-family: Tahoma, Arial; line-height: 150%; margin-bottom: 6px; width: 520px; margin-top: 10px; border-bottom: 2px solid gainsboro; }
.meStorybox h2 a { color: darkslateblue; }
.meStorybox h2 span { float: right; font-size: small; margin-left: 1em; width: 100px;  }
.meStorybox h2 span a { color: lightcoral; }
.meStorybox h3 { color: darkslateblue; font-size: 1.5em; margin-top: 10px; }
.meStorybox h5 { color: midnightblue; font-size: 1.3em; font-weight: normal; clear: both; }
.meStorybox h5:before { content: "• "; color: cornflowerblue; }
.meStorybox ul { clear: both; }

.meStorybox  tr:nth-child(odd) { background: rgb(233,230,242); }
.meStorybox  tr:nth-child(even) { background: ivory; }
.eol a { color: navy; }
.eol a:hover { color: fuchsia; }

.meStorybox img { border: 2px solid gainsboro; padding: 2px; }

.postmetadata {  margin-bottom: 80px; font-style: italic; }
.postmetadata a { color: darkslategray; }
fieldset { margin-left: 5em; }
fieldset.melogin label {
	width: 120px; float: left; position: relative; 
}

fieldset.melogin h2 {
	color: darkslategray; font-weight: normal; 
}


/* Rechte Spalte  */


#meRight {width: 22%; float: right; padding: 2px; margin-bottom: 2em; margin-top: 1em; background: white; }
#meRight h3 { font-size: 1em; width: 10em; }

#meRight h5 { background: rgb(244,244,248); color: darkslateblue; padding: 1px 4px; border: 1px solid gainsboro; margin-bottom: 0.5em; font-size: 0.92em; }
#meRight p {  padding: 0 4px; margin: 0 0 0.5em 0; font-size: x-small; }
#meRight ul { margin-left: 0.8em; margin-top: 0; padding-left: 0.8em;  padding-top: 0; list-style-image: url(/wp-content/themes/ivent/images/clubs.png);}
#meRight ul li { line-height: 130%; margin: 0; font-size: 0.86em; }

#meRight div.borderline { font-size: 0.86em; line-height: 120%; }
#meRight div.borderline h5 { margin-left: -3px; font-size: 0.9em; margin-bottom: 0; }
#meRight div.borderline h6 { font-size: 0.9em; margin-bottom: 0; }
#meRight div.borderline div a { color: rgb(60,60,70); }
#meRight div.borderline div a:hover { color: rgb(110,110,110); }

/* Fusszeile unter mittlerer und rechter Spalte  */

#footer { clear: both; background: rgb(233,230,242); font-size: 0.86em; border: 2px solid silver; -moz-border-radius: 4px;-webkit-border-radius: 4px;  margin-left: 220px; width: 70%; }
#footer p { margin: 0px; color: gray; margin-left: 10px; }
#footer a { color: darkslategray; }
#footer a:hover { color: gray; }


.meExtra { float: right; width: 200px; padding: 1em; border: 1px solid silver; margin-left: 1em; }

.meMorebox { float: right; width: 240px; padding-left: 1em; margin-left: 1em;  }
.meMorebox li { font-size: xx-small;  }

table.imagetab td { padding: 2px 4px; font-style: italic; font-size: smaller; }

.lastline a { color: darkslategray; }
.lastline a:hover { color: lightslategray; }

.alignright { float: right; margin-left: 9px; }
.alignleft { float: left; margin-right: 9px; }

p.wp-caption-text { display: none; }

h3#comments { font-size: 1.2em; }
#commentform { background: rgb(244,244,248); padding: 5px; border: 1px solid  rgb(230,230,228); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

#wp-calendar { font-size: smaller; border-collapse: collapse; width: 100%; margin-top: 40px; }
#wp-calendar td { border: 1px solid gainsboro; padding-left: 2px; width: 24px; }
#wp-calendar td a { background: lightslategray; padding: 2px; color: white; }
#wp-calendar tfoot td a { background: silver; }
#wp-calendar #prev { background: silver;  }
#wp-calendar #next { background: silver;  }

.inlineform { margin-top: 30px; }
.inlineform fieldset { border: 2px solid silver; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-left: 2px; }
.inlineform label { display: block; font-style: italic; font-size: 12px; margin-bottom: 0px; margin-top: 8px; }
.inlineform input { margin-top: 0px; font-size: 16px; color: darkslateblue;  }

.navigation { padding: 0 6px; border: 1px solid gainsboro; height: 20px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.navigation a { color: slategray; }
li.aHandle { border-bottom: 4px solid red; }

.gallery { width: 470px; }
dl.gallery-item { float: left; width: 212px; margin-top: 0; margin-left: 5px; }
.gallery-caption { font-style: italic; font-size: smaller; line-height: 130%; margin-left: 4px; width: 204px; }