/*==================================================
Deutsche Müllerschule Braunschweig
Stylesheet für die Bildschirmausgabe
(c) DMSB 2005 (Michael Kammann)
==================================================*/


*{
 margin: 0;
 padding: 0;
}

body 
{
 font-family:Verdana;
 font-size:11px;
 background-color:#FAFDEC;
 height:101%;
}

h1 {font-size:18px;color:#0C1C61;margin:0px;letter-spacing:2px;}
h2 {font-size:14px;color:#0C1C61;margin:0px;}
h3 {font-size:13px;color:#EABA28;margin:1px 0px 14px 0px;letter-spacing:4px;border-bottom:1px dashed #EABA28;}		/* oben, rechts, unten, links,  */
h4 {font-size: 11px;background: #EDE2B0;padding-left: 4px;padding-top: 1px;padding-bottom: 1px;margin-bottom: 4px;}
h5 {font-size: 11px; font-weight:bold; margin-top: 12px; margin-bottom: 0px;}
h6 {font-size: 11px;background: #EDE2B0;padding-left: 15px;padding-top: 1px;padding-bottom: 1px;margin-top:8px; margin-bottom: 8px;}
p {margin-top:0px;}

.null {
margin: 0px;
}

.clear {
clear: both;
}


/* Linklayout */
a:link { text-decoration:none; color:#0C1C61; }
a:hover { text-decoration:underline; color:#0C1C61; }
a:visited { text-decoration:none; color:#0C1C61; }

a.text:link { text-decoration:none; color:#BAAF7D; }
a.text:hover { text-decoration:underline; color:#0C1C61; }
a.text:visited { text-decoration:none; color:#BAAF7D; }

a.news:link { text-decoration:none; color:#7B8695; }
a.news:hover { text-decoration:none; color:#000000; }
a.news:visited { text-decoration:none; color:#B9BBB1; }

a.foot:link { font:9px; text-decoration:none; color:#0C1C61; }
a.foot:hover { font:9px; text-decoration:underline; color:#0C1C61; }
a.foot:visited { text-decoration:underline; color:#0C1C61; }

a.gb:link { text-decoration:none; color:#BAAF7D; }
a.gb:hover { text-decoration:underline; color:#0C1C61; }
a.gb:visited { text-decoration:none; color:#BAAF7D; }

a[class ="facebook"] {
	margin: 60px 0px 30px 3px;
	padding: 10px 0px 10px 36px;
	line-height: 340%;
	background: transparent url(../Grafiken/icon_facebook.gif) no-repeat center left;
}

a[class ="studivz"] {
	margin: 60px 0px 30px 3px;
	padding: 10px 0px 10px 36px;
	line-height: 340%;
	background: transparent url(../Grafiken/icon_studivz.png) no-repeat center left;
}


/* Die Titelzeile */
#title {
padding-top:6px;
height:20px;
text-align: left;
}

/* Das Menü */
#menu {
text-align:right;
padding:2px 0px;
border-top:2px solid #EDE2B0;
}

/* Der Inhalt */
#content {
border:1px solid #EDE2B0 ;
background-color:#FAFDEC;
padding:0px ;
color:#0C1C61;
float:left;
width:61%;
margin-top:10px;
margin-bottom:2%;
margin-left:2%;
}

.content-text {
font-family: verdana, arial;
color: #0C1C61;
padding: 8px;
line-height: 160%;
}

#content img.dozpic
{
border: 2px solid #EDE2B0;
padding: 2px;
}


/* Linkleiste */
a.block
{
color:#B1B9C1; 
background:#4A5560; 
text-align:center; 
width:140px;
height:10px;
border:#B1B9C1 solid 1px; 
padding:2px; 
padding-left:10px; 
padding-right:10px; 
text-decoration:none; 
font:bold 10px verdana, arial, sans-serif;
}

a.block:hover
{
color:#4A5560;
background-color:#FAFDEC;
text-decoration:none; 
}

/* Linkleiste */
a.block2
{
color:#4A5560; 
background:#4A5560; 
text-align:center; 
width:140px;
height:10px;
border-top:#B1B9C1 solid 1px; 
border-bottom:#B1B9C1 solid 1px; 
padding:2px; 
padding-left:10px; 
padding-right:10px; 
text-decoration:none; 
font:bold 10px verdana, arial, sans-serif;
}

#left, #right {
margin-left:0px;
}

#left {
float: left;
clear: both;
}

#right {
float:right;
}

.teaserbox
{
width:174px;
border:1px solid #EDE2B0; 
margin: 10px 0px 0px 4px;	/* oben, rechts, unten, links,  */
}

.teaser-head {
font-family: Verdana, Arial;
font-weight: bold;
background-color: #EDE2B0;
color: #0C1C61;
padding: 4px;
margin: 0px;
}

.newsticker {
font-family: verdana, arial;
color: #0C1C61;
padding: 0px 4px 2px 4px;	/* oben, rechts, unten, links,  */
line-height: 120%;
font-size: 8pt;
border-bottom: 1px dashed #EDE2B0;
margin-top:0%;
}

.newsdatum {
font-family: verdana, arial;
color: #888888;
padding: 2px 4px 0px 4px;	/* oben, rechts, unten, links,  */
line-height: 120%;
font-size: 8pt;
}

.teaser-text {
font-family: verdana, arial;
color: #0C1C61;
padding: 0px 4px 0px 4px;	/* oben, rechts, unten, links,  */
line-height: 120%;
font-size: 8pt;
margin-bottom: 2px;
}

.nltext {
font-family: verdana, arial;
color: #0C1C61;
padding: 4px 4px 2px 4px;	/* oben, rechts, unten, links,  */
line-height: 120%;
font-size: 8pt;
margin-top:0%;
}

.download {
font-family: verdana, arial;
color: #0C1C61;
padding: 0px 4px 2px 4px;	/* oben, rechts, unten, links,  */
line-height: 120%;
font-size: 8pt;
margin-top:0%;
}

#footer {
font: 10px Verdana, Arial;
font-weight: bold;
background-color: #EDE2B0;
color: #0C1C61;
padding: 2px 0px 2px 0px;	/* oben, rechts, unten, links,  */
text-align:center;
}

/* Linkleiste */
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #4A5560;
color: #B1B9C1 ;
float: left;
width: 100%;
font: 10px Verdana, Arial;
font-weight:bold;
margin-top:-1px;
margin-bottom:0px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 3px 13px;
background-color: #4A5560;
color: #B1B9C1;
text-decoration: none;
float: right;
border-right: 1px solid #FAFDEC;
}

#navcontainer ul li a:hover
{
color: #f8f8f8;
background: #EABA28;
}

#navcontainer li#active a 
{
background:#EABA28;
color:#f8f8f8;
}


/* Linkbox */
 #navbox { margin-top:-1px; width: 0px; }

#navbox ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:right;
font-weight:bold;
font-size:10px;
}

#navbox a
{
display: block;
padding: 3px;
width:84px;
background-color: #4A5560;
border-bottom: 1px solid #eee;
}

#navbox a:link, #navboxlist a:visited
{
color: #B1B9C1;
text-decoration: none;
}

#navbox a:hover
{
background-color: #EABA28;
color: #f8f8f8;
}

#navbox li#active a 
{
background:#EABA28;
color:#f8f8f8;
}

.head
{
margin-top: 6px;
}

hr
{
margin-top:4px;
padding-bottom:4px;
}


/*	Newsletter	*/

.newsbox
{
width:174px;
border:1px solid #EDE2B0; 
margin: 10px 0px 0px 4px;	/* oben, rechts, unten, links,  */
}

.newsbox h4 {
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-weight: bold;
background-color: #EDE2B0;
color: #0C1C61;
padding: 4px;
margin: 0px;
}

.newsbox fieldset { 
width: 174px; 
border: 0px; 
font-size: 8pt;
margin: 0px 0 4px 0px; 
padding: 0px 0px 4px 0px; 
}

.newsbox label {
display: block;
padding: 4px 4px 2px 4px;
}

.newsbox input {
border: solid 1px #B0AEAE; 
background-color: #f8f8f8;
margin: 0px 0px 2px 4px;
width: 164px;
}

.newsbox .radio input {
border: 0px;
display: inline;
width: 14px;
padding: 2px 0px 0px 0px;
margin: 2px 0px 0px 0px;
}

.newsbox .radio label {
display: inline;
padding: 0px 0px 0px 4px;
}

.newsbox .submit {
width: 86px;
height: 25px;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-size: 11px;
border: solid 1px black; 
background-color: #EDE2B0;
color: #000000; 
cursor: pointer; 
margin: 0px 0px 8px 4px; 
padding: 0px;
}


/* Hide from IE5-mac. Only IE-win sees this. */
* html #content
 {
  width:457px;
  margin: 10px 0px 0 20px;		/* oben, rechts, unten, links,  */
  display:inline-block;
  }

* html #left
  {
  margin-right: -3px;
  }

* html #right
  {
  margin-left: -3px;
  }

/* End hide from IE5/mac */

.gruss 
{
font-size: 15px;
color: #4A5560; 
font-weight: bold;
margin: 1px 0px 14px 0px; 	/* oben, rechts, unten, links,  */
letter-spacing: 4px;
border-bottom: 1px solid #4A5560;  
}	

.feld 
{
border: solid 1px #B0AEAE; 
background-color: #f8f8f8
}

.gb_button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
font:11px Verdana, Arial; 
border: solid 1px black; 
background-color: #EDE2B0;
color: #0C1C61;
padding: 0px 2px 0px 2px;	/* oben, rechts, unten, links,  */
}

.gb_text {
border: solid 1px #B0AEAE;
background-color: #f8f8f8;
color: #0C1C61;
padding: 0px 4px 0px 4px;	/* oben, rechts, unten, links,  */
margin-bottom: 6px;
}

.gb_datum {
border: solid 1px #B0AEAE;
background-color: #EDE2B0;
color: #0C1C61;
padding: 0px 4px 0px 4px;	/* oben, rechts, unten, links,  */
margin-bottom: 4px;
}

.gb_daten {
border: solid 1px #B0AEAE;
background-color: #FAFDEC;
color: #0C1C61;
padding: 0px 4px 0px 4px;	/* oben, rechts, unten, links,  */
margin-bottom: 4px;
}

.gb_name {
border: solid 1px #B0AEAE;
background-color: #FAFDEC;
color: #0C1C61;
padding: 0px 4px 0px 4px;	/* oben, rechts, unten, links,  */
margin-bottom: 4px;
font-weight: bold;
}

.pic {
padding: 4px 4px 0px 0px;	/* oben, rechts, unten, links,  */
}

.form-style {
border: solid 1px #B0AEAE;
background-color: #f8f8f8;
margin-top: 12px;
}

.form-button {
border: solid 1px black; 
background-color: #EDE2B0;
color: #001060;
font:11px Verdana, Arial; 
}

ul { 
margin: 0; 
padding : 0; 
list-style : none; 
}

.formdaten {
font-weight: bold;
}

.aktuellbox {
width: 100%;
padding: 0px 4px 25px 4px;	/* oben, rechts, unten, links,  */
}

.aktuellbox h2 {
font-size: 11px; 
font-weight:bold; 
}

.aktuellboxhead {
width: 100%;
background: #EDE2B0;
margin: 0px 0px 4px 0px;
}

.aktuellboxhead p {
font-weight: bold;
padding: 1px 0px 1px 4px;
}

.newstn {
float: left;
border: none;
border-right: 2px solid #EDE2B0;
padding: 0px 4px 0px 0px;	/* oben, rechts, unten, links,  */
margin: 4px 8px 0px 0px;	/* oben, rechts, unten, links,  */
}

.newstnleft {
float: left;
padding: 0px 0px 0px 0px;	/* oben, rechts, unten, links,  */
margin: 4px 6px 0px 0px;	/* oben, rechts, unten, links,  */
}

.newstnleft p {
font-family: Verdana;
font-size: 9px;
color: #434343;
padding: 0px 0px 0px 0px;	/* oben, rechts, unten, links,  */
margin: 0px 0px 6px 0px;	
line-height: 130%;
}

.newstnleft img {
border: 1px solid #EDE2B0;
background: #F6F7F2;
padding: 6px;
}

.newstnright {
float: right;
padding: 0px 0px 0px 0px;	/* oben, rechts, unten, links,  */
margin: 4px 0px 0px 6px;	/* oben, rechts, unten, links,  */
}

.newstnright p {
font-family: Verdana;
font-size: 9px;
color: #000000;
padding: 0px 0px 0px 0px;	/* oben, rechts, unten, links,  */
margin: 0px 0px 6px 0px;	
line-height: 130%;
}

.newstnright img {
border: 1px solid #EDE2B0;
background: #F6F7F2;
padding: 6px;
}

.newspic {
float: left;
padding: 0px 2px 0px 0px;	/* oben, rechts, unten, links,  */
margin: 4px 6px 0px 0px;	/* oben, rechts, unten, links,  */
border-right: 2px solid #EDE2B0;
}

.flag {
margin-top: 6px;
text-align: right;
}