/*
 * Copyright 2008 Trigadon, Germany
 * Author: René Obst
 * Date: 2008/02/13
 * Site: Trigadon.de
 */


/* Navigation für header*/
#nav { display: block; float: left; margin: 18px 0 0 45px;  width: 200px; border: none; background: none; }
#nav ul { margin: 0px; padding: 0px; }
#nav li { float: left; padding: 0; margin: 0px }
#nav a { text-transform: uppercase; font-weight: bold; border: none; }
#nav li.start { border: none;}
#nav li { display: inline; margin: 20px 2px 20px 0px;}
#nav li a { font-weight: bold; font-size:11px; color: #707070; text-decoration: none; /*text-transform:uppercase;*/ padding: 0px 15px 0px 15px;}
#nav li a:hover, #nav li a.selected {color: #6892CA; text-decoration:underline; background: url(/img/nav_arrow_down.gif) no-repeat center bottom;}
#nav li a:hover, #nav li a.selected { background: none; text-decoration: none;}


/*------------------- SCHRIFT LAYOUT -------------------*/
body { padding: 0; margin: 0; text-align: center; background: url('/assets/main/images/headline.png') top left repeat-x;  background-color:#F8F8F8; color: #707070; }
body, td, th, div, li {	font: 11px Arial, Helvetica, sans-serif; }
a, a:visited, a:link { color:#6892CA; text-decoration: none; }
a:hover { text-decoration: underline }
ul { list-style: none; margin: 0px; padding: 0px;}
ul li { list-style: none; margin: 0px; padding: 0px;}
ol li { margin-top: 10px;}
h1 { font-size: 18px; color: #6892CA; margin: 10px 0px 5px 0px; font-weight: normal;}
h2 { font-size: 18px; color: #707070; margin: 10px 0px 5px 0px; font-weight: normal;}
h3 { font-size: 16px; color: #6892CA; margin: 10px 0px 5px 0px; font-weight: normal;}
h4 { font-size: 16px; color: #707070; margin: 10px 0px 5px 0px; font-weight: normal;}
h5 { font-size: 12px; color: #707070; margin: 10px 0px 5px 0px; font-weight: bold;}
h1 span, h2 span, h3 span, h4 span { font-size: 10px; color: #808080; float: right; font-weight: normal;}
h1 span a, h2 span a, h3 span a, h4 span a { color: #808080; }
label { display: block; margin-top: 8px; font-weight: bold;}
hr { background-color: #cccccc; color: #cccccc; border: none; height:1px; vertical-align: center; }
img {border: 0px; }

#agb { display: block; list-style: circle; }
#agb ul { padding: 0 0 0 30px; }
#agb li { padding: 5px 0 0 0; list-style-type: circle; list-style-position: outside; }
#agb h3 { font-size: 14px; padding: 3px 0 10px 0; }
#agb div.date { color: #707070; font-style: italic; font-weight: normal; padding: 10px 0 0 550px; }

#PagerankBeispiel { float: left; margin: 10px 0px 0px 20px; background: url('/assets/main/icons/icon_pfeil.gif') top left no-repeat; padding: 0px 0px 5px 20px; font-weight: bold; }
#PagerankBeispiel a { font-weight: normal; }

#CounterBeispiel { float: left; margin: 10px 0px 10px 20px; background: url('/assets/main/icons/icon_pfeil.gif') top left no-repeat; padding: 0px 0px 5px 20px; font-weight: bold; }
#CounterBeispiel a { font-weight: normal; }


#Bookmarks 			{ width: 190px; padding: 0 0 20px 10px; }
#sponsor 				{ width: 190px; padding: 5px 0 5px 30px; }
#google_ad_left { display: block; padding: 5px 0 5px 0px; height: auto; width: auto; text-align: center; }
.ad_label				{ color: #bbbbbb; font-size: 10px; }
.google_ad_position { display: block; padding: 10px 0; width: auto;}


#action_bar 		{ display: block; width: auto; height: 27px; border-top: #cccccc 1px solid; border-bottom: #cccccc 1px solid; }
#action_bar  img{ float: left; }
.stat_bar 			{ display: block; min-height: 26px; background-color: #E5E5E5; border:#cccccc 1px solid; border-top: none; width: 100%; text-align: right; }
#zeilen					{ color: #707070; height: 20px; }
#curr_page			{ display: block; padding: 7px 10px 0 5px; min-width: 50px; float: right;}
#share 					{ width: auto; min-height: 45px; border: #cccccc 1px solid; border-top: none; overflow: hidden; padding: 10px 10px; background-color: #FFFFFF; }
#share_left			{ display: block; width: 376px; border-right: #cccccc 1px solid; float:left; }
#share_right		{ display: block; width: 300px; margin-left: 20px; float: right; }
.share_button		{ border-right: #cccccc 1px solid; height: 27px; float: left; font-size: 18px; text-align: center; }
.share_input input	{ width: 250px; border:  #cccccc 1px solid; color: #6892CA; font-size: 10px; margin: 5px 0 15px 0; }
.share_input2 input	{ width: 130px; border:  #cccccc 1px solid; color: #6892CA; font-size: 10px; margin: 3px 0; }

.tech_daten 		{ display: block; width: 230px; overflow: hidden; float: left; margin: 10px 10px 10px 0; }


.n_blue, .n_blue a    { color: #6892CA; font-weight: normal; text-decoration: none;}
.n_green, .n_green a  { color: #769813; font-weight: normal; text-decoration: none;}
.n_gray, .n_gray a    { color: #707070; font-weight: normal; text-decoration: none;}
.b_blue, .b_blue a    { color: #6892CA; font-weight: bold; text-decoration: none;}
.b_green, .b_green a  { color: #769813; font-weight: bold; text-decoration: none;}
.b_gray, .b_gray a    { color: #707070; font-weight: bold; text-decoration: none;}
.hb_gray							{ color: #AAAAAA; font-weight: normal; text-decoration: none; font-size: 13px; }

.status_true	{ display: block; margin: 3px 0px 5px 10px; background: url('/assets/main/icons/ok.png') top left no-repeat; padding: 0px 0px 0px 20px; min-height: 17px; }
.status_false	{ display: block; margin: 3px 0px 5px 10px; background: url('/assets/main/icons/cancel.png') top left no-repeat; padding: 0px 0px 0px 20px; min-height: 17px; }
.status_info	{ display: block; margin: 3px 0px 5px 10px; background: url('/assets/main/icons/info.png') top left no-repeat; padding: 0px 0px 0px 20px; min-height: 17px; }
.status_alert	{ display: block; margin: 3px 0px 5px 10px; background: url('/assets/main/icons/alert.png') top left no-repeat; padding: 0px 0px 0px 20px; min-height: 17px; }
.status_bar_empty		{ display: block; border: #cccccc 1px solid; width: 160px; height: 11px; z-index: 2; margin: 3px 0px 5px 10px; float: left; }
.status_bar_full    { display: block; border: none; background: url('/assets/main/images/bar_green.png') top left repeat; height: 11px; z-index: 1; position: absolute; }
.status_bar_int			{ display: block; font-size: 14px; color: #769813; font-weight: bold; margin: 1px 0px 5px 190px; }

.tops 			{ display: block; list-style: none; }
.tops li 		{ margin: 3px 0px 5px 10px; background: url('/assets/main/icons/icon_pfeil.gif') top left no-repeat; padding: 0px 0px 0px 20px; }
.list 			{ color: #707070; font-weight: normal; }
.spec 			{ color: #6892CA; font-weight: normal; }
.date 			{	font-size: 12px; color: #769813; font-weight:bold; float: right; margin-right: 10px; }
.blog p			{ text-align: justify; padding-right: 3px; border-right: #ffffff 1px solid;}
.blog_img 	{ float:left; margin: 1em 1em 0.2em 0; width: 135px; height: 90px; border: #cccccc 1px solid; }
.thumb			{ margin: 10px 10px 10px 0; float: left; }
.ajax_loader{ background: url('/assets/main/images/ajax-loader.gif') top left no-repeat; display: none; margin: 10px 5px 10px 10px; }

/*stat Tabellen*/
.stat_head { background-image: url('/assets/main/images/stats_top_bg.gif'); border: none; }
.stat_food { background-image: url('/assets/main/images/stats_top_bg.gif'); border: none; }
.stat_food td { font-size: 12px; font-weight: none; padding-right: 10px;}
.stat_food td select { font-size: 10px; color: #707070; margin: 3px 5px 0 5px; }
.border { border:#cccccc 1px solid; }
.table_hover  { background-color:#D9E1ED; }




/*linke Navigation*/
#leftNav { width: 190px; margin: 0px 10px 20px 0px; font-size:10px; }
#leftNav li a { padding-left: 8px; color: #707070; text-decoration:none; font-weight: bold; font-size:11px; }
#leftNav li.right a { font-weight: normal; }
#leftNav li.right { margin: 2px 0px 2px 20px; }
#leftNav li a:hover, #leftNav li.selected a, #leftNav li.selected ul li.selected a { background: url('/assets/main/images/sidenav_arrow.gif') no-repeat left center; color: #6892CA;	text-decoration:none; font-weight: bold; }
#leftNav li.selected ul li a { background: none; color: #707070; text-decoration:none; font-weight: normal; }
#leftNav h3 { margin: 0 0 5px 0; display: block; font-size: 14px; font-weight: bold; padding: 0 }
#leftNav li { margin: 2px 10px; }
#leftNav div.top { border: 1px solid #cccccc; border-bottom: none; margin: 0px;	height: 8px; }
#leftNav div.bottom { border: 1px solid #cccccc; border-top: none; margin: 0px;	height: 10px; }


/*------------------- LAYOUT -------------------*/
#col_right, #nopad_container { float: right; width: 750px; padding: 16px 0 0 10px; margin: 0; }
#col_left { float: left; width: 200px; }
#buid_left { float: left; width: 190px; margin: 0px 10px 22px 0px; }
#buid_left div.top { border: 1px solid #cccccc; border-bottom: none; margin: 0px;	height: 8px; }
#buid_left div.bottom { border: 1px solid #cccccc; border-top: none; margin: 0px;	height: 10px; }
#header { position: relative; height: 70px; margin: 0; padding: 0;}
#header a#logo { float: left; border: 0; margin: 15px 5px 0 5px; }
#header #status { position: relative;  float: right; width: 250px; margin: -80px 0 0 720px; font-weight: bold; color: #707070; } /*color:#72A309;*/
#site_top { margin: 10px 0 0 0; background: url('/assets/main/images/site_top.gif') top center no-repeat; height: 29px; text-align: left; padding: 0px 4px 0px 4px; position: relative }
#wrapper { width: 988px; margin: 0 auto; text-align: left; padding: 0 0 0px 0;}
#middle { padding: 0px 10px 20px 10px; text-align: left }
#container_top { background: transparent url('/assets/main/images/content_bg_top.gif') top center no-repeat; height: 10px; padding: 0; margin: 20px 0 0 0; }
#container { background: transparent url('/assets/main/images/content_bg_middle.gif') top center repeat-y; min-height: 370px; margin: 0; padding: 0 4px 25px 4px; }
#container_bottom { background: url('/assets/main/images/content_bg_bottom.gif') top center no-repeat; height: 10px; padding: 0; margin: 0; clear: both; }
#bottom { position: relative; clear: both; padding: 0px; margin: 0px; }

#home_button 			{ float: left; width: 338px; margin: 0 10px 10px 0px; background: url('/assets/main/images/background_button.jpg') top left repeat-x; min-height: 239px; border: 1px solid #cccccc; padding: 10px 10px 15px 20px;}
#home_button h4 	{ font-size: 13px; color: #707070; font-weight: bold; margin: 0 0 10px 0; padding: 0 }
#home_counter 		{ float: right; width: 338px; margin: 0 0px 10px 0; background: url('/assets/main/images/background_counter.jpg') top left no-repeat; min-height: 239px; border: 1px solid #cccccc; padding: 10px 10px 15px 20px;}
#home_counter h4 	{ font-size: 13px; color: #707070; font-weight: bold; margin: 0 0 10px 0; padding: 0 }
#rank_button			{ float: right; display: block; position: relative; background: url('/assets/main/buttons/Button_rank.gif') top left no-repeat; min-height: 40px; min-width: 108px; padding-top: 13px; color: #ffffff; font-weight: bold; text-align: center; }
#position_text		{ height: 170px; overflow: hidden; display: block; }

/* sidebar */
#col_left div.sidebar { float: left; width: 190px; }
#col_left div.sidebar .first, #col_right div.sidebar .second { border: 1px solid #cccccc; padding: 0 0 10px 0; margin: 3px 0 20px 0px; }
#col_left div.sidebar .first { background: url('/assets/main/images/sidebar_background.gif') top center repeat-y; }
#col_left div.sidebar div.sidebar_block { background: top left no-repeat; padding: 10px 10px 4px 30px; }
#col_left div.sidebar div.sidebar_block.quickcheck { background-image: url('/assets/main/icons/icon_login.gif') ; }
#col_left div.sidebar div.sidebar_block.mediadaten { background-image: url('/assets/main/icons/icon_mediadaten.gif') ; }
#col_left div.sidebar div.sidebar_block a { color: #6892CA; line-height: 11px; margin: 0 20px 0 0; }
#col_left div.sidebar div.sidebar_block h4 { font-size: 13px; color: #707070; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
#col_left div.sidebar div.sidebar_block ul { list-style: none; margin: 0; padding: 0; }
#col_left div.sidebar div.sidebar_block li { list-style: none; list-style-image: none; margin: 0 0 6px 0; padding: 0; }
#col_right div.sidebar div.sidebar_block.producttour { background-color: #e5e5e5; background-image: url('/assets/global/images/archive/sidebar_icon_producttour.gif'); margin-top: 6px; padding-bottom: 8px; }
#col_right div.sidebar div.sidebar_block.producttour h4 { color: #212121; }
#col_right div.sidebar div.sidebar_block .phone { font-weight: 100; font-size: 18px; margin: 10px 0 10px 0; letter-spacing: .5px; }

/*----------------- Graue Box ------------------*/
.round_corner_top, .round_corner_bottom {display:block; background:transparent; font-size:1px;}
.round_corner_top { margin-top: 5px; }
.round_corner_1, .round_corner_2, .round_corner_3, .round_corner_4 {display:block; overflow:hidden;}
.round_corner_1, .round_corner_2, .round_corner_3 {height:1px;}
.round_corner_2, .round_corner_3, .round_corner_4 {border-left:1px solid #D4D5CF; border-right:1px solid #D4D5CF;}
.round_corner_f8f8f8 .round_corner_2, .round_corner_f8f8f8 .round_corner_3, .round_corner_f8f8f8 .round_corner_4 { background: #F8F8F8;}
.round_corner_1 {margin:0 5px; background: #D4D5CF;}
.round_corner_2 {margin:0 3px; border-width:0 2px;}
.round_corner_3 {margin:0 2px;}
.round_corner_4 {height:2px; margin:0 1px;}
.round_corner_content {	display:block; border:0 solid #D4D5CF; border-width:0 1px; padding: 2px 10px 10px 10px; }

.round_corner_content h1, .round_corner_content h2, .round_corner_content h3, .round_corner_content h4 { margin: 0; padding:0;}
.round_corner_f8f8f8 .round_corner_content { background:#F8F8F8; }

/*-------------- Weiße Box ----------------*/

.round_white_top, .round_white_bottom {display:block; background:transparent; font-size:1px;}
.round_white_top { margin-top: 5px; }
.round_white_1, .round_white_2, .round_white_3, .round_white_4 {display:block; overflow:hidden;}
.round_white_1, .round_white_2, .round_white_3 {height:1px;}
.round_white_2, .round_white_3, .round_white_4 {border-left:1px solid #D4D5CF; border-right:1px solid #D4D5CF;}
.round_white_1 {margin:0 5px; background: #D4D5CF;}
.round_white_2 {margin:0 3px; border-width:0 2px;}
.round_white_3 {margin:0 2px;}
.round_white_4 {height:2px; margin:0 1px;}
.round_white_content { display:block;	border:0 solid #D4D5CF;	border-width:0 1px;	padding: 2px 10px 10px 10px; }

/*-------------- Fehler Box ----------------*/

.round_false_top {display:block; background:transparent; font-size:1px; margin-top: 5px; }
.round_false_bottom {display:block; background:transparent; font-size:1px; margin-bottom: 10px; }
.round_false_1, .round_false_2, .round_false_3, .round_false_4 {display:block; overflow:hidden;}
.round_false_1, .round_false_2, .round_false_3 {height:1px;}
.round_false_2, .round_false_3, .round_false_4 {border-left:1px solid #FCD063; border-right:1px solid #FCD063;}
.round_false_1 {margin:0 5px; background: #FCD063;}
.round_false_2 {margin:0 3px; border-width:0 2px;}
.round_false_3 {margin:0 2px;}
.round_false_4 {height:2px; margin:0 1px;}
.round_false_content { display:block;	border:0 solid #FCD063;	border-width:0 1px;	padding: 2px 10px 2px 10px; }
.round_false_content h1 { color: #707070; }
.round_corner_false { background:#FFFFCD; }

/* boxes */
.formBox {
	background: url('/assets/main/boxes/form_box_tile.png') repeat-y;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 15px;
}

.formBox h1 {
	font-size: 95%;
	font-weight: bold;
	margin-top: -6px;
	margin-bottom: 3px;
	margin-left: 1px;
	color: #6892CA;
}

.formBoxBottom {
	height: 21px;
	background: url('/assets/main/boxes/form_box_bottom.png') no-repeat;
	margin-top: 0;
	margin-bottom: 8px;
	padding: 0;
}

.formBoxTop {
	height: 16px;
	background: url('/assets/main/boxes/form_box_top.png') no-repeat;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0;
}

.formBox div.divider {
	height: 1px;
	background: url('/assets/main/boxes/dotted_line.gif') repeat-x;
	margin: 0 20px 0;
	padding: 0;
}

.formBox div.divider_line {
	height: 1px;
	background: url('/assets/main/boxes/line.gif') repeat-x;
	margin: 7px -15px 7px -15px;
	padding: 0;
}

.formBox div.column {
	margin: 7px 20px 0px;
}

.formBox input, textarea {
	width: 220px;
	border: 1px solid #ccc;
}

input[type="checkbox"], input[type="radio"] {
	width: auto;
	border: 0;
}

.formBox .right {
	margin-top: 0px;
	padding-top: 0px;
	float: right;
	width: 345px;
}

.formBox .left {
	margin-top: 0px;
	padding-top: 0px;
	float: left;
	width: 345px;
}

.field, .fieldError {
	padding-bottom: 6px;
	padding-right: 20px;
	clear: left;
}

.fieldDot {
	vertical-align: middle;
	position: relative;
	bottom: 1px;
	right: 2px;
}

label {
	padding: 0;
	display: block;
	margin-left: 20px;
	padding-top: 7px;
}

input[type="checkbox"], input[type="radio"] {
	width: auto;
	border: 0;
}

form {
	margin: 0;
	padding: 0;
	color: #7f7f7f;
	font-size: 12px;
}

.clear {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
	font-size: 1px;
	line-height: 1px;
}

.formBox .line {
	margin-top: 0px;
	padding-top: 0px;
	float: left;
	width: auto;
}

/*Star-Rating*/

	.star-rating{
		list-style:none;
		margin-left:0px!important;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		background: url('/assets/main/images/alt_star.gif') top left repeat-x;		
	}
	
	.star-rating li{
		padding:0px;
		margin:0px;	
		float: left;	
	}
	
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	
	.star-rating li a:hover{
		background: url('/assets/main/images/alt_star.gif') left bottom;
		z-index: 2;
		left: 0px;
	}
	
	.star-rating a.one-star{
		left: 0px;
	}
	
	.star-rating a.one-star:hover{
		width:25px;
	}
	
	.star-rating a.two-stars{
		left:25px;
	}
	
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	
	.star-rating a.three-stars{
		left: 50px;
	}
	
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-ratings{
		background: url('/assets/main/images/alt_star.gif') left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}