html {
	 height: 100%;
	 margin-bottom:1px;
	 background-color: #dedcd4;
	 font-family:Arial;
	 font-size:12px;
	 line-heigth:16px;
}


div#box {
		width: 900px;
		min-height: 691px;
		background-color: #fff;
		border:1px solid #fff;
		position:relative;
		margin:auto;
		margin-top:10px;
		overflow:auto;
}

div#footer {
		width: 900px;
		position:relative;
		margin:auto;
		text-align:center;
		font-size:10px;
}

div#header {
		height: 80px;
		background-color: #fff;
		background:url(images/bambus_745x80.jpg) no-repeat;
		background-position:right bottom;
}


div#logo {
		height:80px;
		margin-left:26px;
		background:url(images/claro_Logo_header98.png) no-repeat;
		background-position:left bottom;
		
}

div#title {
		height: 40px;
		background-color: #fff;
		margin-left:155px;
		margin-right:14px;
		margin-bottom:5px;
		margin-top:10px;
		font-family:Arial;
		font-size:40px;
		color:#dedcd4;
}


div#textbox {
		width:745px;
		min-height:556px;
		height:auto !important;  /* für moderne Browser */
		height:555px;  /*für den IE */
		background-color: #dedcd4;
		float:right;
}

div#text {
		width:354px;
		margin-left:19px;
		margin-top:43px;
		margin-bottom:0px;
		margin-right:23px;
		/*background-color: #ececec;*/
		overflow:hidden;
}

div#pictext {
		width:342px;
		height:513px;
		margin-top:43px;
		margin-left:23px;
		background-color: #fff;
		float:right;
		position:relative;
}

div#picpic {
		width:342px;
		height:256px;
		bottom:0;
		position:absolute;
		background: url(random/rotate.php) no-repeat left bottom;
}


div#info {
		width:136px;
		height: auto;
		background-color: #fff;
		position: absolute;
		left: 0;
		bottom: 0;
		margin-left:14px;
		font-size:11px;
		line-height:14px;
}

div#menu {
		width:150px;
		background-color: #fff;
}


/*Schriftklassen*/

/*Haupttitel im Textbereich*/
h1 {
		font-size: 20px;
		line-height:24px;
		padding:0;
		margin:0;
		color:#960a4b;
}

/*Haupttitel in Sidebar rechts*/
h2 {
		font-size: 20px;
		line-height:24px;
		padding:0;
		margin-left:15px;
		margin-top:15px;
		color:#960a4b;
}

h2.blogtitel {
		font-size: 16px;
		line-height:20px;
		padding:0;
		margin-top:30px;
		color:#960a4b;
		border-top: 1px #960a4b solid;
}

h2#blogtitel {
		font-size: 20px;
		line-height:24px;
		padding:0;
		margin-top:30px;
		color:#960a4b;
		border-top: 1px #960a4b solid;
}

h2 a {
		color:#960a4b;
}

div#pictext p {
		margin-left:15px;
		font-size:11px;
}

p.postmetadata {
		font-size:11px;
		margin-bottom:30px;
}


table {
		font-family:Arial;
		font-size:12px;
		line-heigth:16px;
}

/*Menugestaltung*/
li.page_item {
		background-color:#960a4b; /*pink*/
		color:#fff;
		list-style: none;
		list-style-position: outside;
		margin-bottom:5px;
		text-decoration:none;
		font-size:12px;
		line-height:19.2px;
}

div#menu li a{
		color:#fff;
		margin-left:26px;
		text-decoration:none;
}

li.current_page_item {
		background-color:#ff6400;
		color:#fff;
		text-decoration:none;
}

ul {
		list-style-type:none;
		padding:0px;
		margin:0px;
		
}

ul li {
		list-style-type:none;
		margin-left:15px;
		margin-bottom:10px;
		float: left;
}

li h2 {
		font-size:16px;
		margin:0px;
		margin-top:15px;
}

ol.commentlist li {
		border-top: 1px #960a4b solid;
}

/*Links allgemein*/
a {
		color:#ff6400;
		text-decoration:none;
}

a img {
		border:none;
}



