@charset "utf-8";

html {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #FF9933;
	background-image: url(../images/bg_body.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

table {
	border: 0px;
	border-collapse: 0px;
	border-spacing: 0px;	
}

input {
	height: 19px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	font-size: 13px;
	color: #666666;	
}

.clear_both {
	clear: both;
	width: 100%;
}

#middle {
	position: relative;
	width: 920px;
	margin: 0px auto;
	margin-top: 70px; 
}

a:link, a:visited {
	color: #333333;
	text-decoration: none;	
}

a:active, a:hover {
	color: #333333;
	text-decoration: underline;
}

ul {
	padding: 0px;
	margin: 0px;
}

li {
	margin: 0px;
}

/* ############## F O R M U L A R ########################################## */

form {
	margin: 0px;
	padding: 0px;
}

input, textarea {
	border: 1px solid #333333;
	font-size: 13px;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	margin: 5px 0px 10px 0px;
	color: #333333;
}

.formular_checkbox {

	height: 15px;
	width: 15px;
	margin-right: 20px;
}

.formular_label_for_checkbox {
	position: relative;
	top: -4px;
}

.formular_button {
	color: #FFFFFF;
	font-size: 13px;
	height: 35px;
	background-color: #333333;
}


/* ######################################################################### */
/* ############## T A B S ################################################## */
/* ######################################################################### */


#tabs {
	position: absolute;
	top: -28px;
	right: 10px;
	text-align: right;
	font-size: 16px;
}

#tabs li, #tabs ul {
	float: left;
	list-style: none;
}

#tabs ul {
	list-style: none;
}

#tabs li {
	float: left;
	margin: 0px 10px;
	padding: 5px 8px 8px 8px;
	background-color: #FFC081;
	color: #666666;
}


/* ######################################################################### */
/* ############## C O N T E N T ############################################ */
/* ######################################################################### */


#content_top {
	position: relative;
	background-color: #FFFFFF;
	padding: 20px;
	clear: both;
}

#bubble_top {
	position: relative;
	margin-top: 40px;
	padding: 60px 8px 40px 8px;
	width: 451px;
	height: 115px;
	background-image: url(../images/bubble_top.gif);
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: normal;
}

#bubble_klein {
	position: relative;
	margin-top: 40px;
	padding: 10px 8px 10px 8px;
	width: 451px;
	height: 100px;
	background-image: url(../images/bubble_klein.gif);
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: normal;
}

#bubble_top_item {
	position: absolute;
	right: 2px;
	height: 19px;
	bottom: 9px;
	text-align: right;
	font-size: 11px;
	color: #999999;
}

#eintrag_link {
	font-size: 18px;
}

#text_top {
	position: relative;
	float: right;
	width: 300px;
}

#text_top .formular_textfield, #text_top .formular_button {
	width: 300px;
}

#bubble_top textarea {
	width: 451px;
	height: 115px;
	margin: 0px;
	border: none;
	font-style: italic;
	font-size: 18px;	
}

#content_middle {
	position: relative;
	background-color: #FFC081;
	padding: 35px 60px 10px 60px;
	clear: both;
}

.bubble_middle {
	position: relative;
	margin: 0px 16px;
	padding: 8px 8px 33px 8px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(../images/bg_bubble_middle.gif);
	background-repeat: no-repeat;		
	height: 86px;
	width: 151px;
	cursor: hand;
	cursor: pointer;
}

#arrow_middle_left {
	position: absolute;
	left: 12px; 
	top: 62px;
}

#arrow_middle_right {
	position: absolute;
	right: 12px; 
	top: 62px;
}

#content_bottom {
	position: relative;
	background-color: #FFFFFF;
	padding: 20px;
	clear: both;
}

#alle {
	font-size:18px;
	line-height: 30px;
}

#agb {
	margin: 20px;
	font-size:14px;
}
/* ############## L I S T S ############################################### */

.div_content_list ul {
	padding-left: 20px;
	margin: 2px 0px;
}

.div_content_list a:link, .div_content_list a:visited {
	color: #777777;
	text-decoration: none;	
}

.div_content_list a:active, .div_content_list a:hover {
	color: #333333;
	text-decoration: underline;
}



/* ######################################################################### */
/* ############## F O O T E R ############################################## */
/* ######################################################################### */

#footer {
	position: relative;
	background-color: #FFFFFF;
	margin: 70px auto 30px auto;
	padding: 0px 20px;
	padding-top: 40px;
	width: 880px;
	height: 30px;
	clear: both;
}

#footer a:link, #footer a:visited {
	color: #666666;
	text-decoration: none;	
}

#footer a:active, #footer a:hover {
	color: #666666;
	text-decoration: underline;
}

#footer li, #footer ul {
	float: left;
	list-style: none;
}

#footer ul {
	position: absolute;
	top: 10px;
	list-style: none;
}

#footer li {
	float: left;
}

#footer li {
	padding: 0px 3px;
}

#copyright {
	float: left;
	color: #AAAAAA;
}

#company_1 { /* FRUNGI */
	position: relative;
	float: right;
	margin: 0px 20px;
	padding-right: 50px;
	color: #AAAAAA;
}

#company_2 { /* iNet.development */
	position: relative;
	float: right;
	margin: 0px 20px;
	padding-right: 155px;
	color: #AAAAAA;
}

#company_1_img {
	position: absolute;
	bottom: -15px;
	right: 0px;
}

#company_2_img {
	position: absolute;
	bottom: -10px;
}

#footer_bottom_spacer {
	height: 1px;
}