@charset "UTF-8";

/* FARBEN
hintergrund: #84838b
hintergrund inhalt: #010310
*******/

/* RESET */
*, html {
	border: none;
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 101.01%;
}

img ,div#content div, div#contentgb div, div#bottom_link_nike a img { 
behavior: url(http://www.miroslavklose.de/betaversion01/script/iepngfix.htc)
}

/* GENERAL
---------------------------------------------------------------------*/

body {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #cccccf;
	background: #a8acb4 url(../images/body/body-bg.jpg) repeat-x;
	}

img, div, ul, li, table, tr, td {
	border: 0;
	padding: 0;
	margin: 0;
	}

/* LAYOUT 
---------------------------------------------------------------------*/

#container_content {
	width: 1000px;
	position: relative;
	margin: 0px auto;
	background: transparent url(../images/body/container-content-bg.png) repeat-y;
	}

#container_top {
	width: 100%;
	height: 100%;
	background: transparent url(../images/header/container-bg.jpg) no-repeat top;
	}

#container_bottom {
	position: relative;
	height: 100%;
	padding-left: 70px;
	padding-right: 70px;
	padding-bottom: 164px;
	background: transparent url(../images/footer/container-bottom-bg.jpg) no-repeat bottom;
	}

body#galery #container_bottom {
	padding-bottom: 175px;
	} 

/* HEADER 
---------------------------------------------------------------------*/

body#uebermiro #header_left, 
body#start #header_left, 
body#specials #header_left,
body#galery #header_left,
body#guestbook #header_left
	{
	position: absolute;
	width: 435px;
	height: 223px;
	top: 0;
	left: 70px;
	background: transparent url(../images/header/arena.jpg) no-repeat;
	}

body#uebermiro #content_top, 
body#start #content_top,
body#specials #content_top, 
body#galery #content_top,
body#guestbook #content_top
	{
	position: relative;
	xheight: 228px;
	width: 860px;
	padding-top: 63px;
	xbackground: transparent url(../images/subseite/logo.jpg) repeat-y right;
	background: transparent url(../images/header/miro-uebermiro2.jpg) no-repeat top right;
	}

body#start #content_top,  body#galery #content_top{
	background: transparent url(../images/header/miro-start.jpg) no-repeat top right;
	}

body#specials #content_top {
	background: transparent url(../images/header/miro-specials2.jpg) no-repeat top right;
	}

body#guestbook #content_top {
	background: transparent url(../images/header/miro-guestbook.jpg) no-repeat top right;
	}

.logo {
	position: absolute;
	top: 40px;
	left: 45px;
	}

#flash {
	width: 860px;
	height: 161px;
	}


/* CONTENT 
---------------------------------------------------------------------*/

#content, #contentgb {
	width: 427px;
	margin-left: 50px;
	margin-top:  30px;
	margin-bottom: 50px;
	}
	
#contentgb {
	width: 650px;
	}

#content ul {
	list-style: none;
	padding-bottom: 20px;
	}

#content ul li {
	padding-left: 10px;
	display: inline;
	}

#content ul li.first {
	padding-right: 70px;
	}
	
#contentgb .posts {
  	margin: 0px;
  	padding: 0px;
  	width: 760px;
  	}

#contentgb table.gbtable {
  	color: #E9EFE0;
  	width: 650px;
  	background-color: #62636B;
  	}    
  	
#contentgb  td.leftcol {
  	width: 150px;
  	padding: 7px;
  	background-color: #040612;
	}
	
#contentgb td.rightcol {
  	width: 500px;
  	background-color: #040612;
	}
	
#contentgb td.bottom {
  	padding: 7px 0 0 7px;
  	background-color: #040612;
	}

#contentgb p.time {
  	line-height: 10px;
	}

.gbform {
	background-color:#0F1019;
	border:1px solid #75757A;
	color:#CCCCCF;
	font-family:verdana,helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	height:14px;
	width: 120px;
	text-decoration:none;
	}
.gbzeichen {
	background-color:#0F1019;
	border:1px solid #75757A;
	color:#CCCCCF;
	font-family:verdana,helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	height:14px;
	width: 30px;
	text-decoration:none;
	}
	
#postsubmit {
	height:12px;
	width:280px;
	}
	
.gbbutton{
	background-color:#0F1019;
	border:1px solid #75757A;
	color:#CCCCCF;
	cursor:pointer;
	font-family:verdana,helvetica,sans-serif;
	font-size:9px;
	line-height: 16px;
	margin-top: 6px;
	}
	
.gbsubmit {
	float:right; 
	margin-right: 198px; 
	margin-bottom: 10px;
	background-color:#0F1019;
	border:1px solid #75757A;
	color:#CCCCCF;
	cursor:pointer;
	font-family:verdana,helvetica,sans-serif;
	font-size:9px;
	line-height: 16px;
	}	


/* ÜBER MIRO - CONTAINER 01 
---------------------------------------------------------------------*/

.source {
	background: transparent url(../images/transparent/verlauf-mitte.png) repeat-y;	
	width: 370px; 
	padding-top: 10px;
	padding-left: 10px;
	voice-family: "\"}\""; /* BMH */
	voice-family: inherit;
	width: 360px;
	}

html>#source {
	width: 360px;
	}

.bordertop {
	clear: left;
	background: transparent url(../images/body/bordergrey-top.jpg) no-repeat;	
	font-size: 0px;
	width: 377px;
	height: 1px;
	}

.gradientbottom {
	background: transparent url(../images/transparent/verlauf-boden.png) no-repeat;	
	width: 377px;
	height: 84px;
	padding-bottom: 30px;
	}


/* ÜBER MIRO - CONTAINER 02 
---------------------------------------------------------------------*/

.dates {
	background: transparent url(../images/body/transparent.png) repeat-y;	
	border-top: 1px solid #75757a;
	border-bottom: 1px solid #75757a;
	clear: left;
	width: 427px; 
	padding-top: 10px;
	padding-bottom: 10px;
	}

.dates table {
	width: 427px;
	border: 0;
	}

.dates table td {
	padding: 3px 10px 3px 10px;
	font-size: 10px;
	height: 12px;
	line-height: 15px;
	}

.dates td.first {
	color: #f8d2b8;
	}

.dates td.boarderhoriz {
	background: url(../images/body/daten/td-bg-horiz.gif) repeat-x 0px 0px;	
	font-size: 0px;
	line-height: 0px;
	height: 2px;
	}

.dates td.boardervert {
	background: url(../images/body/daten/td-bg-vert.gif) repeat-y 0px 0px;	
	font-size: 1px;
	width: 2px;
	}

.redbar {
	background: transparent url(../images/body/redbar.png) no-repeat;	
	width: 427px;
	height: 18px;
	padding-bottom: 60px;
	}


/* START 
---------------------------------------------------------------------*/

/*body#start div#container_content {
	height: 795px;
	}
	*/
body#start div#container_bottom {
	background: transparent url(../images/bg_container_bottom_start.jpg) no-repeat bottom;
	}
	/*
body#start div#content_top {
	background: transparent url(../images/start/logo.jpg) repeat-y right;
	}
	
body#start div#content {
	position: absolute;
	top: 270px;
	left: 200px;
	}*/

body#start div#container_bottom {
	padding-bottom: 157px;
	}

#contentstart {
	width: 860px;
	height: 594px;
	}


/* LINKS IM FOOTER BEREICH
---------------------------------------------------------------------*/

#bottom_link_impressum,
#bottom_link_freyhauer,
#bottom_link_nike {
	position: absolute;
	}
	
#bottom_link_impressum {
	font-size: 1px;
	bottom: 125px;
	left: 90px;
	}

#bottom_link_impressum img {
	padding-right: 5px;
	}

#bottom_link_freyhauer {
	font-size: 1px;
	bottom: 125px;
	left: 640px;
	}
	
body#start #bottom_link_impressum, body#start #bottom_link_freyhauer {
	bottom: 105px;
	}	

#bottom_link_nike {
	xtop: 920px;
	right: 70px;
	bottom: 30px;
	}


/* TYPE 
---------------------------------------------------------------------*/

p {
	font-size: 11px;
	line-height: 17px;
	padding-bottom: 10px;
	}
	
.golden {
	text-decoration: none;
	color: #f8d2b8;
	line-height: 17px;
	font-size: 11px;
	padding-bottom: 0px;
	}

#contentstart p {
	margin-left: 50px;
	}

h1 {
	padding: 0;
	margin: 0;
	}

h2 {
	font-size: 12px;
	line-height: 17px;
	color: #cccccf;
	padding-bottom: 20px;
	}

#contentstart h2 {
	margin-left: 50px;
	padding-top: 30px;
	}

h3 {
	font-size: 11px;
	font-weight: bold;
	color: #f8d2b8;
	padding-bottom: 5px;
	}


/* LINKOLOGY 
---------------------------------------------------------------------*/


a {
	text-decoration: none;
	color: #f8d2b8;
	line-height: 16px;
	font-size: 10px;
	}


a.imprint {
	text-decoration: none;
	color: #CCCCCF;
	line-height: 17px;
	font-size: 11px;
	}