/*

	IPv6-Handbuch.DE CSS style definitions

	Fabian Thorns (fthorns@IPv6-Handbuch.DE)

	Karlsruhe, 2012-2014

*/





/* BEGIN BODY */


	body {
		font-family      : "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		font-size        : 10pt;
		background-color : #e4e8d7;
	}


/* END BODY */





/* BEGIN GENERAL STYLE */


	h1, h2, h3, h4 {
		margin-top       : 0px;
		margin-bottom    : 10px;
		padding          : 0px;

		color            : #658520;
	}



	b {
		color            : #658520;
	}



	a, a:active, a:visited  {
		color            : #658520;
		text-decoration  : none;
	}


	a:hover {
		text-decoration  : underline;
	}



	ul {
		padding-left     : 20px;
	}



	img {
		border           : 0px;
	}



	fieldset {
		border           : 0px;
		margin           : 0px;
		padding          : 0px;
	}


/* END GENERAL STYLE */





/* BEGIN SITE-CONTAINER */


	div#site {
		max-width        : 1000px;
		margin           : 20px auto 25px auto;
		overflow         : hidden;

		background-color : #ffffff;
	}


/* END SITE-CONTAINER */





/* BEGIN X-CONTAINER */


	div#header {
		max-width        : 1000px;
		margin           : 0px auto 0px auto;
		clear            : both;
		overflow         : hidden;
	}



	div#menu-l1 {
		max-width        : 1000px;
		margin           : auto;
		clear            : both;
		overflow         : hidden;
		
		border-bottom    : 1px solid #ffffff;
		
		background-color : #658520;
	}



	div#menu-l2 {
		max-width        : 1000px;
		margin           : 0px auto 15px auto;
		clear            : both;
		overflow         : hidden;		

		background-color : #a5b975;
	}



/*	div#teaser {
		width            : 1000px;
		margin           : auto;
		clear            : both;
	}*/



	div#main {
		max-width        : 1000px;
		margin           : 20px auto 0px auto;
		clear            : both;
		overflow         : hidden;
	}



	div#footer {
		max-width        : 1000px;
		margin           : 15px auto 0px auto;
		clear            : both;
		overflow         : hidden;

		background-color : #353535;
		font-size        : 8pt;
	}


/* END X-CONTAINER */





/* BEGIN HEADER-CONTAINER */


	div#header div#header-logo {
		width            : 200px;
		height           : 143px;
		float            : left;
	}


	div#header div#header-logo img#ipv6-handbuch-logo {
		padding          : 15px 40px 15px 40px;
	}



	div#header div#header-right {
		max-width            : 700px;
		height           : 143px;
		margin-right     : 15px;
		float            : right;

		text-align       : right;
	}


	div#header div#header-right div#header-right-top {
		height           : 103px;
	}


	div#header div#header-right div#header-right-bottom {
		height           : 25px;
	}


/* END HEADER-CONTAINER */





/* BEGIN MENUS */


	div#menu-l1 ul, div#menu-l2 ul {
		margin           : 0;
		padding          : 0;
		list-style-type  : none;
	}



	div#menu-l1 ul li, div#menu-l2 ul li {
		margin           : 0;
		padding          : 0;
		display          : inline-block;
	}



	div#menu-l1 ul li a, div#menu-l2 ul li a {
		text-decoration  : none;
		padding          : 0.4em 1.5em 0.4em 1.5em;
		margin           : 0;
		border-right     : 1px solid #ffffff;
		color            : #ffffff;
		display          : block;
	}


	div#menu-l1 ul li a:hover, div#menu-l2 ul li a:hover {
		background-color : #a5b975;
	}


/* END MENUS */





/* BEGIN MAIN-CONTAINER */
/*
	@media all and (max-width: 1000px) {

		div#main div#content {
			max-width        : 100%;
			padding-left     : 15px;
			padding-right    : 15px;
		}



		div#main div#sidebar {
			width            : 100%;
			padding-left     : 15px;
			padding-right    : 15px;
		}

	}

	@media all and (min-width: 1000px) {
*/
		div#main div#content {
			max-width        : 619px;
			float            : left;
			padding-left     : 15px;
			padding-right    : 15px;
			border-right     : 1px solid #658520;
		}



		div#main div#sidebar {
			width            : 320px;
			float            : right;
			padding-left     : 15px;
			padding-right    : 15px;
		}
/*
	}
*/


/* END MAIN-CONTAINER */





/* BEGIN FOOTER-CONTAINER */


	div#footer div.footercolumn {
		width            : 300px;
		margin-left      : 15px;
		margin-bottom    : 15px;
		float            : left;
	}



	div#footer div.footerfullwidth {
		clear            : both;
		margin-left      : 15px;
		margin-bottom    : 15px;
	}



	div#footer, div#footer h1, div#footer h2, div#footer h3{
		color            : #f0f0f0;
	}


	div#footer h2 {
		margin-top       : 15px;
		margin-left      : 15px;
	}



	div#footer div.footercolumn a, div#footer div.footercolumn a:active, div#footer div.footercolumn a:visited  {
		color            : #f0f0f0;
		text-decoration  : none;
	}

	
	div#footer div.footercolumn a:hover {
		text-decoration  : underline;
	}


/* END FOOTER-CONTAINER */





/* BEGIN MAIN */


	div#main {
		line-height      : 1.5;
	}



	div#main div#content h2 {
		border-top       : 1px solid #658520;
		padding-top      : 10px;
		margin-top       : 21px;
	}


/* END MAIN*/





/* BEGIN SIDEBAR */


	div.sidebar_box {
		border-bottom    : 1px solid #658520;
		margin-bottom    : 25px;
		padding-bottom   : 25px;
	}


	div.sidebar_box h3 {
		margin           : 0px;
		padding          : 0px;
		color            : #658520;
	}


	div.sidebar_box p {
		margin           : 0px;
		padding          : 0px;
	}



	div.sidebar_box-logo {
		margin-bottom    : 25px;
		text-align       : center;
	}


/* END SIDEBAR*/





/* BEGIN PRODUCT LIST */


	div.prodlist-good {
		padding          : 15px;
		margin-bottom    : 25px;
		overflow         : hidden;

		border           : 2px dashed #658520;
	}


	div.prodlist-good:hover {
		background-color : #e4e8c7;
		border           : 2px solid #658520;
	}



	div.prodlist-good div.prodlist-good-img-left {
		width            : 160px;
		float            : left;
	}

	div.prodlist-good div.prodlist-good-img-right {
		width            : 160px;
		float            : right;
	}


	div.prodlist-good div.prodlist-good-img-left img, div.prodlist-good div.prodlist-good-img-right img {
		border           : 1px solid #000000;
	}



	div.prodlist-good div.prodlist-good-txt-left {
		width            : 415px;
		float            : left;
	}

	div.prodlist-good div.prodlist-good-txt-right {
		width            : 415px;
		float            : right;
	}


	div.prodlist-good div.prodlist-good-txt-left h3, div.prodlist-good div.prodlist-good-txt-right h3  {
		margin           : 0px;
		font-size        : 14pt;
	}


	div.prodlist-good div.prodlist-good-txt-left p {
	}

	div.prodlist-good div.prodlist-good-txt-right p {
		margin           : 0px;
	}


	div.prodlist-good div.prodlist-good-txt-left p.prodlist-good-txt-price, div.prodlist-good div.prodlist-good-txt-right p.prodlist-good-txt-price {
		text-align       : right;
		font-size        : 24pt;
		font-weight      : bold;
 		color            : #658520;
	} 


/* END PRODUCT LIST */





/* BEGIN PRODUCT PAGE */


	div.prodlist-good div.prodlist-good-img-left img, div.prodlist-good div.prodlist-good-img-right img {
		border           : 1px solid #000000;
	}



	div.prodlist-good div.prodlist-good-txt-right {
		width            : 415px;
		float            : right;
	}


	div.prodlist-good div.prodlist-good-txt-right h3, div.prodlist-good div.prodlist-good-txt-left h3  {
		margin           : 0px;
		font-size        : 14pt;
	}


	div.prodlist-good div.prodlist-good-txt-right p, div.prodlist-good div.prodlist-good-txt-left p {
		margin           : 0px;
	}


	div.prodlist-good div.prodlist-good-txt-right p.prodlist-good-txt-price, div.prodlist-good div.prodlist-good-txt-left p.prodlist-good-txt-price {
		text-align       : right;
		font-size        : 24pt;
		font-weight      : bold;
 		color            : #658520;
	} 


/* END PRODUCT LIST */





/* BEGIN PRODUCT PAGE */


	p.prodpage-author {
		font-size        : 12pt;
		font-weight      : bold;
	}



	p.prodpage-subtitle {
		font-weight      : bold;
	}



	div.prodpage-infobox {
		overflow         : hidden;
	}



	div.prodpage-infobox div.prodpage-infobox-left {
		width            : 300px;
		float            : left;
		text-align       : center;
	}


	div.prodpage-infobox div.prodpage-infobox-left img {
		border           : 1px solid #000000;
	}



	div.prodpage-infobox div.prodpage-infobox-right {
		width            : 300px;
		float            : right;
	}



	div.prodpage-infobox div.prodpage-infobox-right p.prodpage-infobox-price {
		text-align       : center;
		font-size        : 24pt;
		font-weight      : bold;
		color            : #658520;
	}


/* END PRODUCT PAGE */





/* BEGIN CHECKOUT PROGRESS BAR */


	div.checkout-progress-bar-top {
		display          : inline-block;
		vertical-align   : bottom;
		position         : relative;
	}


	div.checkout-progress-bar-top img {
		margin-top       : 0px;
	}



	div.checkout-progress-bar-top div.checkout-progress-bar-top-element {
		width            : 100px;
		height           : 30px;
		display          : block;
		float            : left;

		border-right     : 1px solid #658520;
		text-align       : center;
	}


	div.checkout-progress-bar-top div.checkout-progress-bar-top-element-first {
		border-left      : 1px solid #658520;
	}



	div.checkout-progress-bar-bottom {
		display          : inline-block;
		background-color : #ffffff;
		border-top       : 1px solid #658520;
		border-bottom    : 1px solid #658520;
	}



	div.checkout-progress-bar-bottom div.checkout-progress-bar-bottom-element {
		width            : 100px;
		display          : block;
		float            : left;

		border-right     : 1px solid #658520;
		text-align       : center;
	}


	div.checkout-progress-bar-bottom div.checkout-progress-bar-bottom-element-first {
		border-left      : 1px solid #658520;
	}


	div.checkout-progress-bar-bottom div.checkout-progress-bar-bottom-element-done {
		background-color : #e4e8c7;
	}


	div.checkout-progress-bar-bottom div.checkout-progress-bar-bottom-element-current {
		background-color : #658520;
	}


	div.checkout-progress-bar-bottom div.checkout-progress-bar-bottom-element-open {
		color            : #909090;
	}


/* END CHECKOUT PROGRESS BAR */





/* BEGINN NEWS PAGE */


	div.newspage ul li {
		margin-bottom: 15px;
	}


/* END NEWS PAGE */





/* BEGIN FORMULAR */


	label, span.label {
		width            : 150px;
		padding-right    : 10px;
		display          : inline-block;
		text-align       : right;
		vertical-align   : top;
		font-weight      : bold;
		color            : #658520;
	}



	input[type="text"], input[type="password"] {
		margin-bottom    : 10px;
		vertical-align   : middle;
		border           : 1px solid #658520;
		background-color : #e4e8c7;
	}


	
	input[type="submit"] {
		margin-top       : 10px;
		padding          : 10px;
		border           : 3px solid #658520;
		background-color : #e4e8c7;
		font-size        : 12pt;
		font-weight      : bold;
		color            : #658520;
	}



	input[type="checkbox"] {
		border           : 1px solid #658520;
		background-color : #e4e8c7;
	}



	textarea {
		border           : 1px solid #658520;
		background-color : #e4e8c7;
	}



	p.submit {
		text-align       : center;
	}

	input.email {
		background-color: #ff0000;
		display: none;
	}


/* END FORMULAR */





/* BEGIN TABLE */


	table {
		width            : 100%;
	}



	table, tr, th, td {
		border           : 2px solid #ffffff;
		border-collapse  : collapse;
	}


	th {
		text-align       : center;
	}



	th, td.emph {
		font-weight      : bold;
		color            : #658520;
		background-color : #e4e8c7;
	}



	td.bright {
		background-color : #ffffff;
	}


	td.dark {
		background-color : #e4e8c7;
	}



/* END TABLE */





/* BEGIN DECOR */


	.align-center {
		text-align       : center;
	}


	.align-right {
		text-align       : right;
	}



	.valign-middle {
		vertical-align   : middle;
	}



	.roundcorner {
		border-radius    : 5px;
	}


	.roundcorner-top {
		border-top-left-radius  : 5px;
		border-top-right-radius : 5px;
	}


	.roundcorner-bottom {
		border-bottom-left-radius  : 5px;
		border-bottom-right-radius : 5px;
	}



	.hidden {
		display : none;
	}



	.color-green {
		color : #658520;
	}

	
	.color-red {
		color : #705010;
	}




	.fullborder {
		border : 1px solid #000000;
	}



	.font-small {
		font-size : 85%;
	}



        p.error, span.error, input[type="text"].error, input[type="password"].error, textarea.error {
                border           : 3px solid #b05010;
                background-color : #d09080;
        }



	div a.divlink {
		display         : block;
		width           : 100%;
		height          : 100%;
		text-decoration : none;
		color           : #000000;
	}


/* END DECOR */