/* CSS Document von ste-karneval.de 2007
design by hellgold.de - Stand 2007 */

/* FARBEN:

ROT #CF0400
DUNKELROT #930000
DUNKELGRÜN #006666
GELB #FFCC00
FOOTER #993300
TUERKIS #1bbbe9
ORANGE #f29400
*/

@import url(/css/ste-karneval-farben.css);

* {
margin:0;
padding:0;
}

html {
font:normal 1.1em Arial, Verdana, Tahoma, sans-serif; 
}
	
body {
/* background-image:url(../images/bg_bunt.png); */
background-repeat:no-repeat;
background-color: #fff; /* #006666; */
text-align:center;
}
	
a {color:#FFF; font-weight: normal;}

a:link {text-decoration:none;}
a:visited {text-decoration:none; color:#333;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none; font-weight:bold; color:#FFF;}
a:focus {text-decoration:none; font-weight:bold; color:#FFFF00;}

h2 {
font-size:1em;
color:#000066;
padding-bottom:4px;
}

h3 {
font-size:0.9em;
color:#006666;
}

h4 {
font-size:0.8em;
color:#CF0400;
}

h5 {
font-size:0.7em;
color:#000066;
}

h3 a {font-weight:bold;}

ul {list-style:none;}

hr {
color: #E1E1E1;
height: 2px;
background: #E1E1E1;
width: 95%;
margin-top: 2px;
margin-bottom: 4px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#vertical {
padding:2px;
margin:auto;
width:800px;
height:850px;
}

/* +++++++++++++++++++++++++++++++++++++++++++GESAMTER INHALT+++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#inhalt {
width:784px; /* wert bestimmt sichtbare breite der seite */
height:585px; 
margin:auto;
margin-top:30px; /* wert bestimmt abstand nach oben */
text-align:left;
background-color:#FFF;
border: 2px solid #ffcc00;
}

/* ++++++++++++++++++++++++++++++++++++++++++OBEN+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#oben {
width:auto;
height:160px;
}

div#logo {
width:auto;
height:auto;
/* abhaengig von groeße des logos */
}

div#logo h1 {
float:left;
background-image:url(../images/stelogo185x160.gif);
background-repeat:no-repeat;
}

div#logo h1 a {
display:block;
width:185px;
height:160px;
text-decoration:none;
text-indent:-999em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#oben_rechts {
margin-right:2px;
margin-left:2px;
float:right;
width:595px;
height:160px;
}

#minigalerie {
width:auto;
height:118px;
margin-bottom:6px;
margin-top:2px;
overflow:hidden;
}

#minigalerie li {
float:right;
margin-top:12px; /* wert bestimmt abstand der bilder zum oberen div-rand */
margin-right:14px;
height:auto; /* höhe richtet sich nach den galeriebildern */
}

#minigalerie li a {
display:block;
width:100px;
height:100px; /* bildermaße=100x100px */
text-indent:-999em; /* PHARK IMAGE REPLACING METHOD */
text-decoration:none;
}

#minibild01 a {background:url(../images/minigalerie/minibild01.jpg);}
#minibild01 a:hover {background:url(../images/minigalerie/hover_minibild01.jpg);}
#minibild02 a {background:url(../images/minigalerie/minibild02.jpg);}
#minibild02 a:hover {background:url(../images/minigalerie/hover_minibild02.jpg);}
#minibild03 a {background:url(../images/minigalerie/minibild03.jpg);}
#minibild03 a:hover {background:url(../images/minigalerie/hover_minibild03.jpg);}
#minibild04 a {background:url(../images/minigalerie/minibild04.jpg);}
#minibild04 a:hover {background:url(../images/minigalerie/hover_minibild04.jpg);}
#minibild05 a {background:url(../images/minigalerie/minibild05.jpg);}
#minibild05 a:hover {background:url(../images/minigalerie/hover_minibild05.jpg);}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#newszeile {
height:30px;
width:595px;
background-color:#FFCC00;
background-image:url(../images/slice_newszeile.gif);
background-repeat:no-repeat;
overflow:hidden;
font:normal 19px Arial, Helvetica, sans-serif;
line-height:1.4em;
text-align:center;
}

div#newszeile a {
color:#000066;
text-decoration:none;
}

div#newszeile a.hover {
color:#000066;
text-decoration:none;
}

/* +++++++++++++++++++++++++++++++++++++++CONTAINER-ZENTRAL++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
#container_zentral {
width:auto;
height:auto;
margin-left:2px;
margin-bottom:4px;
}
	
#nav_left {
float:left;
width:185px;
height:425px;
background-color:#cf0400;
background-image:url(../images/slice_navleft.gif);
background-repeat:no-repeat;
overflow:hidden;
}

#nav_left_ul {
margin-top:20px;
font:1.1em Arial, Helvetica, sans-serif;
line-height:1.5em;
letter-spacing:0.1em;
font-style:normal;
text-decoration:none;
text-indent:20px;
text-align:left;
}
	
#nav_left_ul a {color:#FFF; font:normal 18px Arial, Helvetica, sans-serif; text-decoration:none;}
#nav_left_ul a:hover {text-decoration:underline;}
#nav_left_ul a:visited {color:#000;}

/* Grimas Logo */
#nav_left img {
border: 0px;
margin: 90px 0 0 35px;
}

/* +++++++++++++++++++++++++++++++++++++++++ARTIKELTEXT++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#artikeltext {
float:left;
width:570px;
margin-left:10px;
margin-right:8px;
height:425px;
overflow:auto;
}

#artikeltext img {
float:left;
}

#artikeltext p {
height:auto;
font:70%/1.2 Arial, Helvetica, sans-serif;
}

#artikeltext a {color:#CF0400;}

#artikeltext a:hover {
color:#CF0400;
text-decoration:underline;
}

div#text_rechts {
float:right;
width: 220px;
height:400px;
}

/* +++++++++++++++++++++++++++++++++++++++++++KLASSEN++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.artikelbild {
border:none;
margin:12px;
}

.artikelbild_mit_rotem_rahmen {
border:2px solid #CF0400;
margin:10px;
}

.artikelbild_rechtsbuendig {
clear:left;
float:right;
border:none;
margin-right:20px;
}

.artikelbild_rechtsbuendig_mit_rotem_rahmen {
clear:left;
float:right;
border:2px solid #CF0400;
margin-right:20px;
}

.initialie {
font-size:1.1em;
color:#006666;
font-weight:bold;
}

.subline {
padding-left:15px;
font-size:60%
}

strong {
font-weight: bold;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#linkdesmonats li, #linksliste li {
list-style:inside;
color:#CF0400;
list-style-type:square;
font-size: 0.9em
}
.listsubline {
color:#000000;
padding-left:14px;
}

/* +++++++++++++++++++++++++++++++++++++++++FOOTER+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer {
	width:784px; /* ------------------ wert bestimmt breite der fußzeile */
	height:30px;
	margin:auto; /* zentriert footer */
	background-color:ffcc00;
}

#footer_in {
	width:780px;
	height:26px;
	margin:auto;
	border-top:2px solid #fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	line-height:1.8em;
	letter-spacing:0.05em;
	background-color:#0A246A;
}

#footer_in a, #footer_in a:visited {
font-weight:normal;
color:#FFF;
font-variant:small-caps;
letter-spacing:0.05em;
}

#footer_in a:hover, #footer_in a:active, #footer_in a:focus {
text-decoration:underline;
font-variant:small-caps;
letter-spacing:0.05em;
}

/* ++++++++++++++++++++++++++++ t e m p ++++++++++++++++++++++++++++ */
#Seitentext_rechts {
	background: #FFFFFF;
	float:left;
	width:500px;
	padding: 5px;
	margin-left:5px;
}