/***** Grundeinstellungen *****/
* { margin:0; padding:0; }
body { margin:0; padding:0; background: #e0e0e0 url('img/bg.gif') repeat left top;
	;
	font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#333; }
a, body, div, em, input, label, li, ol, p, select, span, strong, td, th, textarea, u, ul { margin:0; padding:0; font-family:Arial, Helvetica, Verdana, sans-serif; text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#e50005; }
h1 { margin:1em 0; padding:0px; font-weight:bold; font-size:14px; }
h2 { margin:1em 0; padding:0px; font-weight:bold; font-size:12px; }
h3 { margin:1em 0; padding:0px; font-weight:bold; font-size:12px; }
img { border:0px; }
ul { margin-bottom:10px; }
li { margin-left:20px; list-style-type:square; }
p, pre, form { margin:0px; padding:0px; }
hr { line-height: 20px; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

/*** alt ****
#kopfzeile { background: #e0e0e0 url("img/allWrapper_top.gif") bottom center no-repeat; }
#allwrapper { background: #fff url("img/allWrapper_bg.gif") top center repeat-y; }
#copyright { background:#e0e0e0 url("img/allWrapper_bottom.gif") top center no-repeat; }
***/

#kopfzeile { background: transparent; }
#allwrapper { background: #fff;
   	border: 1px solid #888;      }
#copyright { background:transparent; margin-top: 10px;}
#wrapper { }
#header { background: url("img/kompaktlogo1.jpg") left center no-repeat; }
#container { background:url("img/punkte_neu.gif") left top repeat-y; }
#left { background-color:#fff; }
#right { background-color:#fff; }
#breadcrumb .inside { border-bottom-color: #cbcbcb; }
#breadcrumb .inside, #main .mod_article, .mainnavi .level_1 li, .box h1, #main .mod_login h1, h3.bggrau { background: url(img/linkbg.gif) top left repeat-x; }
#main a.textlink, #main a.textlink:hover, .mainnavi .level_2 li.active p.active, .mainnavi .level_1 li.active .active { color: #e50005; }
.box h1, #main .mod_login h1 { border-bottom-color: #cbcbcb; }
.boxcontent { background-color:#eee; }
#copyright .inside { color:#333; }
.mainnavi { background-color:#f7f7f7; }
.mainnavi .level_2 li { background-image:url("none"); }
.mainnavi .level_2 li.active, .mod_sitemap li { background: url(img/arrow.gif) left center no-repeat; }
.kurstermine .tablespacer { border-top-color: #333; }
/***** Positionen - Struktur *****/
* html body { text-align:center; }
.inside { }
#kopfzeile { margin-top: 10px; clear:both; }
#allwrapper { width: 990px; margin: 0px auto; padding: 10px; }
#copyright { clear:both; padding: 5px 0; }
#wrapper { }
#header { height:124px; }
#header .inside { }
#container { }
#breadcrumb { height:19px; margin:10px 0px; }
#breadcrumb .inside { height: 19px; border-bottom-width:1px; border-bottom-style:solid; }
#left { width: 180px; }
#left .inside { }
#main { margin: 0 200px; }
#main .inside { padding:0px; }
#right { width: 180px; }
#right .inside { }
#footer { clear:both; }
#footer .inside { }
#copyright .inside { text-align:center; font-size:10px; }
/***** Header *****/
.mod_imagerotator { width: 780px; float: right; }
.mod_imagerotator img { vertical-align:top; text-align:right; }
/***** Breadcrumb *****/
.mod_breadcrumb { height:19px; margin-left:210px; font-size:10px; line-height:19px; }
/***** Hauptspalte #main *****/
#main .mod_article { margin-bottom:20px; padding:0px 10px; }
#main .mod_article p { margin: 1em 0; text-align:justify; line-height:1.5; }
#main p a { text-decoration: underline; }
#main .mod_article p.back { margin-top: 20px; }
#main .first h1, h1.ce_headline, .newsheadline { line-height:31px; margin-top: 0; }
#main img, .swfobject {
margin: 3px 20px 15px 3px; padding: 5px;  border: 1px solid #888;
-moz-box-shadow:4px 4px 10px rgba(0,0,0,0.5); -webkit-box-shadow:4px 4px 10px rgba(0,0,0,0.5); box-shadow:4px 4px 10px rgba(0,0,0,0.5); 
}
#main img.mime_icon { margin: 5px; }
#main .ce_downloads a {padding: 10px; vertical-align: 16px;
}
#main img.right { margin: 3px 15px 15px 20px; float: right;}
#main a.textlink:hover { text-decoration: underline; }
#main input, #main textarea { margin: 0 5px 5px 0; }
/***** Boxen *****/
.box { margin-bottom:20px; }
.box h1, #main .mod_login h1 { height:20px; margin-bottom:0; margin-top: 0; padding-left:10px; border-bottom-width:1px; border-bottom-style:solid; font-size:12px; line-height:20px; }
.boxcontent { padding:10px; background-color:#eee; }
.boxcontent img { margin-bottom:10px; }
.boxcontent p { margin-bottom:10px; }
.box .label { margin:0 0 5px 0; padding:0; }
.box input { margin:0 0 10px 0;padding: 3px; }

/***** Navigation *****/
.mainnavi { }
.mainnavi li { font-weight:bold; list-style-type:none; }
.mainnavi .level_1 { margin:0; padding:0; }
.mainnavi .level_1 li { margin:0px; padding:0px 0px 0px 8px; font-size:12px; line-height:31px; }
.mainnavi .level_2 li { margin: 5px 0; padding:0px 0px 0px 8px; font-size:11px; line-height:15px; }
.mainnavi .level_2 li.active { }
.mainnavi .level_2 { width:0px; height:0px; left:-10000px; top:-10000px; position:absolute; overflow:hidden; display:inline; }
.mainnavi .level_1 li.active ul.level_2, .mainnavi .level_1 li.trail .level_2 { width:auto; height:auto; top:0px; left:0px; position:static; overflow:visible; display:block; }
/***** Sonstiges *****/
.ib_facebook_share {position: absolute; right: 20px; top: 8px;}
p.more { clear: both; padding-top: 15px; }
#f4 #ctrl_8 { width: 155px; }
.hyperlink_txt { font-size: 14px; font-weight: bold; }
.mod_newslist hr { margin: 15px 0; }
.mod_sitemap li { padding: 5px 10px; font-weight:bold; font-size:12px; list-style-type: none; }
#f2 select, #f2 input { margin: 0 0 5px 20px; }
.mod_memberlist table { width:100%; }
.mod_memberlist input.submit { margin: 10px 0; }
select { padding: 0 0 0 3px; }
.kurstermine .head_0, .kurstermine .col_0 { width:180px; }
.kurstermine .head_1, .kurstermine .col_1 { width:150px; }
.kurstermine .head_2, .kurstermine .col_2 { width:100px; }
.kurstermine .tablespacer { margin: 5px auto 15px auto; border-top-width:1px; border-top-style:solid; }
.info { text-align:right; font-size:10px; }
.mod_personalData input { margin-bottom: 5px; margin-left: 20px; width: 200px; height: 15px; padding: 3px; }
.mod_personalData input.submit { height: 25px; width: 120px; padding-bottom: 5px; }
#main .mod_login input { margin-bottom: 25px;  }
#lkua img, img.noborder {
border: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0;
padding: 0;
}


.newspicimg, .newspiccont img {float: left; width:auto; height: 226px; 
}

#main .newspicimgth {
 float: left; width:150px; height: auto; padding: 3px;
}

.contentimg {margin-right: 10px;}
.pagination ul { }
.pagination li { display: inline; list-style-type: none; }
.comment_default { margin-bottom: 20px; }
.comment_default hr { margin: 10px 0; }
.float_left img { margin: 0 10px 10px 0 }

.swfobject { width: 670px; height: 400px; margin: 20px 20px 20px 3px; padding: 5px; }


/***** Vorstandschaft *****/
h3.bggrau { margin: 20px 0; line-height: 25px; padding-left: 10px; clear: both; height: 25px; }
#main .vorstand .bild_vorstand { float: left; margin: 0 20px 10px 0; width: 120px; }
#main .vorstand p { }
/***** BER BW *****/
#ansprechpartner-ug-sanel p { margin: 0 10px 20px 10px; }


/*** Tabellen ***/

table.datatable {
width: 80%;
border: 1px solid #333;
border-collapse:collapse;
}

table.datatable thead th {
	height: 2em;
	padding: 0.5em;
	font-weight: bold;
	border: 1px solid #333;
}

table.datatable td {
	padding: 0.5em;
	border: 1px solid #333;
	
	}

/*** buttons ***/
.button, input[type="submit"] {
        text-decoration: none !important;
        display: inline-block;
        white-space: nowrap;
        background-color: #ccc;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
        background-image: -webkit-linear-gradient(top, #eee, #ccc);
        background-image: -moz-linear-gradient(top, #eee, #ccc);
        background-image: -ms-linear-gradient(top, #eee, #ccc);
        background-image: -o-linear-gradient(top, #eee, #ccc);
        background-image: linear-gradient(top, #eee, #ccc);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
        border: 1px solid #777;
        padding: 0 1.5em;
        margin: 0.5em 0.5em 0.5em 0;
        font: bold 1em/2em Arial, Helvetica;
        text-decoration: none;
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        -moz-border-radius: .2em;
        -webkit-border-radius: .2em;
        border-radius: .2em;
        -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover, input[type="submit"]:hover
{
		text-decoration: none !important;
        background-color: #ddd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: linear-gradient(top, #fafafa, #ddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
        
}

.button:active
{
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        position: relative;
        top: 1px;
}

.button:focus
{
        outline: 0;
        background: #fafafa;
}    






/*** Formulare ***/
form#kursanmeldung .formbody {
	background: #F0F0F0;
	padding: 20px;
}

form#kursanmeldung select {
	width: 100%;
	margin: 15px 0;
	padding: 9px 5px;
	background-color:#fff;
	border: 1px solid #ddd;
	font-size:1em;
}

form#kursanmeldung label {
	display: block;
	color: #444;
	font-size: 1.2em;
	margin-right: 20px;
}

form#kursanmeldung .error {
	color: #e50005;
	margin: 0;
	padding: 0;
}

form#kursanmeldung input.text {
	width: 100%;
	margin: 5px 0 15px;
	padding: 9px 5px;
	background-color:#fff;
	border: 1px solid #ddd;
	font-size:1em;
}