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

	Project		:	Redaxo Demo

	Copyright	:	blumbeet - web.studio
					www.blumbeet.com

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




/*	undo
*******************************************************************************/

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

body, div,p,li { background-repeat: repeat-x; }

/*	reset some basic style
*******************************************************************************/
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:13px; }

a:hover { text-decoration:none; }

/*	html
*******************************************************************************/
html {

	min-height: 100%;
	margin-bottom: 1px;
}

/*	body
*******************************************************************************/
body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:1.2em;
	font-size:13px;
	line-height:1.6em;

	voice-family: "\"}\"";
	voice-family: inherit;
	background-image:url(sw_bg2.gif);
	background-color:#f4ede5;

}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.flLeft { float:left; }
.flRight { float:right; }

.warning, 
#main-block .warning { color:#f00; }

/*  website main-div 
*******************************************************************************/
#websitemain {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:1.2em;
	font-size:13px;
	line-height:1.6em;
	margin:auto;
	height:100%;
	width:980px;
}

/*	website
*******************************************************************************/
#website {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:1.2em;
	font-size:13px;
	line-height:1.6em;

	position:relative;
	display:block;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	color:#000;
	text-align:left;
}

/*	header
*******************************************************************************/
#header {
position: relative;
margin-left:160px;
	padding:0;
	height:50px;
	/* background-color:#8f5c41; */
	/* background-image:url(bg_header.jpg); */
}

/*	logo / breadcrumb
*******************************************************************************/
#logo {
	position:absolute;
	top:0px;
	left:0px;
}

#logo a {
	display:block;
	height:100px;
	width:170px;
	text-indent:-700em;
}


#breadcrumb {
	position:absolute;
	bottom:9px;
	left:200px;
}

#breadcrumb a, 
#breadcrumb a:link {
	color:#000;
}

#breadcrumb a:hover {
	text-decoration:underline;
}
/*	content
*******************************************************************************/


#content, #content2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:1.2em;
	font-size:13px;
	line-height:1.6em;

	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
}


/* hide from IE/MAC \*/
* html #content, * html #content2 {
	height:1px;
}
/* end hide */


#content {
padding-top:5px;}

#content2 {
	background-image:url(bg_content.jpg);
	background-repeat:repeat-y;
}

#main {
	float:left;
	width:560px;
}

#main_portf {
float:left;
width:1000px;
}

#main-block {

padding-top:26px;
padding-left:146px;

}

#main_portf-block2 {
	width:1000px;
	padding:14px;
	padding-left:220px;
}

#main-block2 {
	width:600px;
	padding:14px;
	padding-left:220px;
}


/*	Navigation vertical - 
	Wenn die Navigation mit der ID 3 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
------------------------------------------------------------------------------
#navigation {
	float:left;
	width:200px;
	padding:14px 0;
}

#navigation ul.nav1st {
	width:170px;
}


#navigation ul.nav1st li {
	padding:8px 0 8px 14px;
}

#navigation ul.nav1st li.active {
	background:#f7f7f7;
}

#navigation ul.nav1st li.active a,
#navigation ul.nav1st li.active a:link {
	color:#090;
}

#navigation ul.nav1st a, 
#navigation ul.nav1st a:link {
	display:block;
	color:#606060;
	font-size:1.2em;
	font-weight:bold;
}

#navigation ul.nav1st a:hover {
	color:#090;
}


#navigation ul.nav1st li ul.nav2nd li {
	padding:0;
	margin-left:14px;
	list-style-type:square;
}

#navigation ul.nav2nd a, 
#navigation ul.nav2nd a:link {
	display:block;
	padding:4px 0 4px 0;
	font-size:1.1em;
	font-weight:normal;
}

#navigation ul.nav2nd a.current, 
#navigation ul.nav2nd a.current:link, 
#navigation ul.nav2nd a:hover {
	text-decoration:underline;
}


/*	Navigation horizontal and vertical - 
	Wenn die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
------------------------------------------------------------------------------*/

#header-nav {
height:53px;
}

#header-nav ul.nav1st {
	font-family:Helvetica, Geneva, Arial,  sans-serif;
	font-size:14px;
	position:absolute;
	height:53px;
	left:200px;
	width:650px;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	background:none;
/*	background:#8f5c41; */
}


#header-nav ul.nav1st li {
	display:block;
	float:left;
	padding-top:20px;
	padding-right:20px;
}

#header-nav ul.nav1st li.active {
	color:#eca05d;
}

#header-nav ul.nav1st li.active a,
#header-nav ul.nav1st li.active a:link {

	color:#eca05d;
}

#header-nav ul.nav1st a, 
#header-nav ul.nav1st a:link {
	color:#f9f6f2;
	font-weight:bold;
}

#header-nav ul.nav1st a:hover {
	color:#eca05d;

}

/* 
#navigation {
	float:left;
	width:200px;
	padding:14px 0;
}

#navigation ul.nav2nd li {
	padding:0;
	margin-left:14px;
	font-size:1.1em;
	font-weight:normal;
}

#navigation ul.nav2nd a, 
#navigation ul.nav2nd a:link {
	display:block;
	padding:4px 0 4px 0;
	color:#606060;
}

#navigation ul.nav2nd a.current, 
#navigation ul.nav2nd a.current:link, 
#navigation ul.nav2nd a:hover {
	color:#090;
	text-decoration:underline;
}
*/


/*	donate Werbebanner
------------------------------------------------------------------------------*/
#donate {
	margin:2em 0 0 14px;
}

/*	Headlines
------------------------------------------------------------------------------*/

/* Headline 1 */
#main-block h1 {
width:600px;

	color:#8f5c41;
	/*	/*font-family:Georgia, "Times New Roman", Times, serif; */
	font-family: Helvetica, Geneva, Arial,  sans-serif;
 */
	font-family: Helvetica, Geneva, Arial,  sans-serif;
	font-size:26px;
	line-height:1.8em;
		padding-bottom:0.5em;

}

#main-block .teaser h1 {
	font-size:1.4em;
}

/* Headline 2 */
#main-block h2 {
width:600px;
	color:#8f5c41;
		/*font-family:Georgia, "Times New Roman", Times, serif; */
	font-family: Helvetica, Geneva, Arial,  sans-serif;

	font-size:18px;
	line-height:1.8em;
	padding-bottom:10px;
}

#main-block h3 {
width:600px;
	color:#8f5c41;
		/*font-family:Georgia, "Times New Roman", Times, serif; */
	font-family: Helvetica, Geneva, Arial,  sans-serif;

	font-size:16px;
	line-height:1.8em;
		padding-bottom:10px;

}

#main-block h4 {
width:600px;
	color:#8f5c41;
		/*font-family:Georgia, "Times New Roman", Times, serif; */
	font-family: Helvetica, Geneva, Arial,  sans-serif;

	font-size:14px;
	line-height:1.8em;
		padding-bottom:10px;

}



/*	Paragraphs / Lists
------------------------------------------------------------------------------*/
#main-block p,
#main-block ul,
#main-block ol {
	margin-bottom:1.2em;
	font-size:1.2em;
	line-height:1.6em;
}
#main-block ul li ul,
#main-block ul li ol,
#main-block ol li ol,
#main-block ol li ul {
	font-size:1em;
}
/* Aufzählung */
#main-block ul {
	font-size:13px;
	margin-left:14px !important;
	margin-left:16px;
	list-style-type: disc;
}

#main-block ol {
	list-style-type:decimal-leading-zero;
}


/*	Hyperlinks
------------------------------------------------------------------------------*/
#main-block a, #main-block a:link {
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#ae956a;
font-size:13px;
	text-decoration: none;
}

#main-block a:hover {
text-decoration:none;
	color:#774328;
}



/*	Images
------------------------------------------------------------------------------*/
#main-block div.image {
	margin-bottom:0;
}
#main-block div.image p {
	margin:0;
	font-size:0.9em;
}
#main-block div.flLeft {
	margin-right:14px;
}
#main-block div.flRight {
	margin-left:14px;
}


/*	footer
------------------------------------------------------------------------------*/
.footer {
	/* display:block; */
	width:100%;
	background-color:#eca05b;
	/* background-image:url(bg_body.jpg);
	background-position:0 -100px; */
}
.footer2 {
	padding:0 14px;
}
.footer p {
	margin:0;
	padding:9px 0;
	font-size:10px;
	text-transform:uppercase;
}

.footer p, 
.footer p a,
.footer p a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
	color:#ffffff;
}
.footer p a:hover {
	text-decoration:underline;
}

.footer .col-left {
	float:left;
	width:980px;
}
.footer .col-right {
	float:left;
}

/*	login form
------------------------------------------------------------------------------*/
.login {
	margin:1.2em 0 1.2em 0;
	width:170px;
	background-color:#f7f7f7;
	font-size:1.2em;
	line-height:1.4em;
}

.login2 {
	padding:5px 0 5px 14px;
}

.login label {
	display:block;
	clear:both;
	margin-top:5px;
	color:#606060;
}

.login input {
	float:left;
	margin:5px 0;
	width:130px;
	border:1px solid #606060;
	background-color:#fff;
}


.login input.submit { 
	border:none;
	background:none;
	color:#606060;
	text-decoration:underline;
	cursor:pointer;
}


/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:520px;
	/* background-color:#f7f7f7; */
	color:#333;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:13px;
}

#form-module fieldset {
	/* border:0px solid #fff; */
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	/* background-color:#f7f7f7; */
	/* border-top:2px solid #fff; */
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:120px;
	/* border-right:2px solid #fff; */
}

#form-module label.checkbox {
	width:372px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
	float:left;
	margin:5px;
	width:222px;
	border:1px solid #e4d3c0;
}

#form-module input.text {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;

	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 5px 137px;
	padding:2px;
	border:2px solid #8f5c41;
	background-color:#8f5c41;
	color:#faf7f2;
		/*font-family:Georgia, "Times New Roman", Times, serif; */
	font-family: Helvetica, Geneva, Arial,  sans-serif;

	font-size:14px;
	text-align:center;
	cursor: pointer;
	font-weight:bold;
}

#form-module input.submit:hover { 
	background-color: #FFFFFF;
	color:#8f5c41;
		font-weight:bold;

}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}


/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p {
	margin:0;
}
#main-block .download-hdl p {
	padding:5px 7px;
	background-color:#393;
	font-weight:bold;
	color:#fff;
}

#main-block .download-file {
	padding:1.2em 7px;
	border-left:2px solid #393;
	border-right:2px solid #393;
}

#main-block .download-desc {
	margin-bottom:1.2em;
	padding:1.2em 7px;
	background-color:#e5ffe5;
	border-left:2px solid #393;
	border-right:2px solid #393;
	border-bottom:2px solid #393;
}

#main-block .download-without-desc {
	margin-bottom:1.2em;
	border-top:2px solid #393;
}

/* Beispiel CSS von Sven Jansen
im Feld "Block-Name" zweier für die Spaltenart "zweispaltig" und dreier für die Spaltenart "dreispaltig" angegeben */

/**
* @package Dreispalter
* @name DS CSS
* @author ZFeN - sven@zfen.de - http://www.zfen.de
* @version 1.0.1
*/

.dreispalter p {
display: inline;}

.dreispalter {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:1.2em;
	font-size:13px;
	line-height:1.6em;
  width: 700px;
}

.dreispalter_1 {
  margin-left: 0px;

  width: 201px;
}

.dreispalter_2 {
  width: 201px;
  margin-left: 0px;
}

.dreispalter_3 {
float:left;
  width: 201px;
margin:0;
padding:0;
}

.dreispalter_1, 
.dreispalter_2, 
.dreispalter_3 {
  float: left;
}

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

.referenzen_leiste {
	width:533px;
	border-bottom: 1px dashed #336699;
	background-color:#F1F2F2;
	height:110px;
}
.referenzen_alles {
	display:inline;
	float:left;
	padding-left:15px;
}
.referenzen_alles2 {
	display:inline;
}
.referenzen_bild {
	width:150px;
	display:inline;
	float:left;
}
.referenzen_titel {
	width:361px;
	display:inline;
	float:left;
	text-transform:uppercase;
	color:#009999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
}
.referenzen_inhalt {
	width:361px;
	display:inline;
	float:left;
	clear:both;
	color:#999999;
}

/* Download anbieten */

.list_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:520px;
	background-color:#E8E8E8;
	margin:0px;
    line-height: 18px;
	}

.list_content3 {
	font-style:italic;
        font-size:10px;
	text-decoration:none;
	color:#000000;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#F4F4F4;
	margin:0px;
    line-height: 18px;
	}
	
/* Portfolio ausgabe */
	
.newswrapper {
/* background-color:#ffffff; */
color:#8f5c41;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
/* padding:6px; */
width:617px;
}



.newsheader {
/*background-color: #f9f6f2;*/
color:#8f5c41;
	/*font-family:Georgia, "Times New Roman", Times, serif; */
	font-family: Helvetica, Geneva, Arial,  sans-serif;

font-size:22px;
padding-bottom:7px;
}
.news-pic {
color:#8f5c41;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
padding:6px;
margin:auto;
background-color:#ffffff;
	border:1px solid #e6ded7;


}

/* Ausgabe am Bildschirm */
@media screen {
	.renderhead {
		display: block;
	}
	.renderhead span { 
		display: none;
	}
	.renderhead img {
	padding-top:10px;
	padding-bottom:10px;
	}
}
/* Ausgabe auf dem Drucker */
@media print {
	.renderhead {
		display: block;
	}
	.renderhead span {
		display: block;
		color: blue;
	}
	.renderhead img { 
		display: none;
	}
}

/* Zweispalter mit Editor */
.content {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:1.2em;
	font-size:13px;
	line-height:1.6em;
	}
	
.content .linkespalte {
/*color:#ffffff;
background:transparent; */
position: absolute;
left: 366px;
margin:0;
float:left;
width:290px;
/*height:400px;*/
}

.content .rechtespalte {
margin:0px 0px 0px 318px;
width:290px;
padding:0px;
}

/* magazin layout / lightbox */

.magazine-container {
	background: #f7f7f7;
}
.magazine-image a, .magazine-image a:hover {
	border: 0;
	background: transparent;
	outline: 0;
}

/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. .pleft , .pright und .pnormal    
.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b definieren die Anzeige der Bilder, wenn sie einen Rahmen haben sollen. 

Viel Spass beim weiteren basteln.



Code: 

*/ 


/* Definition der Klassen ohne Rahmen*/ 

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen mit  Rahmen */

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}


hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: 1px dashed  #dcbead;
 border-bottom: solid 1px #f3ece4; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}

/* Portfolio Teaser mit Meta/Bild */
.portf {
width:267px;
height:230px;

float:left;
margin-right:30px;
position: relative;
background-image:url(portf/background.png);
background-position:top left;
}


.portf_name {
text-decoration:none !important;
margin-left:5px;
margin-top:13px;
}

.portf_pic a:link, .portf_pic a:visited{
border:3px solid #FFFFFF;
margin-left:3px;
margin-top:3px;
width:255px;
height:159px;
display:block;
}

.portf_pic a:hover, .portf_pic a:active{
border:3px solid  #CC9933;
text-decoration:none !important;
}


.portf_besch {
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif !important;
margin-top:5px;
margin-left:0px;
}

/* BUTTON GRAFIK */

.but_grafik, .but_box_grafik {
width:201px;
height:82px;
display:block;
background-image:url(buttons/but_akt_grafikdesign.gif);}

.but_grafik a:link, .but_grafik a:visited {
width:201px;
height:82px;
display:block;
background-image:url(buttons/but_akt_grafikdesign.gif);
}

.but_grafik a:hover, .but_grafik a:active {
width:201px;
height:82px;
display:block;
background-image:url(buttons/but_grafikdesign.gif);
}

/* BUTTON WEBDESIGN */

.but_layout, .but_box_layout {
width:201px;
height:82px;
display:block;
background-image:url(buttons/but_akt_layout.gif);}

.but_layout a:link, .but_layout a:visited {
width:201px;
height:82px;
display:block;
background-image:url(buttons/but_akt_layout.gif);
}

.but_layout a:hover, .but_layout a:active {
width:201px;
height:82px;
display:block;
background-image:url(buttons/but_layout.gif);
}

/* BUTTON LAYOUT */

.but_webdesign, .but_box_webdesign {
width:201px;
height:82px;
display:block;
background-image:url(buttons/but_akt_webdesign.gif);}

.but_webdesign a:link, .but_webdesign a:visited {
width:201px;
height:82px;
display:block;
background-image:url(buttons/but_akt_webdesign.gif);
}

.but_webdesign a:hover, .but_webdesign a:active {
width:201px;
height:82px;
display:block;
background-image:url(buttons/but_webdesign.gif);
}

/* BUTTON AKTIV */

.but_webdesign_aktiv {
margin-bottom:0px;
width:201px;
height:82px;
display:block;
background-image:url(buttons/but_webdesign.gif);
}

.but_grafik_aktiv {
margin-bottom:0px;
width:201px;
height:82px;
display:block;
background-image:url(buttons/but_grafikdesign.gif);
}

.but_layout_aktiv {
margin-bottom:0px;
width:201px;
height:82px;
display:block;
background-image:url(buttons/but_layout.gif);
}

/* Portfolio Detail */

.portf_det_pic {
width:267px;
height:175px;
float:left;
margin-right:0px;
position: relative;
background-image:url(portf/background.png);
background-repeat:no-repeat;
background-position:top left;
}



.portf_det_pic a:link, .portf_det_pic a:visited{
border:3px solid #FFFFFF;
margin-left:3px;
margin-top:3px;
width:255px;
height:159px;
display:block;
}

.portf_det_pic a:hover, .portf_det_pic a:active{
border:3px solid  #CC9933;
text-decoration:none !important;
}



.protf_det_link {
background-image:url(reflink.png);
background-position:top left;
padding-left:20px;
margin-bottom:20px;
background-repeat:no-repeat;}

.portf_det_left {
float:left;
width:300px !important;
width:300px;
position:relative;}

.portf_det_right {
float:left;
width:300px;
position:relative;
}

.portf_det_right li {
	font-size:13px;
	margin-left:0px !important;
	margin-left:0px;
	list-style-type: disc;
}


.portf_det_header {
font-weight:bold;}

.trenner {
height:15px;
}