/*  
Theme Name: shiaroma 
Description: brings | buero fuer kommunikation - brings-online.com
*/

body { margin:0; padding:0; font-size: 80%; font-family: Tahoma, Verdana, Arial, Sans-Serif; background:#EAD5EA url('images/body.jpg') top left repeat-x; color: #482241; text-align: center;}
#page { background: #fff url('images/back.jpg') top left repeat-y; text-align: left; width:870px; margin:0 auto; padding:0;}
#header {background:url('images/header.jpg') no-repeat top center; width:870px; margin:0; padding:0; height:220px;}
#headerimg 	{margin:0; padding:0;}
#content {font-size: 1em; float:left; margin:0 0 0 13px; padding:0; display:inline; }
#footer {margin:0 auto; width:832px; padding:0 10px 0 0; background:#b661a5; border-bottom:3px solid #fff; height:36px; font-size:.89em; line-height:1.6em; text-align:right; color:#ead5ea; }
#content {width:652px;}
* html #content {width:649px;}

#footer p { padding:12px 0 0 0; margin:0;}
#footer a { color:#fff; text-decoration:none;}
#footer a:hover { color:#8b417c; text-decoration:none;}
#sidebar {padding:0; margin:0; width: 190px; float:left; display:inline; }
#sidebar form {margin: 0; }



small {font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 0.85em; line-height: 1.5em; }
h1, h2, h3 {font-family: Tahoma, Verdana, Arial, Sans-Serif; font-weight: bold; }
h1 {font-size: 4em; text-align: center; }
h2.pagetitle {font-size: 1.3em; color:#b661a5;}
h3 {font-size: 1.1em; color:#482241; margin:0; padding:0; }
h3 a, h3 a:visited {color: #b661a5; text-decoration:underline; padding-left:10px; }
h3 a:hover { color:#8b417c; text-decoration:none; padding-left:10px;}
h2, h2 a, h2 a:visited {color: #b661a5; }
h2, h2 a, h2 a:hover, h2 a:visited {text-decoration: none; }
h4 {font-size: 14px; color:#b661a5; margin:0; padding:0; }

#content .entry h4 {margin-top:25px; color:#482241; font-size:18px; font-weight:normal; font-variant:small-caps; border-bottom:1px solid #482241;}

#content h2 { float:right; color:#b661a5; font-weight:normal; font-size:18px; }
#content h2#post-13 { background:#ead5ea url('images/h2_kundr.jpg') left no-repeat; width:320px; height:35px;  margin:3px 0 0 0; padding:0;}
#content h2#post-4 { background:#ead5ea url('images/h2_neu.jpg') left no-repeat; width:320px; height:35px;  margin:3px 0 0 0; padding:0;}
#content h2#post-8 { background:#ead5ea url('images/h2_ueber.jpg') left no-repeat; width:320px; height:35px;  margin:3px 0 0 0; padding:0;}
#content h2#post-9 { background:#ead5ea url('images/h2_anwend.jpg') left no-repeat; width:320px; height:35px;  margin:3px 0 0 0; padding:0;}
#content h2#post-10 { background:#ead5ea url('images/h2_punda.jpg') left no-repeat; width:320px; height:35px;  margin:3px 0 0 0; padding:0;}
#content h2#post-11 { background:#ead5ea url('images/h2_praxis.jpg') left no-repeat; width:320px; height:35px;  margin:3px 0 0 0; padding:0;}
#content h2#post-14 { background:#ead5ea url('images/h2_imp.jpg') left no-repeat; width:320px; height:35px;  margin:3px 0 0 0; padding:0;}
#content h2#post-12 { background:#ead5ea url('images/h2_zunda.jpg') left no-repeat; width:320px; height:35px;  margin:3px 0 0 0; padding:0;}
#content h2#post-25 { background:#ead5ea url('images/h2_ggut.jpg') left no-repeat; width:320px; height:35px;  margin:3px 0 0 0; padding:0;}
#content h2#post-3 { background:#ead5ea url('images/h2_home.jpg') left no-repeat; width:320px; height:35px;  margin:3px 0 0 0; padding:0;}
#content h2#such { background:#ead5ea url('images/h2_suche.jpg') left no-repeat; width:320px; height:35px;  margin:3px 0 0 0; padding:0;}
#content h2#post-42 { background:#ead5ea url('images/h2_schul.jpg') left no-repeat; width:320px; height:35px;  margin:3px 0 0 0; padding:0;}
#content h2#post-65 { background:#ead5ea url('images/h2_presse.jpg') left no-repeat; width:320px; height:35px;  margin:3px 0 0 0; padding:0;}

#content h2#post-3 span, #content h2#post-4 span, #content h2#post-8 span, #content h2#post-9 span, #content h2#post-10 span, #content h2#post-11 span, #content h2#post-12 span, #content h2#post-13 span, #content h2#post-14 span, h2#post-25 span, h2#such span, h2#post-42 span, h2#post-65 span {display:none;}

.entry { padding:8px 0 5px 15px; line-height:1.6em; width:570px; font-size:.95em;}
.entry p { margin:0; padding:5px 0;}
.entry p a {color:#482241; text-decoration:underline;}
.entry p a:hover {color:#b661a5;}
.entry p a:visited {color: #b661a5;}
#content .entry ul {margin:0; padding:0 0 0 25px; list-style:none;}
#content .entry li {line-height:1.7em; background:url('images/list.gif') left no-repeat; text-indent:1.2em; padding:0;}
#content .entry li a {color:#8b417c; text-decoration:underline; padding:1px;}
#content .entry li a:hover {background:#b661a5; color:#fff; text-decoration:none; padding:1px;}


.commentlist li, #commentform input, #commentform textarea {font: 0.9em Tahoma, Verdana, Arial, Sans-Serif;	}
.commentlist li {font-weight: bold;	}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p {font-family: Tahoma, Verdana, Arial, Sans-Serif; }

.commentmetadata {font-weight: normal; }


small, .nocomments, .postmetadata, blockquote, strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em; }

/* End Typography & Colors */



/* Begin Structure */
.narrowcolumn {}
.widecolumn { }
.post { }
.post hr {display: block; }
.widecolumn .post {margin: 0; }
.narrowcolumn .postmetadata {padding-top: 5px; }
.widecolumn .postmetadata {margin: 30px 0; }
.widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment {text-align: center; margin: 5px 0px; }
.postmetadata {clear: left; }
/* End Structure */



/*	Begin Headers */
h1 { display:none; }
h2 { }
h2.pagetitle { display:none;}
h3 {padding: 0; margin:0;}
h3.comments {padding: 0; margin:0; }
/* End Headers */

/* Begin Images */
p img {padding: 0; max-width: 100%; }
img.centered {display: block; margin-left: auto; margin-right: auto; }
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright {float: right; }
.alignleft {float: left }
/* End Images */



/* Begin Lists */

	

.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none; }

#sidebar h2 { color:#8b417c; font-size:.01em; margin:0; padding:0 0 0 35px; line-height:1em;}
#sidebar {font: 1em Tahoma, Verdana, Arial, Sans-Serif;	}
#sidebar ul, #sidebar ul ol {margin:0 0 0 8px; padding: 0; }
#sidebar ul li {list-style:none; margin:0; padding:0; }
#sidebar ul ul, #sidebar ul ol {margin:0; }
#sidebar ul ul ul, #sidebar ul ol { margin:0;}
ol li, #sidebar ul ol li {list-style:none;}
#sidebar ul ul li, #sidebar ul ol li {margin:0; padding: 0; }

#sidebar li a {color: #EEF1FC; text-decoration: none; font-size:.95em; border-bottom:1px solid #b661a5;  padding-left:8px; margin:0 0 0 6px; line-height:2.3em; width:172px; display:block;}

#sidebar li a:hover { background:#b661a5;}


#headerimg #searchform {margin:0 0 0 216px; padding:192px 0 0 0; }
#searchform #s {width: 200px; padding:2px; border:1px solid #b661a5; }
#searchsubmit {padding:1px; width:60px; background:#8b417c; color:#fff; border:1px solid; border-color:#ab5099 #69325f #69325f #ab5099; cursor:pointer; }

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}


#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea {width: 100%; padding: 2px; }
#commentform #submit {margin: 0; float: right; }
/* End Form Elements */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }

.commentlist {padding: 0; text-align: justify; }
.commentlist li {margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p {margin: 10px 5px 10px 0; }
#commentform p {margin: 5px 0; }

.nocomments {text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */




/* Begin Calendar */
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right; }
#wp-calendar #prev a {padding-left: 10px; text-align: left; }
#wp-calendar a {display: block; }
#wp-calendar caption {text-align: center; width: 100%; }
#wp-calendar td {padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; }
#wp-calendar a {text-decoration: none; }
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th {font-style: normal; text-transform: capitalize;}
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/


.clear { clear:both;}
.widecolumn .entry p {font-size: 1.05em;}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;}
.widecolumn {line-height: 1.6em; }
.narrowcolumn .postmetadata { text-align: center; }
.alt {background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

li.pagenav {margin:0 0 0 8px; padding:0;}
.current_page_item {font-weight:bold; background:url('images/linkarr_navi.gif') right no-repeat; }

.shia {font-size:1.2em; color:#8b417c; font-weight:bold;}
.bigImg {float:right; margin:6px 0 0 5px; padding:3px; border:1px solid #b661a5;}
.bigImgnb {float:right; margin:0; padding:0;}
.praxImg {float:left; width:250px; margin:6px 5px; padding:2px; border:1px solid #482241;}
.space { border-bottom:3px double #b661a5; padding:0 5px; margin:0 5px 5px 5px;}
p.space a {text-decoration:none; float:right; font-size:.89em; font-weight:bold; padding-top:3px;}

.toggle { margin:0 0 10px 0; padding:0;}
.toggle a:hover { background:#ead5ea; color:#fff; padding:2px;}
p.toggleBox {margin: 0px 13px 10px; border:3px double #ead5ea; padding:12px; line-height:1.7em; font-size:.92em;}


#kontaktform form { padding:0; margin:0;}
#kontaktform  fieldset {width:400px; border:1px solid #f2e2f2; margin:0 0 15px 15px; padding:10px;}
#kontaktform  legend {font-size:1em; color:#943190; font-weight:bold; background:none; margin:0; padding:0 0 5px 0;}
* html #kontaktform  legend {margin:0 0 10px 0;}
#kontaktform  label { font-size:.9em; float:left; clear:left; margin:0 0 3px 0; padding:0; display:block; width:120px;}
#kontaktform  input {border:1px solid #c3c3be; width:260px; margin:0 0 3px 0; padding:0; height:20px; color:#943190; }
#kontaktform  select {border:1px solid #c3c3be; margin:0 0 3px 0; padding:0;}
#kontaktform  textarea {border:1px solid #c3c3be; width:260px; color:#943190;}
#kontaktform  textarea:hover, input:hover, select:hover {border:1px solid #943190; background:#f9f9f9;}
#kontaktform  textarea:focus, input:focus {border:1px solid #943190;}

#kontaktform  .submit{margin:0 0 0 120px; padding:1px 4px; width:auto; background:#8b417c; color:#fff; border:1px solid; border-color:#ab5099 #69325f #69325f #ab5099; cursor:pointer;}

* html #kontaktform  .submit {margin: 0 0 0 110px; width:65px;}
#kontaktform  .checkbox {width:200px}
#kontaktform  .checkboxIn {width:40px;}

#sidebar #maritim a img {border:none; background:none;} 
#sidebar #maritim a:hover img {border:none; background:none;} 
#sidebar #maritim img {margin:10px 0 10px 0; padding:0 0 0 15px;}
* html #sidebar #maritim img {margin:10px 0 10px 0; padding:0 0 0 5px;}

#pcont { width:520px; background:#333; margin:20px auto; padding:0; text-align:left;}
#pcont ul {margin:0; padding:0; list-style:none;}
#pcont ul li {display:block; margin:2px; padding:14px 1px 13px 1px; border:1px solid #666; width:100px; height:75px; float:left; background:#333;}
#pcont ul li.portrait {height:100px; width:75px; padding:1px 13px 1px 14px;}