/* Styles fuer Kochsworld erstellt am 8.April 2006*/
/* modifiziert am 29.03.2009 */

* {
margin: 0;
padding: 0;
}

body {
/*margin: 5px 5% 20px 5%;*/
margin: 5px auto 20px auto;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.01%;
text-align: justify;
/*background-color: #e0e0e0;*/
background-image: url(../hg/hg_blasen_schw.jpg);
/*background-image: url(../hg/sterne-hg-dblau2-kl.jpg);*/
color: #000;
max-width: 1500px;
min-width: 450px;
padding: 5px 5%;
}

p, li, td   {
font-size: 80%;
}

#wrapper, #wrapperhead {
background-color: #D8DCF5;
background-image: url(../hg/sterne_blau03.jpg);
color: #000;
height: 1%;/* Buggy IE needs this */
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

/*wrappperhead wird gebraucht für den IE, damit er keinen linken Rand anzeigt */
#wrapperhead {
border: 0;
height: 60px;
background-color: #334BAC;
}

#header {
height: 60px;
background-color: #334BAC;/*Originalfarbe=#a00;*/
color: #fff;
border-right: 100px;
}

#headeruhr {
float: right;
height: 55px;
width: 100px;
padding: 2px 2px;/*für gratiscounteruhr=padding-top:5px;*/
background-color: #334BAC;
text-align: center;
}

#menueoben {
padding: 3px 0 4px 0;
text-align: right;
background-color: #4F67CA;/* ausgesuchte farbe=#899ADC;*/
font-family: "comic sans ms";
color: #fff;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#menueoben ul li {
display: inline;
margin-right: 10px;
}
#menueoben a {
text-decoration: none;
font-weight: bold;
padding: 1px 10px 2px 10px;
background-color: #900;/*originalfarbe=#600;*/
color: #fff;
}
#menueoben a:hover {
background-color: #666;/*originalfarbe#030;*/
color: #fff;
}

#leftmenue {
float: left;
left: 10%;
width: 200px;
margin-top: 10px;
padding-bottom: 10px;
background-color: #231282;/*originalfarbe #334BAC;*/
font-family: "comic sans ms";
color: #fff;
}

#leftmenue ul li {
list-style-type: none;
}

#leftmenue a {
display: block;
text-decoration: none;
width: 194px;
margin: 0px 0;
padding: 1px 0 2px 5px;
font-weight: bold;
background-color: #900;
color: #D8DCF5;
border-right: 1px solid black;/*#899adc; #6278D0;*/
border-bottom: 1px solid black;
}

#leftmenue a:hover {
background-color: #9FB5DD;
color: #00008B; /*darkblue -- Farbe grau#666;*/
}

/* Hier das Bild unter dem Menü ändern -- Höhe ändern nicht vergessen */
.bilduntermenu {
background-image: url(../hg/shining_star.gif);
background-color: #231282;
background-repeat:no-repeat;
background-position: center;
margin-top: 40px;
height:100px;

}

/* ---- */
#content {
/*background-color: #D8DCF5;/--*originalfarbe=#f0f0f0;*/
background-image: url(../hg/sterne_blau03.jpg);
color: #fff;
border-left: 200px solid #231282; /*originalfarbe #334BAC;*/
}
#content h1,
#content h2,
#content h3 {
padding: 20px 50px 10px 60px;
background-color: transparent;
color: #666;
}
#content h1 {
font-size: 150%;
letter-spacing: 1pt;
padding: 30px 50px 20px 60px;
}
#content h2 {
font-size: 125%;
}
#content h3 {
font-size: 105%;
}
#content p, #content p.centernormal  {
line-height: 150%;
padding: 0 50px 15px 60px;
}
#content p.centernormal   {
text-align: center;
}
/* +++p.center | Schrift center größer fetter und blau +++*/
#content p.center, #content p.centerfett, #content p.zeichenlinie 	{
line-height: 150%;
font-size: 90%;
color: #00008B; /*darkblue*/
font-weight: bolder;
text-align: center;
padding: 10px 50px 30px 60px;
}
/*+++centerfett schriftgröße und farbe wie im normalen p aber zentriert+++ */
#content p.centerfett   {
color:#fff;
font-weight: bold;
font-size: 80%;
}

#content p.zeichenlinie, span   {
padding: 0;
}

#content hr.linie   {
display:inline;
text-align: center;
color:#00008B; /*darkblue*/
border: inset;
height: 16px;
margin: 10px 50px 30px 60px;
}


#content p.topper {
padding: 10px 0 30px 40px;
}
#content a {
text-decoration: none;
background-color: transparent;
color: #900;
border-bottom: 1px solid #900;
}
#content a:hover {
font-weight: bold;
background-color: transparent;
color: #00008B; /*darkblue*/
border-bottom: 1px solid #00008B; /*darkblue*/
}

/*--- News-Format --- */
/*news bzw. datum "a" = blau -- "b" = gelb */

#newswrapper	{
background-color: #D8DCF5;
color: #000;
height: 1%;/* Buggy IE needs this */
border: 4px #666 double;
margin: 0 50px 0 60px;
}
#content p.newsa, 
#content p.newsb,
#content p.datuma,
#content p.datumb {
padding: 5px 10px 10px 10px;

}

.newsa, .newsb, .datuma, .datumb {
background-color: #9FB5DD; /*#AAC5E1;*/
border-bottom: 1px dashed #900;
/*margin: 0 50px 0 60px;*/
}

.newsb, .datumb	{
background-color: #FFFFCC;
}

.datuma, .datumb	{
font-weight: bold;
color: #00008B; /*darkblue*/
margin: 0;
border: 0;
}

/*--- Ende News-Format --- */
/*---Bilder---*/
.img {
border: 0;
}

/* funkt nicht im IE keine Ahnung warum -- funkt mit IE7 */
.image	{
overflow: auto;
text-align: center;
border: none;
margin-bottom: 10px;
}
/*--- Ende Bilder---*/

/*boxen*/
.box   {
float: left;
margin-left: 30px;
padding: 10px;
background-color:#4F67CA;
border: 5px outset #900;
width: 35%;
}

#content p.box   {
padding: 5px 10px 10px 10px;
}

.boxcenter  {
margin:auto;
padding: 10px;
font-size:80%;
line-height: 150%;
background-color:#4F67CA;
border: 5px outset #900;
width: 50%;
}



/*tabelle*/
table   {
margin-left: 60px;
margin-right: 50px;
}

td   {
border:5px outset #900;
background-color:#4F67CA;
padding: 10px;
}



/* ---- */
.breaker {
clear: both;
}
#footer {
height: 40px;
background-color: #900;
color: #ccc;
border-top: 1px solid #000;
}
#footer p {
padding: 8px 15px;
}
#footer a {
text-decoration: none;
background-color: transparent;
color: #fff;
border: 0 none;
}
#footer a:hover {
background-color: transparent;
color: #00008B; /*darkblue*/
}
#ende {
height: 20px;
background-color: #334BAC;
color: #999999;
text-align: center;
font-size: 70%;
vertical-align: middle;
padding-top: 3px;
padding-bottom: 0px;
border-top: 1px double black;
	}


/* ---- */
#main .invis, hr {
display: none;
}