html {
  height:100%;
  width:100%;
  text-align:center;
}

body {
  background-color:#B40000;
  margin:0px;
  padding:0px;
  text-align:center;
  font-family:Verdana, Arial, Helvetica;
  font-size:11px;
}

img {
  border:0px;
}

a:focus {outline:none;}

#blogHeadlineImg { margin-top:-2px; }
* html #blogHeadlineImg { margin-top:0px; }

#blogDropdown { margin-top:-2px; }
* html #blogDropdown { margin-top:0px; }

#main {
  width:885px;
  min-height:300px;
  margin-left: auto;
	margin-right: auto;
	margin-top:0px;
  position:relative;
  top:0px;
  z-index:2;
}


#outercontent {
  width:760px;
  margin-top:20px;
  font-size:11px;
}

#toonlayer {
  width:400px;
  height:400px;
  position:relative;
  z-index:10;
}


#toonmidlayer {
  width:400px;
  height:400px;
  position:relative;
  margin-top:-400px;
  z-index:15;
}


#toonoverlayer {
	position:relative;
	margin-top:-400px;
  z-index:15;
  width:400px;
    
}

#toonoverlayer a {
    
  display:block;
  z-index:21;
  width:400px;
  height:400px;
  background-image:url(../sys_img/start/toon_upperlayer.gif);
  background-repeat:no-repeat;
}


#outerdock {
  width:64px;
  position:absolute;
  top:290px;
  left:50%;
  margin-left:-488px;
  z-index:20;
}

#blogdock {
    margin-left:382px;
    position:absolute;  
    width:64px;
    z-index:20;
    left:50%;
    top:440px;
}


#sponsorSide {
    margin-left:382px;
    position:absolute;  
    width:64px;
    z-index:20;
    left:50%;
    top:430px;
}

#termine {
  background-image:url(../sys_img/start/termine_stretch.jpg);
  background-repeat:repeat-y;
  width:243px;
  float:left;
  margin:0;
  margin-top:10px;
  margin-left:10px;
  padding:0;
}

#werbung {
  float:left;
  margin-top:20px;
  margin-left:20px;
}

.termineup {
  background-image:url(../sys_img/start/termine_up.jpg);
  background-position:top;
  background-repeat:no-repeat;
  height:64px;
  width:243px;
}

.terminedown {
  background-image:url(../sys_img/start/termine_down.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
  color:white;
  width:243px;
  min-height:159px;
  font-size:11px;
}

* html .terminedown {
 height:159px;
}

#termineinner { 
  padding:14px 20px 40px 20px; 
 }


.content-right {
  padding-left:20px;
  padding-right:20px;
}

.tabstart {
  width:885px;
  min-height:100px;
  background-image:url(../sys_img/start/mainbg_str.gif);
  background-repeat:repeat-y;
 
}

.tabmain {
  height:500px;
  padding-left:70px;
}


#container_bd a {
	text-decoration: none;
}


#bloglayer{
	
	overflow:hidden !important;
	width:318px;
	height:360px;
	border:4px solid #000;
	background:#fff;
  position:absolute;  
  left:50%;
  top:0px; 
  vertical-align:middle;   
  margin:0px auto;
  margin-left:40px; 
  z-index:50;
  text-align:left;
  margin-top:-900px;
}

#blogarchiv {
  font-size:11px;
  margin-left:10px;
  margin-top:10px;
  
}

#newsletterlayer{
	overflow:hidden !important;
	width:570px;
	height:340px;
	border:4px solid #000;
	background:#fff;
  position:absolute;  
  left:50%;
  top:0px;
  vertical-align:middle;   
  margin-left:-200px; 
  z-index:51;
  text-align:left;
  margin-top:-1000px;
}

* html #newsletterlayer{ width:578px; }

#newsl_input {
  float:left; width:200px;
}

#newsl_inputfield {
  width:170px;border:4px solid #000;margin:40px 0px 0px 40px;
}

#option {
  float:left;padding-left:10px;margin:20px 0px 0px 20px;
}

#nic_c {
  position:relative;top:5px;left:5px;
}

#nic_b {
  position:relative;top:10px;left:5px;
}

#infotext {
  width:500px;
  margin-left:35px;
}

#newsletterStatusText {
  width:500px;
  margin-left:35px;
  font-weight: bold;
  margin-bottom: 10px;
}

.commentInput {
    border:2px solid #000000;
    background-color: #ece7d6;
}

#blogarchiv a {
    text-decoration: none;
    color: #000000;
}


div.blogCommentTop {
    width:280px; 
    height:8px; 
    background: url(../sys_img/start/blog_border_top.gif);
}

div.blogCommentBottom {
    width:280px; 
    height:8px; 
    background: url(../sys_img/start/blog_border_bottom.gif);
}

div.blogComment {
    background: url(../sys_img/start/blog_border_middle.gif);
    background-repeat: repeat-y;
    padding-left:8px;
    padding-right:8px;
}

div.blogCommentDatum {
    color: #ababab;
}

.alignright {
    float:right;
}

.alignleft {
    float:left;
}

a.blogPage, a.blogPage:visited, a.blogPage:active {
    text-decoration:none;
    color: #000000;
}

a.blogPage:hover, a.blogPage:focus {
    text-decoration:underline;
    color:#000000;
}
