/* -------------------------------------------------- */
/* CSS StyleSheets - OPAG Online Promotin AG          */
/* -------------------------------------------------- */

/******************************************************
  Index:
  
  0) Page
  1) Global
  2) Standard Link
  3) Title Tags
  4) WEMF Tag
  5) Formulare
  6) Visibility
  7) Other Tags
  8) Box
  9) Error
 10) Listen
 11) Horizontal Line
 12) White Layer (Over Website)
 13) Empty Position DIV
 14) Yellow Button Navigation


  A) Header Navigation
  B) Content
  C) Footer

  
******************************************************/


/* ----------------------------------------------------
   0) Page:
*/
	#body, .body {
		background-color:white;
	}

	#visual_html {
		min-width:963px;
		max-width:1200px;
	}



/* ----------------------------------------------------
   1) Global:
*/
	body {
		margin:0 2em 20em 2em;
		background-color:#EEEEEE;
		background-image:url(/img/background.gif);
		text-align:left;
	}
	* {
		font-family:'Lucida Grande', 'Trebuchet MS', Arial, Verdana;
		font-size:small;
		line-height:1.5em;
	}
	img {
		border:0;
	}
	pre {
		font-family:"Courier New", Courier, monospace;
		white-space:normal;
	}

	small.spacer {
		font-size:large;
		width:0;
		margin-left:5px;
		margin-right:10px;
		border-right:1px solid #ccc;
	}
	
	acronym.alternative {
		color:red;
		font-size:x-small;
		display:none;
	}
	
	a * {
		cursor:pointer !important;
	}
	
	.hintbox {
		
		border:2px dotted #FACE00;
		background-color:#FFEE9D;
		
		padding:.5em;
		margin:1em;
		
		font-weight:bold;
		text-align:center;
		
		/* Browser Radius Variety (!) ***************/
		border-radius:0.5em;
		-moz-border-radius:0.5em;
		-webkit-border-radius:0.5em;
		/* /Browser Radius Variety (!) ***************/		
	}
	.hintbox h3 {
		font-size:large;
	}
	
	.poweredby, .poweredby a {
		text-align:right;
		font-size:12px;
		color:#999;
	}
	

/* ----------------------------------------------------
   2) Standard Link:
*/

	a {
		/*color:#0033CC;*/
		color:#0044CC;
	}
	a:visited {
		color:#002E8C;	
	}
	a:hover {
		color:#2D63FF;
	}
	a img {
		text-decoration:none !important;
		border:0;
		vertical-align:middle;
	}
	
	/* Light Link */
	a.light {
		color:#638BFF;
	}
	a.light:visited {
		color:#551A8B;	
	}
	a.light:hover {
		color:#2D63FF;
	}
	
	/* Black Link */
	a.black {
		color:black;
	}
	a.black:hover {
		color:#666;
	}

	/* Button Link */
	a.button {
		display:block;
		float:left;
		
		color:black;
		font-weight:bold;
		text-decoration:none;
		
		border:1px solid #ddd;
		background-color:#FAFAFA;
		
		padding:0.5em;
		margin-bottom:1em;
		margin-right:1em;
		
		/* Browser Radius Variety (!) ***************/
		border-radius:0.5em;
		-moz-border-radius:0.5em;
		-webkit-border-radius:0.5em;
		/* /Browser Radius Variety (!) ***************/		
	}
	a.button:hover {
		border-color:#999;
	}
	.button_last {
		clear:left;
	}
	
/* ----------------------------------------------------
   3) Title Tags:
*/

	h1 {
		font-size:xx-large;
	}
	h2 {
		margin-top:3em;
		font-size:large;
		border-top:1px dashed #ccc;
	}
	h3 {
		font-size:medium;
	}
	
	/* Genereal */
	h1, h2, h3 {
		cursor:default;
	}
	
	
/* ----------------------------------------------------
   4) WEMF Tag:
*/
   
	#wemf_tag {
		position:absolute;
		top:0;
		left:0;
	}


/* ----------------------------------------------------
   5) Formulare
*/
   
	
	/* Standard Formulare */
	form.standard .block {
		display:block;
		width:100%;
		margin-bottom:1em;
	}
	form.standard input.submit {
		width:auto;
		display:inline;
		margin:0;
	}
	form.standard fieldset {
		margin-top:1em;
		background-color:#B0CAEE;
		border:1px solid #2964B5;
	}
	form.standard fieldset legend {
		color:#2964B5;
		font-weight:bold;
	}
	
	/* Labels */
	label, label * {
		cursor:pointer;
	}
	.disabled {
		color:#999999;
	}

	
	/* Select */
	.suboption {
		margin-left:1em;
	}
	.subsuboption {
		margin-left:2em;
	}
	.main_option {
	}


/* ----------------------------------------------------
   6) Visibility:
*/
   
	/* Does NOT Consume Space When Hidden */
	.hide {
		display:none !important;
	}

	/* DOES Consume Space When Hidden */
	.visible {
		visibility:visible !important;
	}
	.invisible {
		visibility:hidden !important;
	}


/* ----------------------------------------------------
   7) Other Tags:
*/

	small, a.small {
		color:#666666;
	}

	small.small {
		font-size:10px;
		letter-spacing:1px;
		text-shadow:#fff;
		cursor:default;
	}
	
	small.attribute {
		color:#666;
	}
	



/* ----------------------------------------------------
   8) Box:
*/


/* ----------------------------------------------------
   9) Error
*/
	#error.container {
		border:2px dotted #E33961;
		background-color:#F3ABBC;
		
		padding:.5em;
		margin:1em;
		
		font-weight:bold;
		text-align:center;
		
		/* Browser Radius Variety (!) ***************/
		border-radius:0.5em;
		-moz-border-radius:0.5em;
		-webkit-border-radius:0.5em;
		/* /Browser Radius Variety (!) ***************/		
	}


/* ----------------------------------------------------
   10) Listen
*/


	/* Paragraph Liste */
	ol.paragraph_list li {
		padding-top:1em;
	}
	
	
/* ----------------------------------------------------
  11) Horizontal Line
*/

	hr {
		border:none;
		border-bottom:1px dashed #ccc;
	}
	hr.light {
		border-bottom:1px solid #ddd;
		width:100px;
		float:left;
	}
	hr.lightEnd {
		clear:left;
		border:none;
	}

	hr.solid {
		border-bottom:1px solid #ddd;
	}

/* ----------------------------------------------------
  13) Empty Position DIV
*/

	.empty {
		line-height:0;
		height:0;
		font-size:0;
	}
	
/* ----------------------------------------------------
  14) Yellow Button Navigation
*/	
	.yellow_button {
		float:left;
		margin:0 5px;
		height:34px;
		background:url(/img/buttons/parts/middle.gif) repeat-x;
	}
	.yellow_button .selected {
		float:left;
		background:url(/img/buttons/parts/middle_selected.gif) repeat-x;
	}
	.yellow_button .selected_text {
		white-space:nowrap;
		padding:5px 10px;
		cursor:default;
	}
	.yellow_button .link {
		float:left;
	}
	.yellow_button a {
		white-space:nowrap;
		padding:5px;
		color:black;
		text-decoration:none;
		display:block;
		float:left;
	}
	.yellow_button a:hover {
		background:url(/img/buttons/parts/middle_hover.gif) repeat-x;
	}
	
	
	
/* ----------------------------------------------------
   A) Header Navigation
*/

	/* Header */
	#header {
		text-align:right;
		position:relative;
		top:1em;
	}
	#header a {
		text-shadow: #000000;
		font-weight:bold;
		color:black;
	}
	#header a:hover {
		color:#666;
	}
	#header .headerElement {
		margin-right:8px;
		margin-left:20px;
	}

	/* Search */
	form#menusearch {
		float:left;
		margin:5px;
		margin-right:10px;
	}
	form#menusearch input.inputfield {
		height:22px;
		margin:0;
		padding:4px;
		padding-left:20px;
		
		border:1px solid #85ADE3;
		border-bottom-color:#669ADE;
		border-right-color:#669ADE;
		
		
		background:url(/img/header/menu/search/input_bg.png) no-repeat;
		background-color:white;
		
		font-size:16px;
		font-weight:bold;
	}
	form#menusearch input.blur {
		color:gray;
		font-weight:normal;
	}
	
	form#menusearch input.searchbutton {
		height:32px;
		margin:0;
		padding:0;
		padding-right:27px;
		padding-left:5px;
		
		border:1px solid #B99321;
		background:url(/img/header/menu/search/submit_bg.png) right top no-repeat;
		background-color:#FED61F;
		
		font-size:14px;
		line-height:30px;
		cursor:pointer;

		/* Browser Radius Variety (!) ***************/
		border-radius:0.3em;
		-moz-border-radius:0.3em;
		-webkit-border-radius:0.3em;
		/* /Browser Radius Variety (!) ***************/

	}
	form#menusearch input.searchbutton:hover {
		border-color:#846718;
	}
	form#menusearch input.searchbutton:active {
		background-image:url(/img/header/menu/search/submit_bg_active.png);
	}
	

	/* Menu */
	#menu {
		height:37px;
		background-color:#3472CD;
		background-image:url(/img/header/background_menu.png);
		background-repeat:repeat-x;
		border-left:1px solid #2B64B3;
		border-right:1px solid #2B64B3;
	}
	#menu * {
		position:relative;
		bottom:27px;
		font-size:16px;
	}
	#menu a.menu {
		color:#E9F1FB;
		font-weight:bold;
		padding:7px;
		line-height:37px;
		text-decoration:none;
	}
	#menu a.menuMore {
		padding:7px;
	}
	#menu a.menuMore img {
		position:relative;
		bottom:4px;
	}
	#menu a.menu:hover {
		color:white;
		background-image:url(/img/header/menu_bg_over.png);
		background-repeat:repeat-x;
	}
	
	#menu .wettbewerb {
		position:absolute;
		top:80px;
		width:112px;
		height:56px;
	}
	
	/* Menu Selected */
	#menu div {
		display:inline;
		position:relative;
		bottom:29px;
	}
	#menu div a.selected {
		text-decoration:none;
		font-weight:bold;
		color:black;
		
		background:url(/img/header/menu_selected_bg.png) bottom repeat-x;
		background-color:white;
		
		font-size:18px;
		color:black;
		position:relative;
		top:5px;
		padding:5px 7px;
		
		border:1px solid #2B64B3;
		border-bottom:none;
		
		/* Browser Radius Variety (!) ***************/
		border-radius:0.25em;
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;

		-moz-border-radius:0.25em;
		-moz-border-radius-bottomleft:0;
		-moz-border-radius-bottomright:0;

		-webkit-border-radius:0.25em;
		-webkit-border-bottom-left-radius:0;
		-webkit-border-bottom-right-radius:0;		
		/* /Browser Radius Variety (!) ***************/
	}
	#menu div a.selected:hover {
	}

	/* Submenu */
	#submenu_container {
		position:relative;
		z-index:500;
		
		padding-left:280px;
		background-image:url(/img/header/background_shadow.png);
		background-position:top;
		background-repeat:repeat-x;
	}
	#submenu {
		/* Browser Radius Variety (!) ***************/
		border-bottom-left-radius:.25em;
		-moz-border-radius-bottomleft:.25em;
		-webkit-border-bottom-left-radius:.25em;
		/* /Browser Radius Variety (!) ***************/
		
		background:url(/img/header/menu/submenu/bg.png) repeat-x;
		background-color:#9CC1EB;
		border:1px solid #87AFE3;
		border-top:none;
	}
	#submenu .menu {
		float:left;
		margin-top:17px;
	}
	#submenu .spacer {
		float:left;
		background:url(/img/header/submenu_spacer.gif) no-repeat;
		width:2px;
		height:26px;
	}
	#submenu a {
		float:left;
		display:block;
		
		padding:0 7px;
		padding-top:4px;
		padding-bottom:3px;	
		
		color:black;
		text-decoration:none;
	}
	#submenu a:hover {
		background:url(/img/header/submenu_bg_hover.gif) repeat-x;
		background-color:#DCE8F8;
	}
	#submenu .end {
		clear:left;
	}
	
	/* Bottom Line */
	.menu_bottomline {
		height:3px;
		background-color:#D7E5F7;
		border-left:1px solid #85ADE3;
		border-right:1px solid #85ADE3;
		border-bottom:1px solid #85ADE3;
		font-size:0;
	}
	
	
	/* Slogan */
	#slogan {
		position:absolute;
		z-index:700;
		
		margin-left:63px;
		margin-top:20px;
	}
	
	/* Logo */
	#logo {
		position:relative;
		bottom:10px;
		z-index:600;
	}


	#breadcrumbs {
		background:url(/img/header/breadcrumbs/home.png) no-repeat center left;
		margin-left:280px;
		padding-left:20px;
	}
	#breadcrumbs,
	#breadcrumbs a,
	#breadcrumbs b {
		font-size:12px;
		color:gray;
	}
	#breadcrumbs a {
		color:#666;
	}
	#breadcrumbs a:hover {
		color:#333;
	}

/* ----------------------------------------------------
   B) Content
*/
	
	.content {
		padding:15px;
	}
	.contentLine {
		background-image:url(/img/line_bg.png);
		background-repeat:repeat-x;
		background-position:bottom;
		height:14px;
	}




/* ----------------------------------------------------
   C) Footer
*/

	#footer_google_adsense {
		margin-top:3em;
		padding-top:1em;
		border-top:1px dashed #C0C0C0;
		text-align:center;
	}

	#footer {
		background-color:white;
		background-image:url(/img/footer/background.png);
		background-repeat:repeat-x;
		background-position:bottom;
		padding:80px 1em 30px 0;
		text-align:right;
	}

	#footer a, #footer img.logo {
		margin-left:1em;
	}
	#footer a {
		font-size:small;
		color:#666666;
	}
	
	#footer a:hover {
		color:black;
	}

	/* Partner */
	#partner {
		-moz-opacity:0.3;
		opacity:0.3;
	}
	#partner {
		padding:1em;
		margin:1em 11px;
	}
	#partner:hover {
		-moz-opacity:1;
		opacity:1;
	}
	#partner dl {
		float:right;
		margin:0;
		margin-left:3em;
		padding:.5em;
		margin-bottom:1em;
	}
	#partner dl:hover {
		outline:1px solid #CCCCCC;
		background-color:#F3F3F3;
		cursor:help;
	}
	#partner dl dt {
		margin-bottom:.7em;
	}

/* -------------------------------------------------- */
/* END OF FILE                                        */