/*
Theme Name: Klick It Witten 3
Theme URI: http://www.klickit-witten.de/
Description: Custom Theme für das Internetprojekt Klick It der Stadt Witten.
Version: 0.3
Author: Jan Eckhoff
Author URI: http://www.janeckhoff.com/
*/

/* alter farbwert ed72ae */


* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
}



html, body {
height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}


body {
background: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 62.5%;
background: url('images/brick009.jpg') fixed;
}

#Container {
width: 960px;
position: relative;
margin: 0 auto;
min-height: 100%; /* Mindesthoehe in modernen Browsern */
height: auto !important; /* !important-Regel fuer moderne Browser */
height: 100%; /* Mindesthoehe in IE (<7) */
padding: 0;
/* background: #cda5c7 url('images/bg960.jpg') no-repeat center bottom; */
background: #336633 url('images/bg960g.jpg') no-repeat center bottom;
border-right: 2px solid #000;
border-left: 2px solid #000;
}


#header {
margin: 0;
width: 960px;
height: 175px;
padding: 0;
background: url('images/header960g.jpg') no-repeat top left;
}

#h1 {
margin: 0;
width: 960px;
height: 125px;
padding: 0;
}

#menu {
/* width: 741px; */
width: 800px;
height: 175px;
}

#tabbar {
width: 680px;
margin: 0 auto;
padding: 0;
}

#tabbar .tab a {
color: #000;
text-decoration: none;
}

#tabbar a:hover {
color: #ff6699;
}

#content {
margin: 0;
padding: 0;
width: 960px;
}

#textfenster {
width: 800px;
/* width: 741px; */
/* height: 370px; */
/* margin: 0 auto 0 60px; */
margin: 0 auto;
font-size: 1.2em;
line-height: 150%;
/* overflow: auto; */
padding: 10px 0;
background: url('images/content2.jpg') repeat-y left top;
}

#textbox {
width: 575px;
/* margin: 0 220px 0 0; */
margin: 0;
padding: 0 10px;
float: left;
}

#textbox h2 {
display: block;
font-size: 1.3em;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 2px #ff6699 dashed;
font-weight: bold;
}

#textbox h3 {
font-size: 1.1em;
margin-bottom: 6px;
padding-bottom: 3px;
color: #ff6699;
font-weight: bold;
}

#textbox a {
color: #000;
text-decoration: none;
border-bottom: 1px #ff6699 dotted;
}

#textbox a:hover {
color: #ff6699;
text-decoration: none;
border-bottom: 1px #ff6699 solid;
}

#textbox h2 a, #textbox h2 a:hover {
color: #000;
text-decoration: none;
border: none;
}

#textbox .ende {

font-style: italic;
font-size: 0.8em;
margin-top: 25px;
padding-top: 15px;
border-top: 1px dashed #000;

}

#textbox a.more-link {
color: #ff6699;
border: none;
font-weight: bold;
margin-top: 5px;
}

#textbox p {
margin-bottom: 5px;
}

#textbox ul, ol {
margin: 0 0 5px 15px;
}

#textbox ul {
list-style-image:url(images/bullet.gif);
}

#textbox img.alignright, #textbox .wp-caption alignright {
margin: 0 0 5px 5px;
}

#textbox img.alignleft, #textbox .wp-caption alignleft {
margin: 0 5px 5px 0;
}

#textbox .wp-caption {
padding: 5px;
border: 1px solid #999999;
background: #cccccc;
text-align: center;
}

#textbox .wp-caption a, #textbox .wp-caption a:hover {
text-decoration: none;
border: none;
}

#textbox .wp-caption img {
margin: 0;
padding: 0;
border: none;
}

#textbox .wp-caption  p.wp-caption-text {
margin-top: 5px;
padding: 0;
font-size: 0.8em;
line-height: 110%;
font-style: italic;
}
table.profil {
width: 380px;
border: none;
margin: 0;
padding: 0;
}

table.profil td.prli {
width: 100px;
color: #666;
vertical-align: top;
margin: 0;
padding-right: 5px;
}

table.profil td.prre {
width: auto;
vertical-align: top;
margin: 0;
padding-left: 5px;
}

#sidebar {
margin: 0;
padding: 0 10px;
float: right;
width: 180px;
font-size: 0.9em;
border-left: 1px #000 dashed;
}

.sbwidget {
width: 100%;
margin-bottom: 5px;
padding: 0 2px 5px 2px;
}

.sbwidget h2 {
color: #ff6699;
border: none;
font-size: 1.0em;
margin: 0;
padding: 0;
}

.sbwidget a {
text-decoration: none;
border: none;
color: #000;
}

.sbwidget a:hover {
color: #ff6699;
}


.sbwidget ul {
margin: 0;
padding: 0;
}

.sbwidget ul li {
margin-left: 12px;
padding: 0;
list-style-type: square;
}

.sbsearchf {
width: 90%;
height: 15px;
color: #ff6699;
font-size: 10px;
vertical-align: middle;
border: 1px solid #ff6699;
margin: 0;
}

.sbsearchs {
background: #ff6699;
color: #fff;
border: none;
font-size: 90%;
margin: 0 0 0 auto;
}


#textbox .navigation a, #textbox .navigation a:hover {
color: #ff6699;
font-size: 0.9em;
text-decoration: none;
border: none;
}



.alignright {
float: right;
}

.alignleft {
float: left;
}

#footer {
margin: 0;
padding-top: 10px;
width: 960px;
height: 120px;
/* background: url('images/footer.jpg') no-repeat center top; */
text-align: center;
}

#footer a, #footer a:hover {
color: #000;
text-decoration: none;
border: none;
}

small {
font-size: 0.9em;
}

/* Default CSS generated by dTabs */

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
#tabbar li, #tabbar ul li, {
	
	/* make them horizontal in IE*/
	display: inline;
	
	/* space them a little in IE*/
	margin-right: 10px;
}

/* style the tabs */
.tab, .tabselected {
	
	/* make them horizontal in Firefox 2*/
	display: -moz-inline-box;
	
	/* make them horizontal in all other browsers*/
	display: inline-block;
	
	/* space them a little */
	padding-right: 10px;
	

}

/* make changes to the selected tab */
.tabselected a {
	
color: #ff6699;


}

/* style the drop down menus */
.dmenu {

width: 125px;

	/* left align the text */
	text-align: left;
	
	/* REQUIRED */
	position: absolute;
	
	/* js fade method should display them 23px below the top of the tabs */
	margin: 23px 0 0 0;
	
	/* put some space around the contents */
	padding: 5px 15px;
	
	/* set a grey background */
	background-color: rgb(240,240,240);
	
	/* set a border, round all the corners except the top left */
	border: 1px solid rgb(150,150,150);
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	-khtml-border-radius: 5px;
	-khtml-border-radius-top-left: 0;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
}
#tabbar .dmenu ul {
	
	/* put space at the top and bottom of top-level menus */
	padding: 5px 0 0 10px;
	
	/* stop ie going crazy */
	margin: 0;
	
}
#tabbar .dmenu ul li {
	
	/* stop ie from displaying list items inline */
	display: list-item;
	
}

#tabbar .dmenu ul li a {
color: #000;
text-decoration: none;
}

#tabbar .dmenu ul li a:hover {
color: #ff6699;
text-decoration: none;
}

/* REQUIRED: hide menus off screen by default */
.dmenu {
	left: -999em;
}

/* STYLING JUST FOR CSS MENUS */
#tabbar .fademenu .dmenu {
	
	/* position menus correctly */
	margin: 5px 0 0 -6px;
}
/* REQUIRED: show menus on hovering */
#tabbar .fademenu:hover .dmenu {
	left: auto;
}


/* Scroll Bar Master Styling Starts Here */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
/* .vscrollerbase {left: 0 !important;} */


.vscrollerbase {
width: 16px;
background-color: #ff6699;
}

.vscrollerbar {
width: 16px;
height: 16px !important;
background-color: #000;
padding: 16px 0;
/* z-index: 2; */
}
.hscrollerbase {
height: 16px;
background-color: #ff6699;
}


.hscrollerbar {
height: 16px;
background-color: #000;
z-index: 2;
}

.scrollerjogbox {
width: 16px;
height: 16px;
top: auto;
left: auto;
bottom: 0px; right: 0px;
background-color: #ff6699;
}

.vscrollerbasebeg {
height: 16px;
width: 16px;
background: url('images/scrup.jpg') top center no-repeat;
}

.vscrollerbaseend {
height: 16px;
width: 16px;
background: url('images/scrdn.jpg') bottom center no-repeat;
}


/*





.vscrollerbarbeg {
width: 16px;
height: 16px;
background: url(images/scrup.png) 0px -10px;
}

.vscrollerbarend {
width: 16px;
height: 16px;
background: url(images/scrdn.png) top center no-repeat;
}


.vscrollerbase, .hscrollerbase {
background-color: #000;
}

.hscrollerbasebeg {
height: 15px;
background: url(images/scrollbases.png) -22px 0px no-repeat;
}

.hscrollerbaseend {
height: 15px; width: 7px;
background: url(images/scrollbases.png) 0% 0% no-repeat;
}

.vscrollerbarbeg {
width: 15px;
background: url(images/scrollbases.png) -7px -8px no-repeat;
}

.vscrollerbarend {
height: 7px; width: 15px;
background: url(images/scrollbases.png) -7px 0px no-repeat;
}




.vscrollerbar {width: 36px;background: #5EC0A7 url(scrollbar.png) -36px 0px repeat-y;}
.vscrollerbarbeg {height: 24px !important;width: 36px;background: url(scrollbar.png) -108px -32px no-repeat;}
.vscrollerbarend {height: 24px;width: 36px;background: url(scrollbar.png) -108px 0px no-repeat;}
.vscrollerbase {width: 36px;background: #D4F6F2 url(scrollbar.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 36px;height: 28px !important;background: url(scrollbar.png) -72px -28px no-repeat;}
.vscrollerbaseend {height: 28px;width: 36px;background: url(scrollbar.png)  -72px 0px no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 28px;z-index: 2;}
.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}
*/

/* Scroll Bar Master Styling Ends Here */


.clear {
	clear:both;
	}

.clearfloat:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}


.clearfloat {/*never delete this otherwise MSIE will kill the layout */
	display:inline-block;
	}	

.clearfloat {/*never delete this otherwise MSIE will kill the layout */
	display:block;
	}

/* Kalender */
    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
        color:#FF0000;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#E4EBE3;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }
/* Kalender Ende */