body{
/*background-color:#C9C9C9;*/
font-family: helvetica,sans-serif,Arial; 							
height:100%;
margin:0;
padding:0;
color:#000;
/* color:#A1A1A1; */
font-size:14px;
/*background: #232227; 
background: #A9A9AA;*/
background-color: #3e3e3e;


}

#wrapper{
z-index:10;
width: 1200px;
margin:0 auto 30px;
padding:0;
position:relative;
background: #232227;  /* Old browsers */
min-height: 700px;
/*
box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.6);
-ms-box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.6);
-o-box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.6); */
}	
/*
#inner_wrapper{
z-index:10;
width: 1200px;
margin:0 auto;
padding:0;
position:relative;
background: url('/i/trans.png') #a59e98;  /* Old browsers

}	
*/

#outer_wrapper{
z-index:10;
width: 980px;
margin:0 auto;
padding:0;
position:relative;
}	

#inner_background {
	/*background: url('../i/transbody.png');*/
}

#head{
z-index:10;
margin: 60px 0 20px 10px;
position:relative;
}

#top_head {
	/*background: url('../i/header_top.jpg') 16px 10px;*/
	height: 130px;
}

.top{
position:absolute;
right:3px;
top:-22px;
font-size:10px;
color:#fff;
}
.top a{
text-decoration:none;
color:#fff;
background-color:transparent;
}
.top a:hover{
text-decoration:line-through;
color:#fff !important;
}
.top a.active{
text-decoration:line-through;
color:#fff !important;
}
#login a{
background-color:transparent;
}
.logo{
margin:0;
height:250px;
width:980px;
}
/*
.navi{
width:980px;
z-index:5;
position:absolute;
top:0;
left:0;
background-color:transparent;
} */

/* ################ EINSTIEG ################### */

#start_wrapper{
	z-index:10;
	width: 1200px;
	margin: 100px auto;
	padding:0;
	position:relative;
}	

#content_einstieg {
	width: 1200px;
	height: 400px;
	background: #999;
}

#content_einstieg_left {
	width: 600px;
	position:relative;
	float:left;
	height: 400px;
}

#content_einstieg_right {
	width: 600px;
	position:relative;
	float:right;
	height: 400px;
	opacity: 0.25;
}

#content_einstieg_right:hover {
	opacity: 1;
}

/* ################ BOXEN #################### */
.inner {
}
.container {
	position: relative;
	display: block;
	padding: 0 5px;
	border: 0;
	overflow: visible;
	background-color: #000;
}
/* ################ NAVI ##################### */

.navi {
	width:950px;
	z-index:5;
	position:relative;
	top:0;
	left:0;
	height: 38px;
	padding-left: 20px;
}
.navi ul{
list-style-type:none;
padding:0;
margin:0 0 0 0px;
background-color:transparent;
}
.navi ul li{
float: left;
margin:0;
padding:6px 30px 6px 0px;
position:relative;
}
.navi ul li:last-child{
border-right:0;
} 
.navi ul li:hover{
	text-decoration:none;
}
.navi ul li a{
	font-weight:bold;
}
.navi ul li.active a{
	color:#b21121;
}
.navi ul li.active ul.sub li a {
	text-decoration:none;
	color:#232227;
}
.navi ul li ul.sub li:hover a{
	color:#b21121;
}
.navi a{
background-color:transparent;
color: #232227;
font-size:20px;
}
.navi ul.sub{
position:absolute;
top:38px;
left:0;
display:none;
margin-top: -2px;
padding-left:5px;
background: #D7D7D7;
opacity: 0.8;
}
.navi ul.sub li{
border-radius:0;
border: 0;
padding-top: 10px;
}

.navi ul.sub li a{
width:150px;
font-size: 13px;
display:inline-block;
}
.navi ul li:hover ul.sub{
display:block;
}

.navi a:hover{
color: #b21121;
}
.rss_feed{
margin:50px 0 0 0;
background-image:url("../i/rss_feed.png");
background-repeat:no-repeat;
height:82px;
width:67px;
position:fixed;
right:0;
top:200px;
}
.rss_feed:hover{
background-image:url("../i/rss_feed_2.png");
}
.facebook_like{
position:absolute;
right:145px;
top:325px;
}

#content{
z-index:10;
margin:0px auto 0px auto;
width: 623px;
height:514px;
background: url('../i/trans.png');
overflow:auto;
}
.content_left1{
width: 680px;
float: left;
padding: 0;
z-index: 3;
margin-right: 20px;
background: url('../i/trans.png');
}
.content_right1{
float:right;
width:240px;
padding:0;
z-index:3;         
background: url('../i/trans.png');
}

.box_background {
	/*background: url('../i/trans.png'); */
}

.content_left_index{
width:480px;
float:left;
padding:0;
z-index:3;
}
.content_right_index{
float:right;
width:480px;
padding:0;
z-index:3;          
}


.content_head{
}
.content_blog{
padding:0 10px;
}
#bottom{
margin-bottom: 20px;
clear:both;
/*background: #232227;*/
background: #3e3e3e;
color: #FFFFFF;
font-weight: bold;
padding:10px 0;
}
#bottom a{
background-color:transparent;
padding:6px 8px;
margin:0;
font-size: 16px;
color: #FFF;

}

#bottom a:hover, #bottom a.active {
	color:#b21121;
	text-decoration: none;
	
}

#bottom img{
padding:0;
border:0;
}
.trenner, .linie{
background-image:url("../i/l.png");
height:1px;
width:100%;
margin:15px 0 0 0;
}

h1 {
	margin:5px 0;
	font-size:250%;
}
h2 {
	margin:5px 0;
	font-size:200%;
}
h3 {
	padding:0;
	margin:0 0 5px 0;
	font-size:150%;
}
h4 {
	padding:0;
	font-size:133.33%;
	margin:0 0 5px 0;
}
h5 {
font-size:116.67%;
}
h6 {
font-size:100.98%;
}

p{
margin:0 0 8px 0;
}
a{
color:#b21121;
text-decoration:none;
}
a:hover{
color:#b21121;
background-color:transparent;
text-decoration:underline;
}
a.n_grun{
color:#000;
/* color:#C9C9C9; */
text-decoration:none;
background-color:transparent;
}
p.small{
margin:5px 0;
padding:0;
}
.list a{
background-color:transparent;
}
.bg_grey{
background-color:#EEEEEE;
}
.image{
border:0;
background-color:transparent;
-webkit-box-shadow: 1px 2px 4px #aaaaaa;
-moz-box-shadow: 1px 2px 4px #aaaaaa;
box-shadow: 1px 2px 4px #aaaaaa;
}
.image:hover{
}
.image_left{
float:left;
margin:4px 20px 5px 0px;
}

.image_right{
float:right;
margin:4px 0px 5px 20px;
}
.list {
float: left;
padding: 0;
text-align: center;
}
.list a{
padding:0;
margin:3px 2px;
}
.boxpadding{
padding:10px;
}
.boxpadding5{
padding:5px;
}
.right{
float:right;
}
.left{
float:left;
}
.clear {
font-size: 1px; 
height: 1px;
} 
ul {
list-style: none;
padding: 0;
margin: 0 0 0 10px;
line-height: 1.6;
}
li {
padding: 0px;
margin: 2px 0;
} 
ol {
line-height: 1.6;
margin: 0px;
padding: 20px;
}
.comment{
width:520px;
margin:2px 2px 2px 5px;
}
.delete, .arrow_right{
color:#b21121;
padding:2px 3px 0 3px;
}
.delete:hover, .arrow_right:hover{
color:#b21121;
}
.arrow_right{
padding:1px 3px;
margin:3px 1px;
}
.list_item{
}
.cat, .inactive{
font-size:16px;
background-color:transparent;
}
.cat:hover, .active{
color:#b21121;
}
.content_right ul li{
font-size:14px;
}

h3.header_view {
	margin-left: 10px;
	border-bottom: 1px #666 solid;
}

div.foolsfigure_view p {
	text-align: justify;
}
/* ############################ Infoboxen ############################ */
.link_infobox{
cursor:help;
margin:0 25px 0 5px;
height:18px;
width:18px;
position:relative;
}
.infobox{
display:none;
position:absolute;
z-index:1000;
top:20px;
right:5px;
background-color:#5165BB;
border:#fff 1px solid;
width:200px;
padding:5px;
color:#ffffff;
font-size:15px;
font-weight:bold;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}


.link_infobox:hover .infobox{
display:block;
}
.imglist ul{
padding:0;
margin:0;
}
#autoDiv a{
background-color:transparent;
}
.article p{
display:inline;
}
.image_left_big{
float:left;
margin:8px 10px 5px 10px;
width:278px;
}
.calendar_side{
 font-size:19px;
}

#facebook, #vimeo, #twitter{
    background: url("../i/social-links.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 25px;
    text-indent: -9999px;
    width: 26px;
	padding:0;
	margin:0;
}
#facebook {
    background-position: -108px 0;
}
#vimeo {
    background-position: -244px 0;
}
#twitter {
    background-position: -163px 0;
}
#facebook:hover {
    background-position: -108px -25px;
}
#vimeo:hover {
    background-position: -244px -25px;
}
#twitter:hover {
    background-position: -163px -25px;
}

.box_klein {
	width: 200px;
}

.box_gross {
	width: 700px;
}

/* ################################ BUTTONs ######################################## */

.button, .button:visited {
        background: #333 url(../i/alert-overlay.png) repeat-x;
        display: inline-block;
        padding: 5px 10px 6px;
        color: #fff;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        border-radius: 5px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
        position: relative;
        cursor: pointer;
        margin: 3px 3px 0 0;
}

.button:hover                                                   { background-color: #111; color: #fff; }
.button img                                                                        { vertical-align:middle; border: 0px; }
.button:active                                                        { top: 1px; }
.button:hover                                                                { text-decoration: none; }
.small.button, .small.button:visited         { font-size: 11px; padding: ; }
.button, .button:visited,
.medium.button, .medium.button:visited         { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button, .large.button:visited         { font-size: 14px; padding: 8px 14px 9px; }
input.large.button                                                 { padding: 6px 14px 6px; }
input.middle.button                                         { padding: 2px 14px 3px; }
input.small.button                                                 { padding: 2px 14px 3px; }
.lila.button, .lila.button:visited                { background: #B31E65; border: #5B0F33 solid 2px; }
.lila.button:hover                                                { background: #87164B; }
.red.button, .red.button:visited                { background: #e33100; }
.red.button:hover                                                { background: #872300; }
.green.button, .green.button:visited                { background: #20a44e; }
.green.button:hover                                                { background: #0e7934; }
.blue.button, .blue.button:visited                { background: #3b5998; }
.blue.button:hover                                                { background: #0f147b; }

.active.button {
	background: #000000;
}

/* ################################ IMAGE LISTS ###################################### */
.image_list_big {
	text-align: center;
	float: left;
	margin: 0 3px 10px 3px;
	width: 275px;
}
/* ################################ WEBX0 Icon ###################################### */
.divbox {float:left;height:480px;padding:10px;background-color:#eaeaea;width:300px}

.link_infoboxWebx {
	position:relative;
	cursor:help;
}

.link_infoboxWebx:hover .infoboxWebx {
	display:block;
}

.infoboxWebx {
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
/*	background:none repeat scroll 0 0 white;
	border:1px solid #CCCCCC;*/
	background: none;
	color:#333333;
	display:none;
	height:auto;
	left:0px;
	padding:5px 10px;
	position:absolute;
	bottom:25px;
	width:1000px;
	z-index:10000;
	font-size: 12px;
	text-align:left;
}

.infoboxWebx ul {
	padding-left: 20px;
	list-style-type: disc;
}

.infoboxWebx ul li {
	margin-bottom: 5px;
}

div#bottom .divbox a {
	color: #D97E04;
	font-size: 12px;
}