/*

        project:  internet corporation
        author:   luka cvrk (www.solucija.com)


*/

html { overflow-y: scroll; }
*{ margin: 0; padding: 0; }*

body {
        font: .74em Tahoma, Arial, "Trebuchet MS", Verdana, sans-serif;
        line-height: 1.6em;
        background: #F1F1F1 url(images/hintergrund.gif) repeat-x;
        color: #000;
}

a {        color: #317486;        background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 10px 0; }
h1 { font: bold 1.7em Arial, Sans-Serif;  margin: 20px 0 0; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; color: #444;}
h2.margin { font: bold 1.6em Arial, Sans-Serif; margin: 10px 0 12px 0; color: #444;}
h3 { font: bold 1.3em Arial, Sans-Serif; margin: 0 0 10px; text-align:left; color: #444;}
h4 { color: #808080; background: inherit; font-weight: normal; font-size: 0.9em; }
h5 {font-size: 1.3em; margin: 15px 0 0 0; padding:5px 0 5px 0 ; color:#444; }
h6 {color: #1D3189; font-weight: bold; font-size: 1em; border-bottom: 1px solid #000; margin: 0 0 5px 0; }

ul { text-align:justify; margin:-10px 0 10px 30px; }
ul.events { text-align:left; margin: 5px 0 0 30px; }
ul.strich { text-align:justify; list-style-type:disc; margin:0 0 10px 15px; }
ul.pat {color: #1D3188; list-style-type:disc; margin:-10px 0 10px 30px; text-align:left; }
ol { text-align:justify; margin:0 0 10px 20px; }
ol.alpha { text-align:justify; list-style-type:lower-alpha; margin:0 0 10px 20px;  }


#content { width: 900px; margin: 25px auto; background: #FFF; border: 1px solid #CCC;}

#menu { clear: both; padding: 5px 0 17px 0;  margin: 0 10px 20px 10px; border-bottom: 1px solid #ccc; text-align: left; }
#menu li { font-size: 1.4em; display: inline; }
#menu li a { margin: 0 0 0 0; color: #1D3188; padding: 5px 19px; background: #DEDEE1; }
#menu li a:hover { color: #FFF; background: #999; }


#intro {
        background: url(images/header5a.jpg) no-repeat;
        color: #1D3189;
        height: 170px;
        margin: 0 0 0px;
        padding: 30px 40px 0 0;
        text-align: right;
}
        #intro h1 { margin: 0; }
        #intro p { margin: 0; }


#left { clear: left; float: left; width: 200px; padding: 10px 10px 0 10px; font-size: 1.0em; font-weight: normal; margin: 0 0 0 10px; background: #c3cede; border-bottom: 2px solid #1D3189; border-top: 2px solid #1D3189;}
        #leftmenu { list-style: disc; margin: 0 0 20px 0; }
        #leftmenu li { list-style: disc; padding: 3px 0 10px 3px; margin: 5px 20px 0 10px ; color: #1d3189; border-bottom: 2px dotted #fff; font-family: arial, sans-serif; }
        #leftmenu li.zweizeilig { list-style: disc; padding: 3px 0 10px 3px; margin: 5px 20px 0 10px; color: #1d3189; text-align: left; border-bottom: 2px dotted #fff; font-family: arial, sans-serif; line-height: 1.2em; }
        #leftmenu li a { color: #1d3189; text-decoration: none; background: transparent; }
        #leftmenu li a:hover { color: #000; }

        #left a, #right a { color: #1D3189; text-decoration: underline; }
        #right a:hover { color: #1D3189; text-decoration: none; }

        #left h3 { color: #1d3189; margin: 0 0 7px 0; border-bottom: 1px solid #1d3189; }

        #right h2 { border-bottom: 1px solid #CCC; padding: 0 0 8px; }
        #right h3 { background-color:#DDDDDD; border-bottom:1px solid #CCCCCC; padding:5px; color:#444; }


#right {
        position: relative;
        margin: 0 10px 0 0;
        padding: 0 30px 10px 10px;
        float: right;
        width: 590px;
        text-align: justify;
        line-height: 2em;
}

#right p.vorstand { line-height: 1.5em; margin: 0; }


#rauf { text-align: right; margin: -20px 0 10px 0; font-size: 0.75em; }

#veranstaltung {
        border: 1px solid #ccc;
        line-height: 1.5em;
        margin: 0 0 0 0;
        padding: 10px 10px 10px 10px;
        text-align: left;
}

#veranstaltung p {
        margin: 0 0 5px 0;
}

#box {
        border: 1px solid #ccc;
        line-height: 1.5em;
        min-height: 120px;
        margin: 0 0 10px 0;
        padding: 10px;
        text-align: left;
}

#box p {
        margin: 0 0 5px 0;
}



#box h1 {
        color: #444;
        font-size: 1.3em;
        margin: 0 0 5px 0;
}

#box img {
        float: right;
        padding: 0 0 10px 10px;
}

.bildunterschrift {width: 200px; font-size: 0.9em; line-height: 0.9em; padding: 0 10px 0 0; text-align: left;
}


img {float: left; padding: 0; margin: 0 10px 10px 0; }
img.members {float: left; padding: 2px 2px 2px 2px; margin: 20px 0 0 60px; }
#footer { clear: both; padding: 5px; border-top: 1px solid #ccc; margin: 0 0 15px 0; font-size: .9em; color: #808080; background: #fff; }
        #footer a { color: #1D3189; }

ul.button {
margin:0;
padding:10px 0 0 0;
text-align: left;
}

ul.button li {
padding:0 15px 0 0;
display:inline;
text-decoration:none;

}

.vorstand_neu { border: 1px solid #ccc; overflow: hidden; margin-bottom: 10px; }
.vorstand_neu img { float: left; margin: 0px 15px 5px 5px; }
.vorstand_neu p { margin: 0px 5px 5px 128px; line-height: 130%; }

.kooptiert { border: 1px solid #ccc; overflow: hidden; margin-bottom: 10px; }
.kooptiert img { float: left; margin: 5px 15px 5px 5px; }
.kooptiert p { margin: 5px 5px 5px 128px; line-height: 130%; }
.ex { line-height: 130%; }

.clear { clear: both; }