/**
*
*
    Haupt Stylesheet maglist.de
    
    verwendete Farben:
        - Rahmen: #cccccc
        - rot (Headline, Quadrat): #de2031
        - grau Schriftfarbe: #999999
        - Hintergrund: weiss
        - aktive Men�punkte: schwarz
*
*
**/

/* reset */

ul, li {
    margin:0;
    padding:0;
    list-style-type: none;   
}
a img {
    border: none;   
}
/*******/


html {
    font-size: 100.01%;  
    margin:0;
    padding:0; 
}
body {
    font-size: 62.5%;   
    font-family: Verdana;
    padding:0 0 20px 0;
    margin:0 0 20px 0;
    background: url(../img/bg.gif) left top repeat-x #e6e6e6;
    
    width: 100%;
    height: 100%;
}

/**
<img id="bg" src="img/bg.gif" />
farbverlauf im hintergrund, wegen skalierung enorm aufwendig
neue L�sung mit html background

#bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left:0;
    top:0;
    z-index: 1;   
}
**/

#page {
    width: 1010px;
    margin: 0 auto;
    background: url(../img/pagebg.gif) left top repeat-y;
}
#shadowtop {
    width: 1010px;
    background: url(../img/pagebgtop.gif) left top no-repeat;
    padding: 0 0 0 0;
}
#shadowbottom {
    width: 980px;
    background: url(../img/pagebgbottom.gif) left bottom no-repeat;
    padding: 0 15px 50px 15px;
    position: relative;
}

#logo {
    position: absolute;
    top:18px;
    left:35px;   
}

#topmenu{
    position: absolute;
    right: 20px;
    top: 86px;
}
.horizontalmenu {
    margin:0;
    padding:0;
}
.horizontalmenu li {
    float: left;
    background: url(../img/triangle_small.gif) left 0.25em no-repeat;
    padding: 0 0 0 10px;
    margin: 0 10px 0 0;   
}
.graytriangle li{
   background: url(../img/triangle_small_gray.gif) left 0.25em no-repeat; 
}
.horizontalmenu li a {
    font-size: 1.1em;
    color: #999999;
    text-decoration:none;
    line-height: 1.1em;
}


.horizontalmenu li.active a , .horizontalmenu li a:hover {
    color: black;
}

#logotopmenu {
	height: 122px;
}

#menuframe {
    margin: 14px 0 0 0;
    height: 27px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;  
}

#mainmenu {
    margin: 3px 0 0 30px;
}
#mainmenu li {
    float: left;  
    padding: 0 0 0 13px;
    margin: 0 35px 0 0;
    background: url(../img/square.gif) left 0.7em no-repeat;
}


#mainmenu li.active, #mainmenu li:hover {
    float: left;  
    padding: 0 0 0 13px;
    margin: 0 35px 0 0;
    background: url(../img/triangle.gif) left 0.5em no-repeat;
    color:black;
    font-weight:bold;
}
#mainmenu li a {
    font-size: 1.4em;  
    text-decoration: none;
    color: #666666; 
    line-height: 1.4em;
}
#mainmenu li.active a, #mainmenu li a:hover {
    color: black;
    font-weight:bold;
}

#leftframe {
    width: 200px;
    float: left;  
}
* html #leftframe {
    width: 197px;
}

.shadowleft {
    width: 200px;
    background: url(../img/shadowleft.gif) left top no-repeat; 
    padding: 26px 0 0 0;
}
* html .shadowleft {
    width: 197px;
}

.shadowright {
    width: 200px;
    background: url(../img/shadowright.gif) left top no-repeat; 
    padding: 26px 0 0 0;
}
* html .shadowright {
    width: 197px;
}

.verticalmenu {
    margin: 0 0 0 28px; 
}
.verticalmenu li {
    padding: 0 0 0 13px;
    background: url(../img/square.gif) left 0.9em no-repeat;   
}


.verticalmenu li.active {
    padding: 0 0 0 13px;
    background: url(../img/triangle.gif) left 0.7em no-repeat;   
    color: black;    
    font-weight:bold;
}


.verticalmenu li:hover {
    padding: 0 0 0 13px;
    background: url(../img/triangle.gif) left 0.7em no-repeat;   
    color: black;    
    font-weight:bold;
}



.triangle li {
    background: url(../img/triangle.gif) left 0.6em no-repeat;  
}
.verticalmenu li.emphasized {
    height: 35px;
    margin: 6px 0 0 -13px;
    padding: 5px 0 0 26px;
    background: url(../img/emphasized_bg.gif) left top no-repeat; 
}
.triangle li.emphasized {
    background: url(../img/emphasized_triangle_bg.gif) left top no-repeat; 
}
.verticalmenu li.emphasized a{
    color: white; 
    display: block;  
    height: 35px; 
}
.verticalmenu a {
    color: #666666;   
    font-size: 1.2em;
    text-decoration: none;
    line-height: 2.0em;
}
.verticalmenu li.active a, .verticalmenu li a:hover {
    color: black;    
    font-weight:bold;
}
.verticalmenu ul {
    margin: 2px 0 0 0;
}
.verticalmenu li li {
    background: url(../img/square_small.gif) left 0.7em no-repeat; 
}
.verticalmenu li li a {
    color: #999999 !important; 
    font-size: 1.1em;
    line-height: 1.6em;
}
.verticalmenu li li.active a, .verticalmenu li li a:hover {
    color: black !important;
}

#rightframe {
    float: right;
    width: 200px;
}
* html #rightframe {
    width: 197px;
}

#centerframe {
    margin: 0 200px;  
    width: 580px;
    background: url(../img/centershadow.gif) left top repeat-y; 
}
* html #centerframe {
    margin: 0 197px;  
}
#centerframe .shadowtop {
    background: url(../img/centershadowtop.gif) left top no-repeat; 
    padding: 27px 40px 0 40px;
    min-height:450px;
}
* html #centerframe .shadowtop{
    height: 450px;
}

#centerframe h1, #contact_overlay_form h1, #presentations_login_overlay h1 {
    margin: 0 0 13px 0;
    padding: 0 0 5px 0;
    font-size: 1.8em;
    font-weight: normal;
    color: #de2031;   
    border-bottom: 1px solid #cccccc;
    line-height: 1.4em;
}
#centerframe h2, #contact_overlay_form h2, #presentations_login_overlay h2  {
    margin: 0 0 13px 0;
    font-size: 1.4em;
    font-weight: normal;
    color: #de2031;  
    line-height: 1.4em; 
}
#centerframe p, #contact_overlay_form p, #presentations_login_overlay p  {
    margin: 0 0 17px 0;
    font-size: 1.1em;
    color: #black;
    line-height: 1.55em;       
}
#centerframe ul {
    margin: 0 0 17px 15px;
    padding:0;
}
#centerframe li {
    list-style-type: disc;
    margin: 0 0 5px 15px;
    color: Black;
    line-height: 1.55em;  
    font-size: 1.1em;
}

#centerframe a, #contact_overlay_form a, #presentations_login_overlay a, #rightframe a, #leftframe a {
    color: #666666;
    background: url(../img/triangle_small.gif) left 0.3em no-repeat; 
    padding: 0 0 0 10px;
    text-decoration: none;
    width: 100px;
}

/* THO, 24.07.2010, wg. Comicslider vor/zurück-Buttons*/
#centerframe #flowbutton_left a, #centerframe #flowbutton_right a {
    background: none;
    padding: 0px;
}

#page ul.verticalmenu li a {
	background: none;
	padding-left: 0px;
}

#centerframe a:hover, #contact_overlay_form a:hover, #presentations_login_overlay a:hover {
    color: black;
}

#bottommenu {
    position: absolute;
    right: 20px;
    bottom: -5px;
}

#tagcloud {
    font-size: 0.8em;  
    text-align: center; 
    width: 180px;
}

.strong1{
    font-size: 1.4em; 
    margin: 0 2px 4px 2px;
    font-weight: normal;
}
.strong2{
    font-size: 1.96em;   
    margin: 0 2px 4px 2px; 
    font-weight: normal;
}
.strong3{
    font-size: 2.74em;  
    margin: 0 2px 4px 2px; 
    font-weight: normal; 
}
.strong4{
    font-size: 3.84em;  
    margin: 0 2px 4px 2px;  
    font-weight: normal;
}

#tagcloud a{
    
    font-weight: normal;
    color: #999999;
    text-decoration: none;
}

#Internetagentur{
width: 200px;
}

p.content_hint {
	font-size: 0.4em;
	color: #666;
	padding-left: 10px;
	font-style: italic;
}





#contentright{

}

/* 
Menüpunkte TL 28.1.2010
*/

#menupunkt1{
width:112px;
}

#menupunkt2{
width:116px;
}

#menupunkt3{
width:43px;
}

#mainmenu li#menupunkt4{
width:252px;
margin-right:12px;
}

#menupunkt5{
width:80px;
}

#icon1:hover{
background: url(../img/icon_start.gif) left 0.3em no-repeat; 
padding-top:20px;
padding-left:37px;
font-weight:bold;
color:black;
}

#icon2:hover{
background: url(../img/icon_unternehmen.gif) left 0.3em no-repeat; 
padding-top:20px;
padding-left:37px;
font-weight:bold;
color:black;
}

#icon3:hover{
background: url(../img/icon_kundenlogin.gif) left 0.3em no-repeat; 
padding-top:20px;
padding-left:37px;
font-weight:bold;
color:black;
}



#icon1{
background: url(../img/icon_start.gif) left 0.3em no-repeat; 
padding-top:20px;
padding-left:37px;
width:90px;
}

#icon2{
background: url(../img/icon_unternehmen.gif) left 0.3em no-repeat; 
padding-top:20px;
padding-left:37px;
width:90px;
}

#icon3{
background: url(../img/icon_kundenlogin.gif) left 0.3em no-repeat; 
padding-top:20px;
padding-left:37px;
width:90px;
}


#icon4{
background: url(../img/icon_newsletter.gif) left 1.3em no-repeat; 
padding-top:20px;
padding-left:40px;
width:90px;
margin-left: -5px;
}

#icon5{
background: url(../img/icon_presselounge.gif) left 1.3em no-repeat; 
padding-top:20px;
padding-left:40px;
width:90px;
margin-left: -5px;
}

#icon6{
background: url(../img/icon_glossar.gif) left 1.3em no-repeat; 
padding-top:20px;
padding-left:40px;
width:90px;
margin-left: -5px;
}

#icon0{
background: url(../img/icon_kontakt.gif) left 1.3em no-repeat; 
padding-top:20px;
padding-left:40px;
width:90px;
margin-left: -5px;
}


#topmenu ul img{

}


/* Glossar */
#page a.glossary {
	background: none;
	padding: 0;
	text-decoration: none;
}

#page h1 a.glossary {
	color: #DE2031;
}
.tx-a21glossaryadvancedoutput-pi1 .navbar {
	margin-bottom: 17px;
}