/*
#########################################
# Layout Website "Hard- & Softwareservice Dirk Schneider
#########################################
*/
/*
##################
# Layout Seitenelemente
##################
*/

body, html { 
        background: #cccccc top fixed url(body_bg.gif) repeat-y;
        color:#003399;
	height:100%;
	margin:0px;	
	padding:0px;
        text-align:center;
}

h1 { font:20pt Arial; font-weight:bold; }
h2 { font:9pt Arial; }
hr { width:130px; color:#003399; align:left; }
img { border:none; }
span { font-weight:bold; }
a:link { text-decoration:none; color:#ffffff; }
a:visited { text-decoration:none; color:#ffffff; }
a:hover { text-decoration:none; color:#ffffff; }
a:active { text-decoration:none; color:#ffffff; }
.footline:link {text-decoration:none; color:#003399; }
.footline:visited {text-decoration:none; color:#003399; }
.footline:hover {text-decoration:underline; color:#003399; }
.footline:active {text-decoration:none; color:#003399; }

/* Grundlayout Seite */
#cRoot {
        border-top:1px solid #999999;
        border-left:1px solid #999999;
        border-right:2px outset #cccccc; 
        border-bottom:2px outset #999999; 
        background:#ffffff; 
        width:1000px; 
        display:block;
        margin: 5px auto;
        text-align:left;
}

/* Logo Hard- & Softwareservice */
#cBanner {
	margin:0px;
	height:112px;
	display:block;
	width:505px;
	background-color:#FFFFFF;
	margin-left:1px;
	margin-bottom:1px;
        padding-top:10px;
        padding-bottom:10px;
}

/* Menu (blau) */
#cMenu {
	height:25px;
	width:791px;
	margin:0;
        padding:3px 0;
	background-color: #003399;
        float:left;
	position:relative;
        text-align:left;
}

/* Menu (rot) */
#cMenuRight {
	height:25px;
        width:200px auto;
	margin:0;
        padding:3px 0;
	background-color:#cc0000;
        margin-left:592px;
        text-align:left;
}

/* Bild über dem Inhalt */
#cHeader {
        margin:20px 0 0 0;
        float:left;
        width:791px;
        overflow:hidden;
        padding:0;
        border-right:1px solid #cccccc;
        background-color: #1b49a4;
}

/* Inhalt */
#cInhalt { 
        background-color:#ffffff;
        min-height:300px;
        width:791px;
        font:10pt Arial;
        float:left;
        overflow:hidden;
        border-right:1px solid #cccccc;
        margin:0;
        padding:0;
}

/* Leistungsübersicht */
#cNav {
        background-color:#e6e6e6;
        width:auto;
        margin:20px 0 0 791px;
        min-height:50px;
        padding:20px;
}

#cNavInhalt {
        background-color:#ffffff;
        width:auto;
        margin:0;
        font:9pt Arial;
        border:1px solid #cccccc;
        padding:10px
}

/* Abstand vor Fußzeile */
#cDist {
        clear:both;
        background-color:#cccccc;
        font:1pt Arial;
        width:1000px;
        min-height:1px;
        margin:0;
        padding:0;
}

/* Fußzeile */
#cCopy {
        background-color:#ffffff;
        width:666px;
        font:8pt Arial;
        float:left;
        padding:3px 0 0 3px;
        margin:0;
        height:35px;
        vertical-align:bottom;
        text-align:left;
}

#cFoot {
        background-color:#ffffff;
        width:auto;
        font:8pt Arial;
        vertical-align:bottom;
        color:#003399;
        margin:0 0 0 680px;
        padding: 3px 0;
        height:35px;
        text-align:left;
}

/*
######################
# Definition des Newstemplate
######################

/*  Newsbereich */
.newstable { height:252px; width:394; background-image:url(images/dischneider_news.png); background-repeat:no-repeat;  }
.news_left { width:145px; vertical-align:top; padding-top:20px;  padding-left:10px}
.news_right { width:250px; vertical-align:top; padding-top:20px; padding-left:10px; } 

/* News Layer */
#news1 {position: relative; visibility: visible; left: 20px; top: -10px; text-align:left; width:225; font:9pt Arial;}
#news2 {position: relative; visibility: hidden; left: 20px; top: -225px; text-align:left; width:225; font:9pt Arial;}
#news3 {position: relative; visibility: hidden; left: 20px; top: 0px; text-align:left; width:225;}
#steuerung {position: relative; visibility: visible; left: -5px; top: 45px; width:140px; text-align:left;font:8pt Arial;}


/*
###################
#  ypMenu Styles  #
###################
*/

.mmContent {
        font-size: 10pt;
        font-family: Arial;
}

.mmContent ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        z-index:2;
        position:relative; 
        left:0px; 
        top:0px;
}

.mmContent li {
        padding: 0px;
        margin: 0px;
 }
 
.menuBackground {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
}
 
.mmContent li a {
        display: block;
        color: #222222;
        font-weight: normal;
        font-size: 10pt;
        font-family: Arial;
        width: 150px;
        padding: 5px;
        text-decoration: none;
        border-bottom: solid 1px #cccccc;

}


* html .mmContent li a {
        width: 160px;
        width: 160px;
}

.mmContent li a:link { background: #cccccc; color: #003399; font-size: 10pt; text-align: left; }
.mmContent li a:visited { background: #cccccc; color: #003399; font-size: 10pt; text-align: left; }

.mmContent li a:hover{ background: #aaaaaa; color: #000000; font-size: 10pt; text-align: left; }
.mmContent li a:active { background: #cccccc; color: #003399; font-size: 10pt; text-align: left; }

.mmContent li a.submenu { background: #ffffff no-repeat left; }
.mmContent li a.submenu:hover { background: #cccccc no-repeat right center; }

/*


##########################################
#  ypMenu Styles for our belove IE 5.01  #
##########################################
*/

.mmContentb {
font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

.mmContentb ul {
margin: 0px; padding: 0px;
list-style: none;
z-index:2;
position:relative; 
left:0px; top:0px;
}
.mmContentb li {
padding: 0px; margin: 0px; }
 
.menuBackground {
position:absolute;
left:0px; top:0px;
z-index:1;
}

 
.mmContentb li a {
display: block;
width: 150px;
padding: 5px;
color: #222222;
font-weight: normal;
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
text-decoration: none;
border-bottom: solid 1px #cccccc;
}

* html .mmContentb li a {
width: 160px;
width: 160px;
}

.mmContentb li a:link { background: #cccccc; color: #003399; text-align: left; }
.mmContentb li a:visited { background: #cccccc; color: #003399; text-align: left; }

.mmContentb li a:hover{ background: #aaaaaa; color: #000000; text-align: left; }
.mmContentb li a:active { background: #cccccc; color: #003399; text-align: left; }

.mmContentb li a.submenu {
background: #ffffff no-repeat left;
font-size: 10pt;

}
.mmContentb li a.submenu:hover {
background: #cccccc no-repeat right center; 
font-size: 10pt;
}