@charset "UTF-8";

/**
 * Riesenkürbis
 * Start Stylesheet
 * 
 * 
 * @author Michael Kalcher
 * @version 1.0
 * @site http://riesenkuerbis.at
 * 
 * @style default
 * 
 * (C) Copyright Michael Kalcher 2008 Abstract Impact
 * http://abstractimpact.net
 * http://customs.abstractimpact.net/riesenkuerbis.at
 * 
 */


/**
 * body
 * Default values
 * 
 * @tested IE 6
 * @tested FF 3
 * @tested Opera 9.5
 * 
 * @todo overwrite EVERY user value
 * 
 */
body {
	background-color:#d8eaad;
	color: black;
	font-size: 11pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top:30px;
}

/**
 * the main container div with everything inside
 * 
 * @layout 90% width, but minimum 900px
 * 
 * @tested FF 3
 * @tested Opera 9.5
 * 
 * @todo needs hack for IE < 7
 * 
 */
#main {
	width: 90%;
	margin:auto;
	background-color: #aad682;
	position:relative;
	min-width:920px;
	max-width:1300px;
}

/**
 * @section Header
 */

/**
 * @layout top left navigation
 * 
 * @tested FF 3
 * @tested Opera 9.5
 * 
 * @todo fix ie's 3 pixel bug
 */
#main_top_left {
	float:left;
	background-color:#003a1e;
	color:white;
	width: 161px;
	height: 130px;
	margin:0;
	text-align:right;
}

/**
 * @layout top right logo
 * 
 * @tested FF3
 * @tested Opera 9.5
 * 
 * @todo fix ie's 3px bug
 */
#main_top_right {
	float:right;
	background-color:#003a1e;
	color:white;
	width: 161px;
	height: 130px;
	margin:0;
}

/**
 * @layout top left navigation list
 * 
 * @tested IE 6
 * @tested FF 3
 * @tested Opera 9.5
 */
#main_top_left ul {
	list-style-type:none;
	margin:15px 10px 0px 30px;
	padding:0;
}

#main_top_left ul li {
	padding:0px 0px 9px 0px;
}

#main_top_left ul li a {
	display:block;
}

/**
 * links in the top left navigation
 */
#main_top_left ul li a:link, #main_top_left ul li a:visited {
	color:white;
	text-decoration:none;
}

#main_top_left ul li a:hover, #main_top_left ul li a:visited:hover {
	color:#e87817;
	text-decoration:none;
}

/**
 * @layout top right logo image
 * 
 * @tested FF3
 * @tested IE 6
 * @tested Opera 9.5
 */
#main_top_right img {
	border:none;
	position:absolute;
	right: 10px;
	top:10px;
}

/**
 * @layout center image (fluid width)
 * 
 * @tested FF3
 * @tested Opera 9.5
 * 
 * @todo fix ie's 3px bug
 */
#main_top_center {
	margin-top:0;
	margin-left:161px;
	margin-bottom:0px;
	margin-right:0px;
	position:relative;
}

/**
 * @layout the language select thing
 */
#language_version {
	position:absolute;
	top: 115px;
	right: 165px;
	color:white;
	text-align:right;
	font-size:80%;
}

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

#language_version a:hover, #language_version a:visited:hover {
	text-decoration:underline;
	color:white;
}

/**
 * @layout top before content navigation
 */
#main_top_nav {
	clear:both;
	background-color:#003a1e;
	color:white;
	padding:5px;
}

/**
 * @layout the top center image (fluid)
 * 
 * @todo fix ie's 3px bug
 */
#main_top_center_image {
	height: 130px;
	background-image: url('../images/header.png');
	background-repeat:no-repeat;
}

/**
 * @layout margin from roght border... shitt^y float sux dicks
 */
#main_top_center > #main_top_center_image {
	margin-right:161px;
}

/**
 * @layout the top menu list
 */
#main_top_nav ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

#main_top_nav ul li {
	display: block;
	float: left;
	width: 12%;
	margin: 0;
	padding: 0;
}

#main_top_nav ul li a {
	display: block;
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
	text-align:center;
}

#main_top_nav ul li a:link, #main_top_nav ul li a:visited {
	color: white;
	text-decoration:none;
}

#main_top_nav ul li a:hover, #main_top_nav ul li a:visited:hover {
	color: #e87817;
	text-decoration:none;
}

/**
 * @layout the top menu clearer
 */
#main_top_nav div {
	line-height: 1px;
	font-size: 1px;
	clear: both;
}


/**
 * @section Content
 */

/**
 * @layout three column layout outer container
 * 
 * @hackfor all
 * @hack use borders of the container as background with fixed width
 * 
 * @tested IE6
 * @tested FF3
 * @tested Opera 9.5
 */
#main_content {
	border-right-color:#aad682; /* right background color */
	
	border-right-width:275px; /* right width */
	
	background-color:white;
	
	width: auto;
	border-right-style: solid;
	
	
}

/**
 * @layout inner container for the 3 column layout
 */
#main_content_inner {
	margin: 0;
	width: 100%;
}

/**
 * 
 * @hackfor Firefox 1.5
 * @hack make the colum thing work
 * 
 * @tested IE 6
 * @tested FF 3
 * @tested Opera 9.5
 * 
 */
#main_content > #main_content_inner { border-bottom: 1px solid transparent; }

/**
 * @layout the right outer column container
 */
#main_content_right {
	/* float:right; */
	/* background-color:#aad682; */
	width: 275px;
	margin-right: -275px;
	/* height:100%; */
	
	float: left; 
	position: relative; 
	z-index: 12;
	margin-left: 1px;
}

/**
 * @layout the center outer column container
 */
#main_content_center {
	float: left; 
	position: relative; 
	z-index: 12;
	margin: 0 -3px 0 -2px;
	width:100%;
}

/**
 * @layout the clear thing
 * 
 * set to invisible like 0px height, 0px font-size etc
 * 
 */
#main_content_clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}

/**
 * @layout the news items
 */
#main_content_center img.news {
	float:left;
	border:none;
	margin-right:5px;
}

/**
 * @layout the news clearer
 */
#main_content_center div.news {
	min-height:90px;
	height:auto !important;
	height: 90px;
	font-size:85%;
}

/**
 * @layout the start page's left box thing
 */
#main_content_center_content_start {
	float:left;
	width:40%;
	min-width:323px;
	margin-right:15px;
}


/**
 * @layout the start page's left box inner div
 */
#main_content_center_content_start div {
	margin-top:15px;
	margin-right:5px;
	margin-bottom:15px;
	
	background-color:#aad682;
	
	padding:6px;
	
	font-size:80%;
	text-align:justify;
}

#main_content_center_content_start div h1 {
	text-align:left;
}

/**
 * @layout inputs in the content section
 */
#main_content_center input.text, #main_content_center textarea {
	border: 1px solid silver;
	background-color:#eee;
}

#main_content_center textarea {
	font-family:Arial, Helvetica, sans-serif;
}

#main_content_center input.text:hover, #main_content_center input.text:active, #main_content_center input.text:focus, #main_content_center textarea:hover, #main_content_center textarea:focus, #main_content_center textarea:active {
	background-color:#f6f6f6;
}

#main_content_center input.button {
	border:1px solid silver;
	background-color:#eee;
}

#main_content_center input.button:hover, #main_content_center input.button:focus, #main_content_center input.button:active {
	background-color:#f6f6f6;
}

/**
 * @layout content wrapper for the image in the left box thing
 */
#main_content_center_content_start div p {
	text-align:center;
	margin:4px 0px 0px 0px;
	padding:0px;
}

/**
 * @layout the start page's left box heading
 */
#main_content_center_content_start h1 {
	font-size:120% !important;
	margin-top:1px !important;
	margin-bottom:2px !important;
}

/**
 * @layout the starting clearer
 */
#main_content_center_content_start_clear {
	clear:both;
	line-height:0px;
	font-size:0px;
	height:0px;
}

/**
 * @layout center column inner container
 */
#main_content_center_content {
	padding:2px 4px 2px 2px;
}

/**
 * @layout right column inner container
 */
#main_content_right_content {
	padding:15px 2px 15px 5px;
}

/**
 * @section Right column box model
 */

/**
 * @layout the outer box thing
 */
#main_content_right_content .box {
	background-color: white;
	margin:2px 15px 5px 17px;
	text-align:center;
	font-size:90%;
	position:relative;
}

/**
 * @layout the inner box thing
 */

#main_content_right_content .box div {
	padding:2px 5px 5px 5px;
}

/**
 * @layout the header in a box
 */
#main_content_right_content .box div .heading, #main_content_right_content .box h1 {
	/* font-size:90%; */
	margin:0px 0px 2px 0px;
	padding:0;
	font-weight:bold;
}

/**
 * @layout images in the box
 */
#main_content_right_content .box div img {
	border:none;
}

/**
 * @layout links in the box
 */
#main_content_right_content .box a:link, #main_content_right_content .box a:visited {
	text-decoration:underline;
	color:#003a1e;
}
#main_content_right_content .box a:hover, #main_content_right_content .box a:visited:hover {
	text-decoration:underline;
	color:#e87817;
}

/**
 * @layout lists in the boxes
 */
#main_content_right_content .box div ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
}

#main_content_right_content .box div ul li {
	margin-bottom:2px;
}

/**
 * @layout forms in the boxes
 */
#main_content_right_content .box div form {
	margin:0;
	padding:0;
}

#main_content_right_content .box div form input.text {
	border:1px solid silver;
	background-color:#eee;
}

#main_content_right_content .box div form input.text:hover, #main_content_right_content .box div form input.text:focus, #main_content_right_content .box div form input.text:active {
	background-color:#f6f6f6;
}

#main_content_right_content .box div form input.button {
	border:1px solid silver;
	background-color:#eee;
}

#main_content_right_content .box div form input.button:hover, #main_content_right_content .box div form input.button:focus, #main_content_right_content .box div form input.button:active {
	background-color:#f6f6f6;
}

/**
 * @layout the copyright thing
 */
#copyright {
	font-size:60%;
	color:#666;
	position:absolute;
	bottom:2px;
	right:4px;
}

/**
 * @section center
 * 
 */

/**
 * @layout content heading 1
 */
#main_content_center_content h1, main_content_center_content .heading, main_content_center_content .heading1 {
	font-size:140%;
	font-weight:bold;
	margin-top:7px;
	margin-bottom:9px;
}

/**
 * @layout content heading 2
 */
#main_content_center_content h2, main_content_center_content .heading2 {
	font-size:130%;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}

/**
 * @layout new paddings
 */
#main_content_center_content {
	padding-left:20px;
	padding-right:20px;
}

/**
 * @layout images in the content
 */
#main_content_center_content img {
	border:none;
}

/**
 * @layout links in the content
 */
#main_content_center_content a:link, #main_content_center_content a:visited {
	color:black;
	text-decoration:none;
	border-bottom:1px dashed black;
}
#main_content_center_content a:hover, #main_content_center_content a:visited:hover {
	color:#e87817;
	text-decoration:none;
	border-bottom:1px dashed #e87817;
}

/**
 * @section bottom
 */

#main_bottom {
	background-color:#003a1e;
	color:white;
	padding:8px 20px 8px 20px;
}

#main_bottom .float_left {
	float:left;
	margin-right:20px;
}

#main_bottom .float_right {
	float:right;
	margin-left:20px;
}

/**
 * @layout the terms and conditions thing
 */
#main_bottom_terms {
	font-size:70%;
	vertical-align:text-bottom;
}

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

#main_bottom_terms a:hover, #main_bottom_terms a:visited:hover {
	text-decoration:underline;
	color:white;
}

/**
 * @section Left side submenu
 */

/**
 * @layout the submenu header
 */
#main_content_left_content div {
	font-size:100%;
	font-weight:bold;
	padding:10px;
	color:#003a1e;
}

/**
 * @layout sub menu list
 */
#main_content_left_content ul {
	font-size:100%;
	margin:0;
	padding:0px 15px 0px 15px;
	list-style-type:none;
}

#main_content_left_content ul li {
	margin-bottom:4px;
	padding:0px;
}

/**
 * @layout sub menu list links
 */
#main_content_left_content ul li a:link, #main_content_left_content ul li a:visited {
	color:#003a1e;
	text-decoration:none;
	display:block;
}
#main_content_left_content ul li a:hover, #main_content_left_content ul li a:visited:hover {
	color:#e87817;
	text-decoration:none;
	display:block;
}

/**
 * @section misc
 */

/**
 * @layout heading 1 specials
 */
h1, .heading {
	font-weight:bold;
	color:black;
	margin:0;
	padding:0;
	font-size:100%;
	/* font-size:110%; */
}

/**
 * @layout p without the shitty margins and paddings
 */
.nospace {
	padding: 0;
	margin:0;
}

/**
 * @layout the back to top thign + sitemap
 */
#back_to_top {
	position:absolute;
	right:280px;
	bottom:35px;
	font-size:70%;
	color:#aaa;
}