/** template.css - Color Fantasy Fanpage **/

/** Standards **/

  body {
	font-size:12px;
/** Durch den Eintrag color:xxxx wird die Schrift etwas "bläulich" dargestellt | Ralf **/
/** Dieser Eintrag kann einfach entfernt werden                                       **/
        color:#344E68; 
	font-family:Arial,Helvetica,Verdana,sans-serif;
	background:#FFF url("../images/bg.gif");
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
    }

.pagenavbar {
text-align:center;
}

.blogsection {
width:90%;
}

.contentdescription {
padding-top:1em;
margin-bottom:20px;
}

hr {
margin-top:20px;
width:90%;
border:1px solid #000;
}


.contenttoc{
clear:right;
float:right;
margin-top:5px;
margin-right:50px;
margin-bottom:10px;
padding:2px;
}

.pagenavcounter {
clear:right;
float:right;
margin-top:5px;
margin-right:50px;
margin-bottom:10px;
padding:2px;
}

	
  #header {
        width:1000px;
        height:auto;
	margin:0px auto;
/**	old : height:130px; **/
        height:130px;
/**	old : background:none; **/
	background:none;
	background-repeat:no-repeat;
	background-position:center top;
	}
	
  .header {
        width:auto;
        height:auto;
	margin-left:10px;
	margin-bottom:2px;
    }

/** Anpassungen für neues Banner **/
.newbanner_l {
	float:left;
	width:auto;
	height:78;
	margin-top:6px;
	margin-right:22px;
	padding-right:35px;
        background-image:url("../images/frontpage1.gif"); **/
	background-repeat:repeat-x;
	}
/** Ende **/

#blockrandom {

margin:0px auto;
}

  #top {
	margin-top:0px;
	height:52px;
	background:url("../images/top-bg.png");
	background-repeat:repeat-x;
	padding:0px;
	margin-bottom:1em;
	text-align:center;
	padding-left:50em;
	padding-top:2px;
	}
	
  #menu {
        margin-top:10px;
        padding:0px auto;
	height:42px;
	background:url("../images/hmenu_bg.png");
	background-repeat:repeat-x;
	margin-bottom:1em;
	}
	
  #content-header {
        width:1020px;
        height:auto;
	margin:0px auto;
	padding-top:23px;
	background:url("../images/bg_header.png");
	background-repeat:no-repeat;
	background-position:center top;
	}

  #content-inhalt {
        overflow:auto;
	padding-left:2em;
	padding-right:2em;
        width: 1020px;
	height:auto;
        min-height:500px;
	background: url("../images/bg_content.png");
	background-repeat:repeat-y;
    }

  #content-inhalt-front {
	padding-left:2em;
	padding-right:2em;
        width: 1020px;
/**     old : height:85em; Standard       **/
/**     old : height:86em; ohne Kommentar **/
/**     old : height:92em; mit Kommentar  **/
/**     nach Änderungen von martinetraffic.com immer plus 4em**/
	height:94em;
	background: url("../images/bg_content.png");
	background-repeat:repeat-y;
    }
	
	
  #content-footer {
        width:1020px;
        height:auto;
	margin:0px auto;
	margin-bottom:10px;
	padding-top:23px;
	background:#FFF url("../images/bg_footer.gif");
	background-repeat:no-repeat;
	background-position:center top;
	}
	
/** Tabellenformation **/


table.center {
margin-left:auto;
margin-right:auto;
margin-top:21px;
margin-bottom:0px;
border-collapse:collapse;
font-size:12px;
}


.center {
margin-left:auto;
margin-right:auto;
margin-top:21px;
margin-bottom:0px;
border-collapse:collapse;
font-size:12px;
padding-left:5px;
}

td.border {
text-align:left;
padding-left:5px;
border-right:1px dotted #000;
}


/** Position **/	

  #position-head {
	float:right;
	margin-right:29px;
	padding-right:1em;
        width:648px;
	height:78px;
	margin-top:0px;
	background:url("../images/position_head.png");
	background-repeat:no-repeat;
	z-index:2;
    }
	
  #position-content {
	padding-left:1em;
	padding-right:1em;
        width:600x;
	height:auto;
	margin-top:78px;
	text-align:center;
	background:url("../images/position_content.png");
	background-repeat:-y;
    }
	
  #position-footer {
	padding-right:1em;
	margin-top:0px;
        width:648px;
/**     old : height:66px; **/
	height:70px;

	background:url("../images/position_footer.png");
	background-repeat:no-repeat;
	margin-bottom:50px;
    }
	
/** Aktuelles **/	

  #aktuelles-head {
	float:left;
	padding-right:2em;
        width:295px;
	height:63px;
	margin-top:14px;
	background:url("../images/aktuelles_head.png");
	background-repeat:no-repeat;
	z-index:1;
    }
	
  #aktuelles-content {
	padding-left:1em;
	padding-right:2em;
        width:260px;
	height:auto;
	margin-top:63px;
	background:url("../images/aktuelles_content.png");
	background-repeat:-y;
    }
	
  #aktuelles-footer {
	padding-right:2em;
        width:295px;
	height:66px;
	background:url("../images/aktuelles_footer.png");
	background-repeat:no-repeat;
	margin-bottom:50px;
    }
	
  .fifth {
	float:right;
	width:295px;
	height:85;
	margin-top:75px;
	margin-right:0px;
	padding-right:0px;
        background-image:url("../images/frontpage1.gif");
	background-repeat:no-repeat;
	}

	
/** Webcam **/	

 .webcam-kiel {
        float:right;
	width:210px;
	height:180;
	margin-top:-180px;
	margin-right:24px;
	padding-right:37px;
/**     background-image:url("../images/frontpage1.gif"); **/
	background-repeat:no-repeat;
	}

  #webcam-kiel-head {
	float:left;
	padding-right:2em;
        width:295px;
	height:63px;
	margin-top:-30px;
	background:url("../images/webcam_kiel_head.png");
	background-repeat:no-repeat;
	z-index:1;
    }

  #webcam-kiel-content {
	padding-left:1em;
	padding-right:2em;
        width:260px;
	height:180px;
	margin-top:-2px;
	background:url("../images/webcam_kiel_content.png");
	background-repeat:-y;
    }
	
  #webcam-kiel-footer {
	padding-right:2em;
        width:295px;
	height:66px;
	margin-top:-10px;
	background:url("../images/webcam_kiel_footer.png");
	background-repeat:no-repeat;
	margin-bottom:50px;
    }

  #beitrag-head-s {
	float:left;
	padding-left:2em;
	padding-right:2em;
        width:680px;
	height:44px;
	background:url("../images/beitrag_head_s.png");
	background-repeat:no-repeat;
    }
	
  #beitrag-s {
        float:left;
        width:713px;
	margin-top:0px;
	padding-left:1em;
	background:url("../images/beitrag_content_s.png");
	background-repeat:repeat -y;
	height:auto;
    }
	
  #beitrag-foot-s {

        float:left;
	padding-left:2em;
	padding-right:2em;
        width:680px;
	height:66px;
	margin-top:0px;
	background:url("../images/beitrag_footer_s.png");
	background-repeat:no-repeat;
    }
	
  #beitrag-head-b {
	display:inline-block;
	padding-left:2em;
        padding-right:2em;
	width:900px;
	height:43px;
	background:url("../images/beitrag_head_b.png");
	background-repeat:no-repeat;
    }

 #beitrag-b {
        width:936px;
	height:auto;
	display:inline-block;
	padding-left:1em;
	background:url("../images/beitrag_content_b.png");
	background-repeat:repeat-y;
    }
	
  #beitrag-foot-b {
	padding-left:2em;
	padding-right:2em;
        width:950px;
	height:65px;
	background: url("../images/beitrag_footer_b.png");
	background-repeat:no-repeat;
	
    }


  #breadcrumb {
	padding-left:1em;
	padding-bottom:1em;
	background:none;
	margin:0px auto;
	width:1000px;
    }
	
  #informationen {
        width:700px;
	margin:0px auto;
	margin-top:1em;
	padding-top:25px;
	padding-bottom:20px;
	margin-bottom:2em;
	border-top:#ADD7F5 2px dotted;
	border-bottom:#ADD7F5 2px dotted;
	font-family: MS Sans Serif;
	font-size:11pt;
	text-align:center;
	color:red;
	}
	
	#pictures {
        width:700px;
	margin:0px auto;
	margin-top:1em;
	padding-left:15px;
	margin-bottom:2em;
	border:0px;
	text-align:center;
	}
	
	
	
  #frontpage_info {
	float:right;
	width:229px;
	height:78;
	margin-top:19px;
        background-image:url("../images/frontpage1.gif");
	background-repeat:repeat-y;
	}

  #special {
        width:700px;
	margin:0px auto;
	margin-top:0em;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:1em;
	border-top:#000 2px dotted;
	border-bottom:#000 2px dotted;
	font-size:12px;
	text-align:center;
	font-weight: bold; 
	}
/** Box Rechts **/
	
  .first {
	float:right;
	width:229px;
	height:78;
	margin-top:6px;
/**     Original margin-top:30px; **/
	margin-right:22px;
/**     Original padding-right:25px; **/
	padding-right:35px;
        background-image:url("../images/frontpage1.gif");
	background-repeat:no-repeat;
	}
	
 .second {
	float:right;
	width:229px;
	height:78;
	margin-top:-230px;
/**     Original margin-top:-40px; **/
	margin-right:22px;
/**     Original padding-right:25px; **/
	padding-right:35px;
        background-image:url("../images/frontpage1.gif");
	background-repeat:no-repeat;
	}
	
 .third {
	float:right;
	width:229px;
	height:78;
	margin-top:-125px;
	margin-right:22px;
	padding-right:35px;
        background-image:url("../images/frontpage1.gif");
	background-repeat:no-repeat;
	}

 .fourth {
	float:right;
	width:229px;
	height:78;
	margin-top:-20px;
	margin-right:22px;
	padding-right:35px;
        background-image:url("../images/frontpage1.gif");
	background-repeat:no-repeat;
	}

  .boxes {
	clear:both;
	float:left;
	width:300px;
	height:auto;
	margin-top:20px;
	margin-right:22px;
	margin-bottom:20px;
	padding-right:5px;
        background:#fff;
	border:1px solid #000;
	}
	
 #position {
	float:left;
	width:auto;
	height:auto;
	margin-top:20px;
	margin-right:22px;
	margin-bottom:20px;
	padding-right:25px;
        background:#fff;
	border:1px solid #000;
	}
	
  #small-menu-right-content {
	float:right;
	width:229px;
	height:78;
	margin-top:78px;
        background-image:url("../images/frontpage1.gif");
	background-repeat:repeat-y;
	}
	
  #small-menu-right-foot {
	float:right;
	width:156px;
	height:19px;
        background-image:url("../images/boxr_down.gif");
	background-repeat:no-repeat;
	}
	
	
  .componentheading {
	text-align:center;
        font-weight:bold;
	color:#fff;
	font-size:18px;
	text-decoration:underline;
	margin-top:-33px;		
  }
					 

/** Menu **/

.menu-suckerfish-horizontal {
	padding-top:8px;
	padding-left:20px;
	margin:0px auto;
        width:1000px;
        position:relative;
	}

/** Text-Formatierung **/
/**
position:Wert;  
Für Wert einen der folgenden Werte notieren.
absolute = absolute Positionierung, gemessen am Rand des nächsthöheren Elternelements, das nicht die Normaleinstellung position:static hat. Scrollt mit.
fixed = absolute Positionierung, gemessen am "Viewport", d.h. am Browserfenster. Bleibt beim Scrollen stehen.
relative = relative Positionierung, gemessen an der Normalposition oder Anfangsposition des Elements selbst.
static = keine spezielle Positionierung, normaler Elementfluss (Normaleinstellung).
**/
	h1 {
        color: #FFFFFF;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	margin-top:-31px;
	font-style:normal;
        position:relative;
	}	

	h2 {
	color: #fff;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	margin-top:-31px;
	font-style:normal;
        position:relative;
	}
	
	h3 {
	text-align:left;
	color:#000;
	font-style:italic;
	font-size:16px;
	text-decoration:underline;
	}	
	
	h4 {
	text-align:left;
	color:#000;
	font-style:bold;
	font-size:16px;
	text-decoration:none;
	}	
	
  p {
	
	padding-top:1em;
	text-align:left;
  }
  
  	p.student {
	text-align:center;
	font-size:50px;
	}
	
  .left-float {
    margin: 0pt 0pt 1.2em;
    float: left;
    width: 15em;
	}
	
  span.article_separator {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 599px;
	height: 1px;
	display: block;
	background: url("../images/article_separator.png");
	}
	
/** Bild-Formatierung **/

img.bild-left {
margin-top:4px;
margin-bottom:4px;
margin-left:55px;
border:0px solid #000000;
}

img.bild-ganz-left {
margin-top:4px;
margin-bottom:4px;
margin-left:2px;
border:0px solid #000000;
}

img.bild-gal {
margin-top:6px;
margin-bottom:4px;
border:0px solid #000000;
}

img.bild-right {
clear:right;
margin-bottom:4px;
margin-right:40px;
float:right;
border:1px solid #000000;
}

img.bild-right-1 {
clear:right;
margin-bottom:4px;
margin-right:40px;
float:right;
border:1px solid #FFFFFF;
}

img.bild-right-2 {
clear:right;
margin-bottom:4px;
margin-right:210px;
float:right;
border:1px solid #FFFFFF;
}

img.space-right {
clear:right;
margin-top:10px;
margin-bottom:4px;
margin-right:55px;
float:right;
border:1px solid #000000;
}

img.bild-center {
display:block;
margin-left:auto;
margin-right:auto;
margin-top:4px;
margin-bottom:4px;
border:0px solid #000000;
}


	img {
	border:none;
	}
	
	img.pictures {
	border:none;
	padding-left:20px;
	}

	img.left-float {
	border:none;
	padding-top:10px;
	padding-right:8px;
	padding-left:8px;
	}
		
	img.center {
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:4px;
	margin-bottom:4px;
	border:0px solid #000000;
	}
	
/** Suchfunktion **/	

	#search {
        position: absolute;
	height: 20px;
	width: 230px;
	}

	.search {
/**     old : margin-right:20px; **/
        margin-right:-85px;
/**	old : margin-top:45px; **/
	margin-top:90px;
	
	float: right;
	background: transparent url("../images/search.png");
	background-repeat: no-repeat;
	}

	.search .inputbox {
	float: left;
	border: none;
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	width: 230px;
	height: 30px;
        padding: 0px 40px;
	margin: 0;
	background: none;
	}

	.search .button {
	float:left;
	margin:0;
	padding:0;
	text-transform:uppercase;
	width:35px;
	height:36px;
	background: transparent url("../images/search_bg.gif") no-repeat top left;
	}
	
/** Beitragsinformationen und -optionen **/

	.createdate {
	color:#99a1a7;
	display:block;
	font-size:0.85em;
	}

	.createdby {
	color:#99a1a7;
	display:block;
	font-size:0.85em;
	padding:0 0 0 2px;
	}

	.modifydate {
	color:#99a1a7;
	display:block;
	font-size:0.85em;
	padding:0;
	}

	span.content_rating,.leading span.content_rating {
	margin:10px 0 0;
	display:block;
	}

	.content_vote {
	margin:0 0 10px;
	display:block;
	}

	.content_vote input {
	margin:0 5px;
	}

	.content_vote .button {
	background:url(../images/pfeil.gif) #000 no-repeat;
	border:0;
	color:#fff;
	font-weight:bold;
	margin:20px 10px 0 0;
	padding:0 0 0 30px;
	cursor:pointer;
	}



/*Header für table content*/

	td.sectiontableheader {
	color:#fff;
	font-size:11pt;
	line-height:16px;
	font-weight:bold;
	padding:8px;
	background-color:#222;
	margin-button:5px;
	}

	.sectiontableheader a:link,.sectiontableheader a:visited {
	color:#fff;
	text-decoration:none;
	} 
	
	.sectiontableheader img {
	padding-left:5px;
	border:none;
	} 

/*Alternative Archiv Einträge*/

	tr.sectiontableentry1 td,td.sectiontableentry1 {
	background-color: #fff;
	border-bottom: 1px solid #f4f4f4;
	padding: 6px;
	}

	tr.sectiontableentry2 td ,td.sectiontableentry2 {#
	background-color: #fff;
	border-bottom: 1px solid #f4f4f4;
	padding: 6px;
	}

/* Article Overflow */

	div.blog_more {
	border-top: 1px solid #e6e6d4;
	}

	div.blog_more ul li a {
	border-bottom: 1px solid #eee;
        background: url(../images/style1/list-arrow.png) no-repeat 4px 10px;
        text-indent: 14px;
	}

	div.blog_more ul li a:hover {
	background-color: #f4f4f4;
	}

/* Article TOC Table */

	table.contenttoc {
	color: #220;
	border: 1px solid #d6d6d6;
	}
	
	table.contenttoc th {
	background-color: #ececec;
	color: #4f4f4f;
	}

	div.mosimage_caption {
	font-size: 0.9em;
	color: #666;
	}

	.pagenav {
	font-size: 1em;
	color: #000;
	}

/** Readon & Links**/

	a.readon {
	text-decoration:none;
	background:url(../images/readon.png) no-repeat 0px 2px;
	font-size:14px;
	line-height:18px;
	padding:0px 0px 0px 17px;
	}
	
	a.readon:hover {
	text-decoration:underline;
	}
	
	a {
	color: #246da5;
	text-decoration: underline;
	}
	
	a:hover {
	color: #2b84c8;
	text-decoration: none;
	}
	
/** Buttons **/

	.buttonheading {
	text-align:right;
	float:right;
	}

	.buttonheading img
	{
        float:right;
	text-align:right;
	border:0;
	}

	.buttonheading a:link,p.buttonheading a:visited
	{
	text-align:right;
	border:solid 2px #fff;
	}

	.leading p.buttonheading a:link,.leading p.buttonheading a:visited
	{
	text-align:right;
	border:solid 2px #EFDEEA;
	}

	.buttonheading a:hover
	{
	text-align:right;
	background:none !important;
	color:#000 !important;
	}

	.buttonheading a:active,p.buttonheading a:focus
	{
	text-align:right;
	border:solid 2px;
	color:#000;
	}

/** Footer **/
	
  #footer {
	padding-top:23px;
        clear:both;
        width:auto;
	height:28px;
	color:#000;
	background: url("../images/footer-bg.png");
	background-repeat:repeat -x;
    }
	
  #footer_inhalt {
	margin:0px auto;
	padding-left:1em;
	width:1000px;
	text-align:left;
    }