/* CSS: Gymnasium Burgkunstadt */

html {margin:0; padding:0;}
body {
	font-size: small;
	color: #28156f;
	margin:0;
	padding:0;
	background-image: url(img/layout/bg_main.png);
	background-repeat:repeat-x;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	text-align:center; /* main-Box zentrieren in IE 5 und hoeher */
	}
	
/* Contentelements
********************************************/
.csc-textpic-caption	{
	font-size: 87%;
	color:#333333;
	font-style:oblique;
	padding: 2px;
	background-color: #FFFFFF;
	}
.csc-frame-frame3 .csc-textpic-caption {
 font-style: inherit;
}
.csc-textpic-image dt img, #content table img {
	border: 1px solid gray;
	}

.csc-bulletlist {
	list-style-image:url(bullet.gif);
	}

table.csc-uploads {
	border-spacing: 0;
	border: 1px solid gray;
	}
table.csc-uploads td {
	padding: 5px 10px 5px 10px;
	}
table.csc-uploads p {
	padding: 2px;
	margin: 0;
	}
table.csc-uploads tr.tr-even {
	background-color: #c8dbf4;
	color: #000000;
	}
	
table.contenttable {
	border: 1px solid gray;
	border-collapse: collapse;
	}
table.contenttable td {
	padding: 0 5px;
	border: 1px dotted gray;
	}
table.contenttable .tr-0 {
	background-color: #c8dbf4;
	font-weight:bold;
	}
table.contenttable-2 .tr-0 {
	background-color: white;
	font-weight:normal;
	}
table.contenttable-2 .td-0 {
	background-color: #c8dbf4;
	font-weight:bold;
	width:20%;
	}
	
h1 {
	font-size:185%;
	}
	
h2 {
	font-size:150%;
	}
	
h3 {
	font-size:115%;
	}
/* Contentelements end
********************************************/

/* Layout
********************************************/

#container {
	background:url(img/layout/container_bg_bottom.png) no-repeat bottom;
	width: 1000px;
	margin: 20px auto;
	text-align:left;
	}

#head {
	background:url(img/layout/container_bg_top.png) no-repeat top;
	}

#sec_bg {
	height:auto;
	margin: 0px 1px;
	padding:5px;
	}
	
#banner {
	color: black;
	height: 100px;
	background:url(img/layout/bannerneu.gif) no-repeat top left #FFFFFF;
	}

#top_section {
	float: right;
	}

/* pulldownnavigation
***************************/	

#pulldown-nav {	
	width:207px;
	border:1px solid #808080;
	margin:15px 15px -13px 0px;
}

	
/* pulldownnavigation end
***************************/


/* mainnavigation
***************************/

#nav {
	float: left;
	width: 998px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px -6px;
	list-style: none;
	border-bottom: solid 1px #b5b5b5;
	border-left: solid 1px #b5b5b5;
	border-right: solid 1px #b5b5b5;
	background: #FFFFFF;
	background:url(img/layout/header_bg.jpg) repeat-x bottom;
	color: black;
	}

#nav li {
	float: right;
	margin: 0 5px 0 0px;
	padding: 0px 0px 0px 0px;
	}

#nav a {
	float:left;
	display:block;
	padding: 5px 8px 4px 7px;
	margin: 0 -3px 0 0px;
	color: #333;
	text-decoration:none;
	background: url(img/layout/menu_no_right.gif) no-repeat top right;
	}


.nav_no {
	background: url(img/layout/menu_no_left.gif) no-repeat top left;
	}
	

#nav a:hover {
	text-decoration:underline;
	}

	
.nav_no a:hover {
	background: url(img/layout/menu_or_left.gif) no-repeat top left;
	}
	

.nav_act {
	background: url(img/layout/menu_act_left.gif) no-repeat top left;
	}

/* mainnavigation end
***************************/


/* subnavigation
***************************/

#menubox {
	width: 180px;
	float: left;
	background: url(img/layout/nav_left.gif) #FFFFFF no-repeat;
	padding: 3px;
	}

.navtitle {
	font-weight: bold;
	font-size: 120%;
	margin: 7px 0 -10px 5px;
	}

#nav2 {
	padding: 3px 0px;
	margin: 10px 5px;
	list-style-type: none;
	list-style-position:outside;
	}

.nav2_no a {
	background: url(img/layout/pfeil2.gif) 0 0.2em no-repeat;
	padding-left: 15px;
	color:#000000;
	text-decoration:none;
	font-weight:200;
	}

#nav2 a:hover {
	background: url(img/layout/pfeil2_hover.gif) 0 0.2em no-repeat;
	text-decoration:underline;
	}
	
.nav2_act a {
	background: url(img/layout/pfeil2_ani.gif) 0 0.2em no-repeat;
	padding-left: 15px;
	color:#000000;
	text-decoration:none;
	font-weight: bold;
	}

#subnav2 {
	padding: 3px 0px;
	margin: 0 10px;
	list-style-type: none;
	}

.subnav2_no a {
	background: url(img/layout/pfeil.gif) 0 0.2em no-repeat;
	padding-left: 15px;
	color:#3a3a3a;
	text-decoration:none;
	font-weight:200;
	}

#subnav2 a:hover {
	background: url(img/layout/pfeil_hover.gif) 0 0.2em no-repeat;
	text-decoration:underline;
	}


.subnav2_act a {
	background: url(img/layout/pfeil_ani.gif) 0 0.2em no-repeat;
	padding-left: 15px;
	color:#3a3a3a;
	text-decoration:none;
	font-weight:bold;
	}

#subnav3 {
        padding: 3px 0px;
        margin: 0 10px;
        list-style-type: none;
        }

.subnav3_no a {
        background: url(img/layout/pfeil_sub.gif) 0 0.2em no-repeat;
        padding-left: 15px;
        color:#3a3a3a;
        text-decoration:none;
        font-weight:200;
        }

#subnav3 a:hover {
        background: url(img/layout/pfeil_sub.gif) 0 0.2em no-repeat;
        text-decoration:underline;
        }

#subnav3 .subnav3_act a:hover {
	background: url(img/layout/pfeil_sub_act.gif) 0 0.2em no-repeat;
	}


.subnav3_act a {
        background: url(img/layout/pfeil_sub_act.gif) 0 0.2em no-repeat;
        padding-left: 15px;
        color:#3a3a3a;
        text-decoration:none;
        font-weight:bold;
        }
        
#subnav4 {
        padding: 3px 0px;
        margin: 0 10px;
        list-style-type: none;
        }

.subnav4_no a {
        background: url(img/layout/pfeil_sub.gif) 0 0.2em no-repeat;
        padding-left: 15px;
        color:#3a3a3a;
        text-decoration:none;
        font-weight:200;
        }

#subnav4 a:hover {
        background: url(img/layout/pfeil_sub.gif) 0 0.2em no-repeat;
        text-decoration:underline;
        }

#subnav4 .subnav4_act a:hover {
	background: url(img/layout/pfeil_sub_act.gif) 0 0.2em no-repeat;
	}


.subnav4_act a {
        background: url(img/layout/pfeil_sub_act.gif) 0 0.2em no-repeat;
        padding-left: 15px;
        color:#3a3a3a;
        text-decoration:none;
        font-weight:bold;
        }


/* subnavigation end
***************************/

#main {
	clear: both;
	padding: 10px;
	}
	
#content {
	width: 750px;
	float: right;
	padding-right: 1.55em;
	}
	
#clearer {
	clear: both;
	}

/* Layout end
********************************************/



/* News
********************************************/

.news_container {
	width:100%;
	background:white;
	clear:both;
	}

.news_headline {
	float:left;
	border-bottom:1px solid black;
	width:100%;
	}

.news_title {
	font-size:large;
	float:left;
	width:auto;
	}
	
.news_date {
	font-size:x-small;
	float:right;
	width:auto;
	margin-top:10px;
	}
	
.news_content {
	padding: 5px 10px 10px 10px;
	}
.news_content_image {
	border:solid 1px gray;
	float:right;
	margin:10px;
	padding:10px;
	width:100px;
	height: 100px;
	}

.news_content_text {
	padding-top:10px;
	}

/* News end
********************************************/
	

/* Sprachw�hler
********************************************/
#lang_menu {
	padding:4px;
	}
	
/* Sprachw�hler end
********************************************/

.login-user, .login-pw {
	background: url(img/layout/loginbg.jpg) bottom left repeat-x;
	width: 200px;
	margin-bottom:3px;
	padding-left: 5px;
	border: 1px solid #808080;
	color:#808080;
	}
	
.login-pw {
	width:180px;
	}

.loged-user {
	color: #808080;
	width: 200px;
	}


.csc-frame-frame1, .csc-frame-frame2, .csc-frame-frame4 {
	float: left;
	width: 450px;
}

.csc-frame-frame4 {
	margin: 0 13px 0 13px;
}

.csc-frame-frame1, .csc-frame-frame2 {
	margin: 13px 13px 0 13px;
}

.csc-frame-frame2 {
	border: 1px dotted #999;
	padding: 5px;
	background-color: #fff1e6;
}
.align-center {
	text-align: center;
}
.align-justify {
	text-align: justify;
}
.align-right {
	text-align: right;
}