/*
Copyright: El Gordo
*/

* {
	margin: 0 0;
	padding: 0 0;
}

a {
	color:			#fff;
	text-decoration:	underline;
	}
		

body,html {
	font-family: Tahoma, Geneva, sans-serif;
	color: #fff;
	margin: 0 0;
	background-color: #000000;
	background-image: url(images/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 12px;
	}

span.online {
	font-weight:	bold;
	color:			#006600;
	}

span.offline {
	font-weight:	bold;
	color:			#660000;
	}


div#container {
	width:	1100px;
	margin:	0 auto 20px auto;
	background:	#000;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CC0000;
	border-bottom-color: #CC0000;
	border-left-color: #FFCCFF;
	}
div#container404 {
	width:	1100px;
	margin:	0 auto 20px auto;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #FF99CC;
	padding: 20px;
	margin-top: 250px;
	border-top-color: #FF99CC;
	background-color: #FFADAD;
	color: #990000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}
div#container404 a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	text-decoration: underline;
	font-weight: bold;
}
div#container404 a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	text-decoration: none;
	font-weight: normal;
}
div#container404 a:active {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #990000;
	text-decoration: blink;
}
div#container404 a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
#container404  p  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
	text-decoration: underline;
	font-weight: bold;
	font-style: normal;
}

div#header {
	height:		200px;
	width:		100%;
	text-align:	left;
	background-image: url(/templates/default/images/top_neu_back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	} 
h1  {
	font-family: Geneva, Helvetica;
	font-size: 12px;
	color: #FFF;
}
h2 {
	font-family: Geneva, Helvetica;
	font-size: 12px;
	color: #FFF;
}

div#header img {
	margin: 0 auto;
	}
#header_toptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 350px;
	margin-top: 0px;
	left: 740px;
	font-weight: normal;
	text-align: justify;
	height: auto;
	position: relative;
	padding: 0 2px 2px 2px;
	top: -200px;
}

div#navigation {
	background:	url(images/navbar_background.jpg) top left repeat-x;
	width:	100%;
	height:	35px;
	}

div#navigation ul#menu
	{
	list-style-type:	none;
	}

div#navigation ul#menu li {
	float:	left;
	margin: 	8px 10px auto 5px;
	width: auto;
	}

div#navigation ul#menu li a {
	font-size:	14px;
	display:		block;
	width:		auto;
	text-align:	center;
	} 

div#subnavigation {
	width:	100%;
	height:	35px;
	}


div#left {
	width:	830px;
	padding:	5px 5px 0 5px;
	float:	left;
	}

div#searchbar {
	width:	100%;
	height:	50px;
	margin:	8px auto;
	text-align:	center;
	color:	#000;
	}	

input.button {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #993300;
	background-image: url(images/back_sendername.jpg);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF9966;
	border-right-color: #993300;
	border-bottom-color: #993300;
	border-left-color: #FF9966;
}

input.formfeld {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #E2E2E2;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #666666;
}

div#catlists {
	width:	auto;
	height:	50px;
	margin:	20px;
	text-align:	center;
}

div#catlists div {
	clear:	both;
	}
	
ul#catnav {
	clear:	both;
	width:	auto;
	list-style-type:	none;
	margin:	0px auto;
	}

ul#catnav li {
	float:	left;
	width: auto;
	padding: 10px;
	}

ul#paginator {
	clear:	both;
	width:	800px;
	list-style-type:	none;
	margin:	10px auto;
	}

ul#paginator li {
	float:	left;
	margin:	0 10px 0 0;
	}

div.great_sender_box {
	float:	left;
	width:	100%;
	height:	auto;
	padding:	0 0;
	margin:	0 0 10px 0;
	background-color: #FFADAD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F99;
	border-right-color: #900;
	border-bottom-color: #900;
	border-left-color: #F99;
	}
div.great_sender_detail_box {
	float:	left;
	width:	100%;
	height:	600px;
	padding:	0 0;
	margin:	0 0 10px 0;
	background-color: #FFADAD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F99;
	border-right-color: #900;
	border-bottom-color: #900;
	border-left-color: #F99;
}
	
div.great_seiten_box {
	float:	left;
	width:	100%;
	height:	auto;
	padding:	0 0;
	margin:	0 0 10px 0;
	background-color: #FFADAD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F99;
	border-right-color: #900;
	border-bottom-color: #900;
	border-left-color: #F99;
}

div.sized_content_box {
	float:	left;
	width:	97%;
	height:	auto;
	padding:	5px;
	margin:	0 0 10px 0;
	background: #FFADAD;
	color:	#660000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffccff;
	border-right-color: #CC0000;
	border-bottom-color: #CC0000;
	border-left-color: #ffccff;
	}

div.great_content_box {
	float:	left;
	width:	100%;
	height:	750px;
	padding:	0 0;
	margin:	0 0 10px 0;
	background-color: #FFADAD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f99;
	border-right-color: #900;
	border-bottom-color: #900;
	border-left-color: #f99;
	text-align: center;
	color: #333;
	font-family: Geneva, Helvetica;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	}

div.great_sender_box p {
	margin:	5px 0 0 5px;
	}

div.great_sender_box div.ileft {
	float:	left;
	width:	340px;
	height:	350px;
	margin:	0 5px 0 0;
	padding: 0 0;
	background: #FFADAD;
	}

div.great_sender_box div.ileft div.extraimages {
	width:	320px;
	height:	50px;
	margin:	10px 10px 10px 10px;	
	text-align:	center;
	}

div.great_sender_box div.ileft div.extraimages img {
	width:	60px;
	height:	45px;
	margin:	2px 2px 0 0;
	}
	
div.great_sender_box div.ileft div.details
	{
	text-align:	center; 
	width:	320px;
	height:	50px;
	margin:	10px 10px 10px 10px;	
	float:	left;
	}

div.great_sender_box div.ileft div.details img {
	margin:	2px 15px 0 0;
	}

div.great_sender_box div.ileft div.details a img {
	border:		0;
	}
	
div.great_sender_box div.ileft div.image {
	background: url(images/bg_text.jpg) top left repeat-x;
	height:		240px;
	width:		320px;
	text-align:	center;
	margin:		10px 10px 10px 10px;
	}

div.great_sender_box div.ileft div.image a img {
	width:	320px;
	height:	240px;
}

div.guestbook_box {
	float:	left;
	width:	100%;
	height:	350px;
	padding:	0 0;
	margin:	0 0 10px 0;
	background: #FFADAD;
	color:	#000;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F99;
	border-right-color: #900;
	border-bottom-color: #900;
	border-left-color: #F99;
	}

div.guestbook_box p {
	margin:	10px 10px;
	}

div#entryform {
	border-bottom:	2px solid #000;
	padding:		5px 0;
	}	

div#entryform form label {
	display:	block;	
	width:	100px;
	padding:	2px 0;
	margin:	0 0 5px 5px;
	float:	left;
	} 

div.guestbook_box div.entries {
	height:	200px;
	overflow:	auto;
	}

div.entries div.entry {
	border-bottom:		1px solid #660000;
	margin:	0 0;
	padding-left:	5px;
	width:	98%;
	}

div.entries div.entry h3 {
	font-family: Tahoma;
	font-size: 12px;
	margin:	3px 0 0 0;
	color: #660000;
	}
div.entries div.entry p {
	font-family: Tahoma;
	font-size: 10px;
	margin:	3px 0 0 0;
	color: #000;
	}	


div.sender_box {
	float:	left;
	width:	200px;
	padding:	0 0;
	margin:	2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffcccc;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #ffcccc;
	height: 380px;
}

table.senderinfos {
	width:		auto;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	}
table.senderinfos tr td { 
	padding-left: 10px; 
	}

table.senderinfos tbody tr td.first 
	{
	width:				0px;
	vertical-align:	top;
	font-weight:		bold;
	color:				#660000;
	padding: 5;
	}

table.senderinfos tbody tr td 
	{
	width:		0px;
	color:		#000000;
	padding: 5;
	}

table.senderinfos tbody tr td a 
	{
	color:				#660000;
	text-decoration:	none;
	}
	
table.senderinfos tbody tr td a:hover 
	{
	text-decoration:	underline;
	}

div.sender_box div.header,
div.great_sender_box div.header,
div.guestbook_box div.header,
div.great_content_box div.header {
	height:		22px;
	text-align:	center;
	background-image: url(images/back_sendername.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	padding-top: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	}
	
div.seiten_box div.header,
div.great_seiten_box div.header,
div.guestbook_box div.header,
div.great_content_box div.header {
	height:		22px;
	text-align:	center;
	background-image: url(images/back_sendername.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	padding-top: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	}

div.sender_box div.image {
	background: url(images/bg_text.jpg) top left repeat-x;
	height:		150px;
	text-align:	center;
	}

div.sender_box div.image a img {
	width:	200px;
	height:	150px;
	border:	0;
	}
	
div.sender_box div.details {
	text-align:	center;
	height:		48px;
	background-image: url(images/bg_icons.jpg);
	background-color: #ffcc99;
	background-position: top;
	padding-top: 2px;
	}

div#right {
	width:	240px;
	float:	left;
	margin:	5px 5px;
	padding:	0 0 0 0;
	}

div.lil_box {
	margin:	0 auto 20px auto;
	width:	240px;
	background-color: #FFADAD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffcccc;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #ffcccc;
	}

div.lil_box p {
	color:	#660000;
	margin:	0 auto;
	padding:	10px 10px;
	}

div.lil_box p a {
	color:	#660000;
	}

div.lil_box div.header {
	background: url(images/back_sendername.jpg) top left repeat-x;
	height:		25px;
	text-align:	center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	font-weight: bold;
	}
div.lil_box div.innerlil {
	width:		115px;
	float:		left;
	border:		2px solid #fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 1px;
	}

div.lil_box div.innerlil div a  {
	text-decoration:		none;
	}
	
div.lil_box div.innerlil div a img {
	width:		115px;
	border:		none;
	height: 86px;
	}

div.breaker {
	clear: both;
	background:	url(images/navbar_background.jpg) top left repeat-x;
	width:	100%;
	height:	25px;
	text-align:	center;
	font-family: Tahoma;
	font-size: 12px;
	font-weight:	bold;
	margin-top: 10px;
	padding-top: 5px;
	}

div.subbreaker {
	clear: both;
	background:	url(images/navbar_background.jpg) top left repeat-x;
	width:	100%;
	height:	28px;
	text-align:	center;
	padding:	5px 0;
	font-family: Tahoma;
	font-size: 12px;
	font-weight:	bold;
	margin-top: 50px;
	}

div#footer {
	text-align:		center;
	}

ul#footerlinks {
	list-style-type:		none;
	margin:	0 auto;
	}

ul#footerlinks li {
	float:	left;
	margin: 	0 10px 0 0;
	}

div#top3sendermain {
	margin:	10px 0px 10px 80px;
	width:	auto;
	}
.top3text {
	padding: 5px;
}

div.top3sender {
	float:		left;
	margin:		2px;
	width:		230px;
	height:		210px;
	border:		1px solid #fff;
	}
	
div.top3sender div.header {
	background: url(images/back_sendername.jpg) top left repeat-x;
	height:		25px;
	text-align:	center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 5px;
	font-size: 12px;
	}

div.top3sender div a img {
	width:	230px;
	height:	180px;
	border:	0;
	}
	
div.chatsoftware {
	height:	45px;
	text-align:	center;
	background-color: #ffcc99;
	background-image: url(images/bg_icons.jpg);
	padding-top: 4px;
	}
div.chatsoftware a {
	color:	#000;
	margin:	10px auto;
	}	
div.chatsoftware a img {
	border:	0;
	}
.linkliste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	margin: 0 0 0 25px;
}
.linkliste a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #900;
}
.linkliste a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #900;
	text-decoration: none;
}
.linkliste a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #900;
	text-decoration: underline;
}
.top4bilder {
	float:		left;
	margin:		2px;
	width:		240px;
	height:		300px;
	border:		1px solid #fff;
}
.top4header {
	height:		30px;
	width:		auto;
	text-align:	center;
	background-image: url(images/back_sendername.jpg);
	padding: 5px 0 0 0;
}
.top4text {
	padding: 5px;
	height: 60px;
}
.top4bild {
	background-color: #FFF;
	padding: 2px;
	text-align: center;
	width: 230px;
	margin: 0 0 0 2px;
	height: auto;
}
.senderbox_details {
	float:	left;
	width:	100%;
	height:	auto;
	padding:	0 0;
	margin:	0 0 10px 0;
	background-color: #FFADAD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F99;
	border-right-color: #900;
	border-bottom-color: #900;
	border-left-color: #F99;
}
.details {
	text-align:	center;
	height:		48px;
	background-image: url(images/bg_icons.jpg);
	background-color: #ffcc99;
	background-position: top;
	padding-top: 2px;
}
.profiluri {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	margin: 0px;
	padding: 5px;
	float: left;
}
.textbox {
	margin: 5px;
	padding: 5px;
	border: 1px dashed #666;
}
