@charset "utf-8";

html, body {
    padding: 0px;
    margin: 0px;
}

body {
    padding: 10px 0px 0px;
    color:#000000;
    font-family:verdana,arial,helvetica,geneva,sans-serif;
    font-size:12px;
    text-align:left;
    background: #d1d1d1 url(../images/body_bg.gif);
}
.clear {
  clear: both;
}

/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Main-Frame
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */
.head {
    position: relative;
    width: 100%;
    height: 220px;
    background-color: #333;
}

    .head .mood {
        float: left;
        width: 610px;
        height: 220px;
        border-right: 1px solid #fff;
    }
    .head .logo {
        float: left;
        height: 90px;
        width: 90px;
        padding: 119px 10px 0px;
    }

        a.CMS_IMGEDIT_30_EDIT {
            position:absolute;
            left: 584px;
            top: 10px;
        }
        a.CMS_IMGEDIT_31_EDIT {
            position:absolute;
            left: 625px;
            top: 130px;
        }
    
.line {
    width: 100%;
    height: 10px;
    background-color: #ff00ce;
}

/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * CSS styles for Navigation
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */
.head .mainNavi {
    position: absolute;
    top: -10px;
    left: 10px;
    width: 145px;
    height: 220px;
    padding: 10px 0px 0px;
    border: 1px solid #fff;
    border-width: 0px 1px;
    background-color: #333;
}
    .head .mainNavi ul {
        list-style: none;
        padding: 10px 0px 0px;
        margin: 0px;
    }
        .head .mainNavi li {
            padding: 0px;
            margin: 0px;
            background: url(../images/mNavi_line.jpg) center bottom no-repeat;
        }
        .head .mainNavi li.last {
            background-image: none;
        }
        .head .mainNavi a {
            display: block;
            padding: 3px 5px 5px;
            color: #F2F2F2;
            text-decoration: none;
        }
        .head .mainNavi .aktiv a,
        .head .mainNavi .selected a,
        .head .mainNavi a:hover {
            display: block;
            color: #333;
            text-decoration: none;
            background: #e9e9e9;
        }


        .head .mainNavi .main a,
        .head .mainNavi .main .aktiv a,
        .head .mainNavi .main .selected a,
        .head .mainNavi .main a:hover {

            font-size: 13px;
            font-weight: bold;
        }



.subLinien_div .subNavi_div ul .blank,
.subLinien_div .subNavi_div ul ul .blank {
	display: block;
	height: 12px;
	background: none;
}
.subLinien_div .subNavi_div ul .blank a.L2,
.subLinien_div .subNavi_div ul ul .blank a {
	display: none;
}



/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * CSS styles for Sub-Navigation
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */
.subLinien_div {
    float: left;
    width: 147px;
    padding: 0px 10px;
}


.subLinien_div .subNavi_div {
    width: 145px;
    min-height: 212px;
    padding: 18px 0px 0px;
    border: 1px solid #fff;
    border-width: 0px 1px;
    background-color: #333;
}

    .subLinien_div .subNavi_div ul {
        list-style: none;
        padding: 10px 0px 0px;
        margin: 0px;
    }
        .subLinien_div .subNavi_div li {
            padding: 0px;
            margin: 0px;
            background: url(../images/mNavi_line.jpg) center bottom no-repeat;
        }
        .subLinien_div .subNavi_div li.last {
            background-image: none;
        }
        .subLinien_div .subNavi_div a.L2,
        .subLinien_div .subNavi_div ul ul a {
            display: block;
            padding: 3px 5px 5px;
            color: #F2F2F2;
            text-decoration: none;
            background-color: transparent;
        }
        .subLinien_div .subNavi_div a.L1:hover,
        .subLinien_div .subNavi_div .aktiv a.L2,
        .subLinien_div .subNavi_div .L3 .aktiv,
        .subLinien_div .subNavi_div .L3 .aktiv a {
            display: block;
            color: #333;
            text-decoration: none;
            background-color: #e9e9e9;
        }

    .subLinien_div .subNavi_div ul ul {
        list-style: none;
        padding: 1px 0px 0px;
        margin: 0px;
        background: url(../images/mNavi_line.jpg) center top no-repeat;
    }
        .subLinien_div .subNavi_div ul ul li,
        .subLinien_div .subNavi_div ul ul li.last {
            padding: 0px;
            margin: 0px;
            background: url(../images/mNavi_point.gif) left top no-repeat;
        }
        .subLinien_div .subNavi_div ul ul li.aktiv {
            background: none;
        }
        .subLinien_div .subNavi_div ul ul li a {
			margin:  0px 0px 0px 12px;
		}
		
		
        
        .subNavi_end {
            height: 22px;
            background: url(../images/navi_abschluss.gif) left top no-repeat;
            font-size:10px;
            text-align:center;
        }
        
            .subNavi_end a {
                color:#CF0F00;
                text-decoration:none;
            }
    
	
	
	
    .subLinien_div .subNavi_div ul ul ul {
        list-style: none;
        padding: 1px 0px 0px;
        margin: 0px;
        background: none;
    }
        .subLinien_div .subNavi_div ul ul ul li,
        .subLinien_div .subNavi_div ul ul ul li.last {
            padding: 0px;
            margin: 0px;
		    background: #333;
        }
        .subLinien_div .subNavi_div ul ul ul li.aktiv {
            background: none;
        }
        .subLinien_div .subNavi_div ul ul.L3 .aktiv ul li a {
		    background: #333;
			margin:  0px 0px 0px 18px;
			padding: 3px 5px;
            color: #ffffff;
		}
	
    
	
	
.content ul.NewsList {
    list-style: none;
    padding: 10px 0px;
    margin: 0px;
}
	.content .NewsList li {
		padding-bottom: 20px;
	}
	.content .NewsList a {
		text-decoration: none;
		color: #000;
	}
	.content .NewsList hr {
		display: compact;
		clear:none;
		margin: 2px 0px;
	}
	.content .PageList,
	.content .PageList td {
		color: #c0c0c0;
	}
		.content .PageList a {
			text-decoration: none;
			color: #000;
		}
		
		
		
.content ul.KursListe {
	float: left;
}
.content ul.KursListe li {
	float: left;
	width: 234px;
	height: 130px;
	margin: 0px 16px 12px 0px;
}

.content .cfloatright {
	margin-left: 10px;
}
.content .cfloatleft {
	margin-right: 10px;
}

/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Content styles
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */
.inhalt_div {
    float: left;
    padding: 10px 0px 0px;
    width: 800px;
}
    .inhalt_div .content {
    	float: left;
        width: 500px;
        min-height: 500px;
        padding: 40px 50px 30px;
        background: #FFF;
    }
        .inhalt_div .content span.date_22 {
            display: block;
            padding: 0px 0px 10px;
        }
		
/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Infobox styles
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */
.infobox {
	float: left;
	width: 200px;
	min-height: 40px;
}


/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Feed styles
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */
.copyright_div {
    float: left;
    width: 584px;
    background-color: #fff;
    color: #000;
    font-size: 10px;
    text-align : right;
    padding: 8px;
}


/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * CSS styles for Font's / TinyMCE
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */
 
body, p, div, td, th, h1, h2, h3, h4, h5, h6, pre {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}
th {
    text-align:left;
}

h1 {
    font-size: 15px;
    font-weight: bold;
    margin: 0px;
    padding: 0px 0px 10px;
}

h2 {
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    padding: 0px 0px 4px;
}

img {
    vertical-align: middle;
    border: 0px;
}

.content p {
    display: block;
    padding: 6px 10px 6px 0px;
    margin: 0px;
    color: #000000;
    font-size: 12px;
    line-height: 16px;
}
.content pre {
    padding: 6px 10px 6px 0px;
    margin: 0px;
    color: #000000;
    font-size: 12px;
    line-height: 16px;
}
.content table {
    padding: 0px;
    margin: 12px 0px 0px;
}
.content td {
    padding: 0px 10px 6px 0px;
    margin: 0px;
    color: #000000;
    font-size: 12px;
    line-height: 16px;
    vertical-align: top;
}
.content .download td {
    padding: 0px 10px 6px 0px;
    margin: 0px;
    vertical-align: bottom;
}
.content td p {
    padding: 0px;
    margin: 0px;
    color: #000000;
    font-size: 12px;
    line-height: 18px;
}

.content table.termine td {
    padding: 0px 10px 0px 0px;
}
.content table.termine th {
    font-weight: bold;
    padding: 12px 0px 0px;
}
.content table.termine td p b {
    display: inline;
    color: #000000;
}

.content table.termine td.td1 { width: 25%; }
.content table.termine td.td2 { width: 35%; }
.content table.termine td.td3 { width: 40%; }


.content .gallery img,
.content img.gallery {
    background-image:url(../images/image_zoom.jpg);
    background-position:bottom right;
    background-repeat:no-repeat;
    padding: 0px 20px 0px 0px;
}

.content a {
    color: #000000;
}
.content ul {
    padding: 0px 15px;
    margin: 3px 0;
}
.content hr {
	height: 1px;
    margin: 10px 0px;
    border: 0;
    border-top: 0px;
	clear: both;
	background: url(../images/linie.jpg) center top no-repeat;
}


div.counter {
	text-align: center;
	background-color:#FFF;
}


.pdf_link {
	padding-left: 20px;
	background: url(../images/pdf.gif) left top no-repeat;
}
.red {
    color: #e2001a;
}

#formmsgbox {
	position: absolute;
	top: 300px;
	left: 240px;
	width: 440px;
	padding: 16px;
	border: 2px solid #999;
	background: #fff;
	text-align: center;
}


.contact input, 
.contact textarea {
	border: 1px solid #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}