body {
    margin: 0 0 0 0;
    background-color:#A2A3A3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
.ccontainweb {
    width:100%;
    text-align:center;
    background-color:#A2A3A3;
    margin:0;
    padding:0;

    }

.ccontainpage {
    padding: 2% 2.5% 3% 2.5%;
    margin:0px auto;
    width:90%;
    text-align:left;
   
    }

.wrapper{
    margin: 0 auto;
    width:52em;
height:900px;
    background: #A2A3A3;
    }



.header_news{
    margin-bottom: 0;
    text-align:left;
    background:#ddd;
    background: url(/rhodan_neu/bilder/header_flaschen2.jpg) no-repeat;
    height:171px;
    }

.header_kontakt{
    margin-bottom: 0;
    text-align:left;
    background:#ddd;
    background: url(/rhodan_neu/bilder/header_rolandoli1.jpg) no-repeat;
    height:171px;
    }

.footer{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height:30px;
    color: #fff;
    position:relative;
    height:38px;
    width:100%;
    background:url(/rhodan_neu/bilder/hg_navigation.gif) repeat-x;
    clear:both;
    }

.ranke {
    position:relative;
    height:133px;
    width:208px;
    top:20px;
    left:-2px;
    background: url(/rhodan_neu/bilder/ranke.png) no-repeat left;
    z-index:8;
    /*float:left;*/
    text-align:left;
}

* html .ranke {
            background-image: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/rhodan_neu/bilder/ranke.png", sizingMethod="");
            }

.logo{
    position:absolute;
    height:80px;
    width:218px;
    top:50px;
    left:0px;
    background: url(/rhodan_neu/bilder/logo_outline2.png) no-repeat left;
    z-index:10;
    /*float:left;*/
    
}

* html .logo {
            background-image: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/rhodan_neu/bilder/logo_outline2.png", sizingMethod="");
            }


#logotop  {
    position:relative;
    height:40px;
    width:280px;
    top:30px;
    left:0px;
    background: url(/rhodan_neu/bilder/) no-repeat;
    z-index:6;
}

#navigationtop  {
	position:relative;
	height:32px;
	/*width:838px;*/
	top:10px;
	left:0px;
	background:url(/rhodan_neu/bilder/hg_navigation.gif) repeat-x;
	z-index:3;
        clear:both;
}

#textara  {
	position:relative;
	clear:both;
	top:-27px;
	left:-30px;
	/*background:url(/rhodan_neu/bilder/startbild1.jpg);*/
	z-index:3;
        
}

#aktion  {
	position:absolute;
	height:480px;
	width:550px;
	top:110px;
	left:40px;
	clear:both;
	z-index:10;
       
}

#suchfeld  {
	position:relative;
	height:32px;
	/*width:838px;*/
	top:-29px;
	left:630px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #DB9E35;
	z-index:3;
        clear:both;
}

#abschicken { 
font-family:Verdana; 
color:white; 
background: #2e2e2d; 
border: 0px; 
width: 30px;
height:16px;
}
/* --------------- Container verschiedener Seiten BEGINN-------------- */

.containerRight{
    width: 51em;
    top:20px;
    position:relative;
    background:#993300;
    z-index:1;
    }

.columnShiftToLeft{
    left:0px;
    width: 11.5em;
    position: absolute;
    z-index:12; /* Opera7.54 */
    }

/* IE mac hack */

* html>body .columnShiftToLeft {
    overflow: auto;
    }

.containerLeft{
    top:0px;
    width: 11em;
    background:#2e2e2d;
    float:left;
    position:relative;
    }

.columnShiftToRight{
    
    width: 41em;
    background: #993300;
    left:11em;
    position: relative;
    display:inline-block;
    z-index:2; /* Opera7.54 */
    }

.columnShiftToRightFront{

    width: 41em;
    background: #161515;
    left:11em;
    position: relative;
    display:inline-block;
    z-index:2; /* Opera7.54 */
    }
/* IE mac hack */

* html>body .columnShiftToRight{
  display:inline-block;
  overflow: auto;
  }

/* --------------- Container verschiedener Seiten ENDE-------------- */

.contentnavigationtop{
    	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #DB9E35;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	border-bottom: 0px;
    
    }

.content{
    padding: 1em;
    line-height: 100%;

    }

.contentfooter{
    padding: 1em;
    font-size:0.85em;
    line-height: 100%;

    }

.contentliste {
    font-family: Arial, Helvetica, sans-serif;
    font-size:0.85em;
    color:#fff;
    line-height: 120%;
    }

.contentnormal {
    font-family: Arial, Helvetica, sans-serif;
    font-size:0.85em;
    color:#ffffff;
    line-height: 120%;
    padding:4em;

    padding-bottom: 20em;
        }

.contentnormalspruch {
    font-family: Arial, Helvetica, sans-serif;
    font-size:0.85em;
    color:#fff;
    line-height: 120%;
    padding:4em;
    background: url(/rhodan_neu/bilder/hg_spruch.jpg) no-repeat left;
        }


.contentnormal p{
    font-family: Arial, Helvetica, sans-serif;
    font-size:1.6em;
    color:#fff;
    padding:0em;
    }


.contentkontakt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color:#ccc;
    line-height: 100%;
    padding:2em;
    text-align:center;
    left:-1.6em;
    position:relative;
    }

.contentkontakt p{
    text-align:left;
    line-height: 40%;
    position:relative;
    left:0.3em;
    
}

.brclear {
    clear:both;
    height:0;
    margin:0;
    font-size: 1px;
    line-height: 0;
    }

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;	
    color: #3A0701;
	}


h3 { 
    font: italic normal 12pt georgia; 
    letter-spacing: 1px; 
    margin-bottom: 0px; 
    color: #7D775C;
		}




/* --------------- Input-------------- */

	input.submit1 {background: url(/rhodan_neu/bilder/warenkorbin.png) no-repeat center;
		width:100px;
	        height:20px; 
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
	
}

/* --------------- Links -------------- */
	
	a:link { 
		text-decoration: none; 
		
		color: #F7D6B5;
	}
	a:visited { 
	 
		text-decoration: none; 
		color: #F7D6B5;
	}
	a:hover, a:active { 
		padding-top:0px;
		color: #DB9E35;
	}
        
        a.headlinelink:link { 
		
    	
    	        padding-left: 19px;
		text-decoration: none; 
		color: #F7D6B5;
                background: url(/rhodan_neu/bilder/pe1.gif) 5px no-repeat;
	}
        a.headlinelink:visited { 
		
    	        padding-left: 19px;
		text-decoration: none; 
		color: #F7D6B5;
                background: url(/rhodan_neu/bilder/pe1.gif) 5px no-repeat;
	}
        a.headlinelink:hover { 
		
    	        padding-left: 19px;
		text-decoration: none; 
		color: #DB9E35;
                background: url(/rhodan_neu/bilder/pe1.gif) 5px no-repeat;
	}


.textarea a:link{
                padding-left: 19px;
		text-decoration: none; 
		color: #F7D6B5;
                background: url(/rhodan_neu/bilder/pe1.gif) 5px no-repeat;
    }

.textarea a:visited{
                padding-left: 19px;
		text-decoration: none; 
		color: #F7D6B5;
                background: url(/rhodan_neu/bilder/pe1.gif) 5px no-repeat;
    }

.textarea a:hover{
                padding-left: 19px;
		text-decoration: none; 
		color: #DB9E35;
                background: url(/rhodan_neu/bilder/pe1.gif) 5px no-repeat;
    }
/*----------- Listen ---------------*/

span{

	color: #ccc;
	text-decoration: none;
	
}

.columnShiftToLeft ul li {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #DB9E35;
	text-decoration: none;
	line-height: 30px;
	list-style-image:none;
	list-style-type: none;
	border-bottom: 1px solid #fff;
	
		
}

.liste_ohne  {

	font-family: Arial, Helvetica, sans-serif;
	
	color: #F7D08F;
	text-decoration: none;
	line-height: 30px;
	list-style-type: none;
	border-bottom: none;
	
		
}

#warenkorblinks {
        position:relative;
        height:30em;
        left:0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #210806;
	text-decoration: none;
	line-height: 0.7em;
        padding-left:0.8em;	
       

}


/********************newsbox******************/

.newsboxcontent{
        top:0em;
        left:-3em;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
        width: 11em;
        /*background: #F5F9FA;*/
        position:relative;
        z-index:7;
        }


.newsletterabo {
	
	margin-left: 30px;
	
	text-align: left;
}

.boxhead {
	
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	
	margin: 0;
	/*padding: 10px 30px 5px;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: red; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 0.5em;
	
}


.headline h1 {
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em; 
	color: #fff;
}

.headline h2 {
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
        font-weight: normal; 
	font-size: 16px; 
	color: #ffff99;
}

.datum h1 {
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold; 
	font-size: 0.8em; 
	color: #ffffff;
}

.datum  {
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold; 
	font-size: 0.8em; 
	color: #ffffff;
}


.editmode{color: #FAEFBB; margin:0.2em; font-size: 1.0em;}