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

	Project		:	daviderler.de
				:	content.css
**********************************************************************************
Inhalt:
- Breadcrumb
- Headlines
- Images
- Hyperlinks
- Paragraphs (p)
- Linien
- Tables
- Blockquotes
- Lists
- Module - Klassen
- Formular
- Bild & Galerie

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


/* ### breadcrump ############################################################ */

#breadcrumb {
font-size: 1em;
color: #90B0BF;
margin-bottom: 30px;
}


/* ### headlines ############################################################ */

h1 {
	display:block;
	color:#fff;
	background: inherit;
	font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

h2 {
	display:block;
	color: #333;
	background: inherit;
	font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
	letter-spacing: 0.1em;
}

h3 {
	display:block;
	color:#fff;
	background: inherit;
	font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size:1.2em;
	line-height:1.4em;
	letter-spacing: 0.1em;
}

h4 {
	color:#c4c4c4;
	background: inherit;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.2em;
}

h5 {
	display:block;
	color:#fff;
	background: inherit;
	font-family: georgia, serif;
	font-weight: normal;
	font-size:1.6em;
	line-height:1.8em;
	letter-spacing: 0.2em;
	
}

h6 {
	display:block;
	color:#FFFFFF;
	background: inherit;
	font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}


/* ### Images ############################################################ */

img {
	margin:0 0;
}

img.floatLeft {
	float:left;
	margin:0.5em 1.0em 0.5em 0;
}

img.floatRight {
	float:right;
	margin:0.5em 0 0.5em 1.0em;
}



/* ### Hyperlinks ######################################################### */

a, a:link {
	color:#b10000;
	text-decoration:none;
}

a:hover {
	color:#fff;
	text-decoration: none;
}

a:active	{outline-style:none;}

:focus		{outline-style:none;}

a.faq {
	margin-bottom:1.6em;
	font-size:1.2em;
	line-height:1.4em;
	vertical-align:bottom;
	}

/* ### Paragraphs ########################################################## */

p {
	margin-bottom:1.6em;
	font-size:1.2em;
	line-height:1.4em;
	vertical-align:bottom;
}

#nav p {
	margin-bottom:1.2em;
}


/* ### Linien ############################################################# */

.line {
	width:100%; 
	height:1px; 
	align:left; 
	border:none; 
	border-bottom:1px dotted;
	color:#888;
}
.line_content {
	width:100%; 
	height:1px; 
	align:left; 
	border:none; 
	border-bottom:1px dotted;
	color:#333; 
}


/* ### Tables ############################################################## */

table {
	font-size:1.2em;
	line-height:1.6em;
}

td {
	padding:0 0 0 0;
}


/* ### Blockquotes ########################################################## */

blockquote {
	margin:0 0 0 20px;
}


/* ### Lists ################################################################ */

ul, ol {
	font-size:1.2em;
	line-height:1.6em;
}

ul, ol {
	margin-bottom:1.2em;
	font-size:1.2em;
	line-height:1.6em;
}

ol li {
	margin:0 0 0 2.0em;
	list-style-type:decimal;
} 
ul li {
	list-style-type:disc;
}
#content ul li {
	margin:0 0 0 2.0em;
}




/* ### Module - Klassen ########################################################## */

div.floatLeft img {
	float:left;
	margin:4px 40px 4px 0;
}

div.floatRight img {
	float:right;
	margin:4px 0 4px 40px;
}
div.created {
color:#888;
}
div.created_content {
color:#626262;
}


div.CK-Scroll_pagination {
	width:100%;
	color:#000;
	margin-bottom:1.6em;
	font-size:1.2em;
	line-height:1.6em;
}
div.CK-Scroll_prev {
	width:150px;
	text-align:left;
}
div.CK-Scroll_next {
	width:150px;
	text-align:right;
}
div.CK-Scroll_pages {
	width:auto;
}


/* ### Bildgalerie ### */

div.galerie {
	clear: both;
}
div.galerie div.image {
	float: left;
	width: 270px;
}

div.galerie div.image img{
	padding: 5px;
	border:1px solid #aaa;
}


/* ### Formular ################################################################ */

label.text{
	width: 80px;
	height: 25px;
	display:block;
	float:left;
	clear: left;
	padding-top:5px;
}

label.textarea{
	width: 80px;
	height: 25px;
	display:block;
	clear: left;
	padding-top:5px;
}
input.text {
	float:left;
	width: 370px;
	height:20px;
	background-color: #eee;
	color:#000;
	border-left: 6px solid #90b0bf;;
	border-bottom: 1px solid #FFF;
	border-right: 6px solid #90b0bf;;
	border-top: 1px solid #FFF;
}

textarea.textarea {
	width: 450px;
	height:100px;
	background-color: #eee;
	color:#000;
	border-left: 6px solid #90b0bf;;
	border-bottom: 1px solid #FFF;
	border-right: 6px solid #90b0bf;;
	border-top: 1px solid #FFF;
}

.submit{
	background-color: #90b0bf;
	color:#fff;
	margin-top: 10px;
	border: none;
}


/* Bild & Galerie ################################################################ */

/**
 * ---------------------------------------------------------------------------------
 * Modul: 3-01 - Bild & Galerie (jscript)
 * Stand: 05-2009
 * ---------------------------------------------------------------------------------
 */

#galerie {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    /* display: block; */
}

.galerie-image {
	/* width: 270px; */ /* wird im Modul Galerie bestimmt! */
	float: left;
	position: relative;
	padding: 5px;	
}

.galerie-image img {
	padding: 10px;
	border:1px solid #aaa;
}