/*==================================================
Deutsche Müllerschule Braunschweig
(c) DMSB 2001-2010

Datei: dmsb_screen06.css
Media: screen 
Autor: Michael Kammann

Hauptfarben 
 - #FAFDEC (Body)
 - #4A5560 (Hintergrund Navigation)
 - #0C1C61 (Schrift)
 - #EDE2B0 (Hintergrund Box-Überschriften, Footer; Rahmenfarbe)

Letzte Änderung: 11.06.10
		- Absendetext vergrößert und fett
		- Newsbox geändert cleverreach
==================================================*/

/*	alle Abstände auf Null      */

* {
margin: 0;
padding: 0;
}

body {
font: 11px verdana, tahoma, arial, helvetica, sans-serif;
background-color: #FAFDEC;
height: 101%;
}



/*	Überschriften      */

h1 {
font-size: 13px;
color: #EABA28;
margin: 1px 0px 14px 0px;
font-weight: bold;
letter-spacing: 4px;
border-bottom: 1px dashed #EABA28;
}

.gruss 
{
font-size: 15px;
color: #4A5560; 
font-weight: bold;
margin: 1px 0px 14px 0px;
letter-spacing: 4px;
border-bottom: 1px solid #4A5560;  
}

h2 {
font-size: 12px; 
font-weight: bold; 
margin: 0px 0px 14px 0px; 
}

h2.dual {
font-size: 14px; 
font-weight: bold; 
color: #FFFFFF;
margin: 27px 0px 14px 0px; 
padding: 0px 0px 0px 0px;
}

h3 {
font-size: 11px; 
font-weight:bold; 
margin-top: 12px; 
margin-bottom: 0px;
}

h4 {
font-size: 11px;
background: #EDE2B0;
padding: 1px 0px 1px 4px;
margin-bottom: 4px;
}

.intern h4 {
font-weight: bold;
background: #FAFDEC;
margin: 12px 0px 8px 0px;
padding: 0px 0px 0px 0px;
letter-spacing: 1px;
border-bottom: 2px solid #D4D4C8;
}

h5 {
font-size: 11px;
background: #EDE2B0;
padding: 1px 0px 1px 4px;
margin-bottom: 4px;
}

h6 {
font-size: 11px;
padding: 0px 0px 0px 0px;
margin: 8px 0px 0px 0px;
}



/*	Diverses      */

.line {
border-top: 1px solid #EDE2B0; 
margin-top: 4px;
margin-bottom: 0px;
}

img {
border: 0;
}

.flag ul {
margin: 6px 0px 6px 0px;
text-align: right;
float: right;
}

.flag li {
list-style: none;
padding: 0px 0px 0px 4px;
display: inline;
}

input {
height: 15px;
font-size: 11px;
}

.clear {
clear: both;
}

.clear_top {
	clear: both;
	margin-top: 20px;
}

.space {
margin-top: 20px;
}

.hinweis {
	color: #B0A696;
}

.premium {
	font-weight: normal;
}


/* Listen */

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

ul li { 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}

ul.normal { 
	margin: 4px 0px 10px 10px;
	padding: 0px;
}

ul.normal li { 
	list-style-type: square;
	list-style-image: url(../img/icon_square.gif);
	margin: 0px 0px 0px 25px; 
	padding: 0px 0px 10px 0px; 
}

ul.branchen { 
	list-style-type: none;
	margin: 10px 0px 10px 10px;
	padding: 0px;
}

ul.branchen li { 
	background: url(../img/icon-list_orange.gif) no-repeat center left;
	margin: 0px 0px 0px 5px; 
	padding: 4px 0px 6px 10px; 
}



/*	Hauptcontainer     */

#conti {
width: 760px; 
margin: 0px auto;
}



/*	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:underline; color:#000000; font-weight:normal; }
a.text:hover { text-decoration:none; color:#000000; font-weight:normal; }
a.text:visited { text-decoration:underline; color:#000000; font-weight:normal; }

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

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

a.textweb:link { text-decoration:underline; color:#C8660B; font-weight: bold; }
a.textweb:hover { text-decoration:none; color:#FFFFFF; background-color:#C8660B; }
a.textweb:visited { text-decoration:underline; color:#C8660B; background-color:#FAFDEC; }

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;
}


/*	Der Inhalt	*/

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

.content-text p {
font-family: verdana, tahoma, arial, helvetica, sans-serif;
padding: 0px 0px 10px 0px;
}

.content-text p.null {
padding: 0px 0px 0px 0px;
}

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

#content img.leftohne {
float: left;
margin: 3px 8px 0px 0px;
padding: 5px;
}

#content img.neudual {
float: left;
margin: 15px 40px 0px 10px;
padding: 5px;
}

#content .bgdual {
background: url(../Grafiken/bg_dual.png) no-repeat 0px 0px;
height: 130px;
width: 430px;
margin: 15px 40px 0px 0px;
padding: 5px;
}

#content .bgdual h2 {
color: #FFFFFF;
font-size: 15px; 
font-weight: bold; 
margin: 20px 0px 0px 25px; 
}

#content .bgdual p {
color: #434343;
font-size: 11px; 
margin: 10px 0px 0px 25px; 
}

#content img.left {
float: left;
border: 3px solid #EDE2B0;
margin: 3px 8px 0px 0px;
padding: 5px;
}

#content img.right {
float: right;
border: 3px solid #EDE2B0;
margin: 3px 8px 0px 8px;
padding: 5px;
}

#content .imgtext {
font-size: 9px;
}

#content img.dozpic {
border: 2px solid #EDE2B0;
padding: 2px;
margin: 10px 40px 20px 8px;
float: left;
}

#content .dozpictext {
margin: 14px 0px 0px 0px;
padding: 2px;
}

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

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

#left .top {
margin-top: 10px;
}

#right {
float:right;
}



/*	Listen und Boxen	*/

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

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

.teaserbox ul {
padding: 0px 0px 0px 0px;
}

.teaserbox li{
list-style: none;
line-height: 120%;
font-size: 8pt;
padding: 0px 4px 2px 4px;
border-bottom: 1px dashed #EDE2B0;
margin: 0px 0px 2px 0px;
}

.teaserbox li.newsdatum {
color: #888888;
padding: 0px 4px 0px 4px;	/* oben, rechts, unten, links,  */
margin: 0px;
border: 0px;
}

.teaserbox li.newsarchiv {
padding: 8px 4px 0px 4px;	/* oben, rechts, unten, links,  */
border: 0px;
}

.teaserbox li.service {
border: 0px;
padding-bottom: 0px;
}

.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;
}

.newspic {
float: left;
padding: 0px 2px 0px 0px;	
margin: 4px 6px 0px 0px;	
border-right: 2px solid #EDE2B0;
}

.newspic_vert {
float: left;
padding: 0px 2px 0px 0px;	
margin: 4px 6px 0px 0px;	
border-right: 2px solid #EDE2B0;
}


/*	Suche     */

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

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

.suche input {
border: solid 1px #B0AEAE; 
background-color: #f8f8f8;
margin: 0px 0px 0px 13px;
width: 156px;
}

.suche .submit {
width: 50px;
height: 20px;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-size: 11px;
border: solid 1px #FAFDEC; 
background-color: #FAFDEC;
color: #0C1C61; 
cursor: pointer; 
margin: 0px 0px 0px 10px; 
padding: 0px;
}



/*	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: 4px 0 0px 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;
width: 14px;
padding: 0px 0px 0px 0px;
margin: 4px 4px 0px 4px;
vertical-align: text-bottom;
}

.newsbox .radio label {
padding: 0px 0px 0px 0px;
margin: 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;
}



/*	Navileiste	*/

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #4A5560;
color: #B1B9C1 ;
float: left;
width: 100%;
font: 10px verdana, tahoma, arial, helvetica, sans-serif;
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;
}



/*	Navibox	     */

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

#navbox ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: verdana, tahoma, 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;
}



/* 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 */
	


/*	Termine	   */

#content .termine td.a {
width: 400px;
}

#content .termine td.b {
width: 200px;
}

#content .termine table {
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 160%;
margin: 0px 0px 10px 0px;
}

#content .termine p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


/*      Formular        */

fieldset#info { 
width: 80%; 
border: 1px solid #EDE2B0;
margin: 10px 0 0px 20px; 
padding: 10px 10px 10px 6px; 
float: left; 
}

#info legend { 
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-weight: bold;
background-color: #EDE2B0;
padding: 0px 6px 0px 6px; 
margin: 0 0 2px 0;
}

#info form {
margin-top: 10px;
}

#info select {
border: solid 1px #B0AEAE;
background-color: #f8f8f8;
padding: 4px; 
margin-bottom: 0.6em; 
width: 60px;
font-size: 11px;
}

#info label {
line-height: 1.5em; 
margin: 0 10px 0px 0; 
padding: 0px 0 0px 0; 
width: 100px; 
display: block; 
}

#info input { 
border: solid 1px #B0AEAE;
background-color: #f8f8f8;
margin: 0 0 5px 0; 
padding: 4px; 
width: 260px; 
line-height: 1.5em;
}

#info input:hover { 
background: #ffffff;
}

#info input:focus {
border: 1px solid #0C1C61; 
cursor: text;
}

#info input.check {
margin: 2px 0px 5px 0px; 
padding: 0px; 
width: 16px; 
line-height: 1.5em;
float: left; 
border: 0px;
background: transparent;
}

#info label.cb {
line-height: 1.5em; 
margin: 0 0px 5px 0px; 
padding: 2px; 
width: 300px; 
float: left; 
text-align: left;
}

fieldset#text { 
width: 80%; 
border: 1px solid #EDE2B0;
margin: 10px 0 0px 20px; 
padding: 10px 10px 10px 6px; 
float: left; 
}

#text legend { 
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-weight: bold;
background-color: #EDE2B0;
padding: 0px 6px 0px 6px; 
margin: 0 0 2px 0;
}

#text textarea { 
border: 1px solid #B0AEAE;
background: #f8f8f8; 
width: 260px;
display: block; 
}

#text textarea:hover { 
background: #ffffff;
}

#text textarea:focus {
border: 1px solid #0C1C61; 
background: #ffffff;
cursor: text;
}

fieldset#spam { 
width: 80%; 
border: 1px solid #EDE2B0;
margin: 10px 0 0px 20px; 
padding: 10px 10px 10px 6px; 
float: left; 
}

#spam legend { 
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-weight: bold;
background-color: #EDE2B0;
padding: 0px 6px 0px 6px; 
margin: 0 0 2px 0;
}

#spam select {
border: solid 1px #B0AEAE;
background-color: #f8f8f8;
padding: 4px; 
margin: 0; 
width: 110px;
font-size: 11px;
}

fieldset#senden { 
width: 80%; 
border: 1px solid #EDE2B0;
margin: 10px 0 0px 20px; 
padding: 10px 10px 10px 6px; 
float: left; 
}

#senden legend { 
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-weight: bold;
background-color: #EDE2B0;
padding: 0px 6px 0px 6px; 
margin: 0 0 2px 0;
}

#senden .submit { 
width: 100px; 
height: 35px;
font-size: 12px;
font-weight: bold;
background: #EDE2B0; 
color: #0C1C61; 
border: 1px solid #434343; 
margin: 15px 0 0px 0px; 
padding: 4px; 
cursor: pointer; 
clear: both;
}

#senden .submit:hover {
color: #FAFDEC;
border: 1px solid #434343;  
background: #4A5560;
}

#senden input.check {
margin: 8px 0px 5px 0px; 
padding: 0px; 
width: 16px; 
line-height: 1.5em;
float: left; 
border: 0px;
background: transparent;
}

#senden label.cb {
line-height: 1.5em; 
margin: 6px 0px 5px 0px; 
padding: 2px; 
width: 300px; 
float: left; 
text-align: left;
}



/*	Footer	   */

#footer {
font: 10px verdana, tahoma, arial, helvetica, sans-serif;
font-weight: bold;
background-color: #EDE2B0;
color: #0C1C61;
padding: 2px 0px 4px 0px;	/* oben, rechts, unten, links,  */
text-align: center;
}

#footer ul {
padding: 0px 0px 0px 0px;
}

#footer li {
list-style: none;
padding: 0px 2px 0px 2px;
margin-top: 0px;
display: inline;
}


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

.formdaten {
font-weight: bold;
}

.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,  */
}