/**
* (c) syscomm.at and robert wetzlmayr
* some icons (c) exploding boy and famfamfam
*/

/*==visual (basic tags) */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	background-image: url(/style/header-bar.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.4em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

cite {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	padding: 1em 0 0 2em;
	display: block;
}

img { border: none; }

a {
	color: #9C2435;
	text-decoration: none;
	text-decoration: underline; /* ???? */
}

a:link {
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
}

#center table { width: 100%;}

#center td{
	border-bottom: 1px solid #dddddd;
}

code { font-size: 1.2em; background-color: #e8e8f8; }

/*==layout */
#viewport {
	margin: auto;
	margin-top: 0;
	width: 72em; /* fixed */
	max-width: 95%; /* fluid */
	min-width: 50em;
}

#header {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	height: 180px;
	border: none;
	background-image: url(/style/header-logo-bar.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

	#header h1 {
		margin: 0;
		padding: 0;
		height: 160px;
		width: 550px;
		top: 0px;
		position: relative;
		background-color: transparent;
		background-image: url(/style/header-logo-slug.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}

		#header h1 a {
			margin: 0px;
			padding: 0px;
			height: 160px;
			width: 550px;
			display: block;
			text-indent: -9999px;
		}

#container {
	padding: 0; margin: 0;
	position: relative;
}

#center {
	padding: 0 17em 0 17em;
	margin: 0;
	position: relative;
	min-height: 60em; /* cater for too little content */
	height: auto !important;
	height: 60em; /* min-height for ie6 */
}

	#center div {
		margin-bottom: 4em;
	}

		#center div div {
			margin-bottom: 1em;
		}

	#center h2 {
		color: #9C2435;
		font-weight: normal;
		font-size: 1.5em;
	}

	#center h3 {
    	color: #9C2435;
		font-size: 1em;
		margin: 3em 0 1em 0;
	}

    	#center #termine h3 {
        	color: #9C2435;
    		font-size: 1em;
    		margin: 0 0 1em 0;
    	}

	#center h4 {
		font-size: 1em;
		margin: 1em 0 1em 0;
	}

ul#articles {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

    ul#articles li {
        font-weight: normal;
        padding: 0 0 1.3em 30px;
        margin: 0;
        height: 2em;
        background: transparent url(/style/post.gif) 0px 0px no-repeat;
    }

.article {
	line-height: 1.5em;
}

	.article blockquote {
    	background-color: #fdf9e7;
    	border-left: 5px solid #becbe1;
    	_border: none; /* ie 6 verschiebt nachfolgenden <p> um die border-width */
    	padding: 1em;
    	margin-bottom: 1em;
    }

            .article blockquote p {
                padding: 0;
                margin: 0;
            }

	.article ul {
    	list-style-position: outside;
    	list-style-image: url(/style/arrow.gif);
    	list-style-type: none;
    	padding: 0 0 0 3em;
    	margin: 0;
    }

        .article ul li {
        	padding: 0 0 1em 0;
        }

    	   .article ul li ul {
    	    	list-style-type: square;
    	    	list-style-image: none;
            }

	.article ul.share-this {
    	list-style-image: none;
    	padding: 0;
    	margin: 0;
    }

        .article ul.share-this li {
            display: inline;
            margin-right: 10px;
        }

        .article ul.share-this li a {
            background-image: url(/style/social-icons.png);
            height: 30px;
            width: 32px;
            display: inline-block;
            text-indent: -999em;
        }
            .article ul.share-this li.facebook a {
                background-position: 0 0;
            }
            .article ul.share-this li.twitter a {
                background-position: 0 98px;
            }
            .article ul.share-this li.xing a {
                background-position: 0 68px;
            }
            .article ul.share-this li.linkedin a {
                background-position: 0 37px;
            }

#left {
	position: absolute;
	top: 0;
	left: 0;
	width: 12em;
	padding: 0;
}

	#left h2 {
		padding: 0;
		margin: 0;
	}

		#left h2#nav-header {
			background-image: url(/style/unser-angebot.gif);
			background-repeat: no-repeat;
			background-position: left top;
			height: 55px;
			text-indent: -9999px;
		}

		#left h2#subscribe-header {
			background-image: url(/style/am-ball-bleiben.gif);
			background-repeat: no-repeat;
			background-position: left top;
			height: 50px;
			text-indent: -9999px;
		}

	#left ul#nav {
		padding: 0;
		margin: 1em 0 5em 0;
	}

	#left ul#nav {
		padding: 0;
		margin: 1em 0 2em 0;
	}

    #left input#q {
        margin-bottom: 4em;
    }

#right {
	width: 15em;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}

	#right .module {
	border: none;
	background-color: #F7ECAE;
	color: #402000;
	margin: 0 0 1em 0;
	padding: 1em;
	background-image: url(/style/module-beige.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}

	#right .module h2 {
		font-size: 1.5em;
		padding: 0 0 0 20px; /* icon to the left */
		margin: 0 0 1em 0;
	}

#footerwrapper {
	position: relative;
	top: 0;
}

#footer {
	padding: 0;
	margin: 0;
	clear: both;
	bottom: 0;
	background-color: #ddd;
	border-top: 1px solid #ddd;
}

/*==navigation ==*/

/* navigation level 1 */
ul#nav, ul#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#nav {
	border-bottom: 1px solid #dddddd;
}

ul#nav li {
	display: block;
	line-height: 2em;
}

ul#nav li a {
    	font-size: 0.85em;
		display: block;
		text-decoration: none;
		color: #000;
		background: #fff;  /* IE6 Bug */
		padding: 5px;
		border: none;
		border-top: 1px solid #dddddd;
		border-left: 5px solid #fff;
	}

/*==activestate level 1 */
	ul#nav li.active a,
/*==navigation level 1 hover */
	ul#nav a:hover {
		color: #000;
		background: #f9f9f9;
		border-left-color: #9C2435;
		font-weight: bold;
	}

/*==navigation level 2 */
	ul#nav li ul#nav-2 li {
		line-height: 1.2em;
	}

	ul#nav li ul#nav-2 li a {
        border-left: 3px solid #E1BEC3;
        padding: 3px 5px 3px 10px;
        font-weight: normal;
	}

    /*==activestate level 2 */
    	ul#nav ul#nav-2 li.active a,
    /*==navigation level 2 hover */
		ul#nav li ul#nav-2 li a:hover {
			background: #fff;
			border-left-color: #9C2435;
		}

/*ul#nav li#nav-seminare ul li  a { border-left: 5px solid #fff0c0; font-weight: normal; font-size: 0.9em; background-color: #fff0c0; color: #006; padding-left: 1em; }

ul#nav li#nav-seminare ul li  a:hover { border-left: 5px solid #4040a0; font-weight: normal; font-size: 0.9em; background-color: #fff0c0; padding-left: 1em; }
*/

/*==search box */
#searchform {
	color: #777;
	background: #fff;  /* IE6 Bug */
	margin: 0 0 0 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #ccc;
	font-size: 10pt;
}

#searchtext {
	width: 60px;
	height: 18px;
	font-size: 10pt;
}

#searchbutton {
	height: 22px;
	margin: 0 0 0 5px;
	border: 1px solid #888;
}

/* ==meta == */
.feed {
    padding: 0; margin: 0;
}

.feed a {
	background: transparent url(/style/feed-icon.gif) no-repeat left center;
	padding: 0 0 0 15px;
}

#navslogan {
	margin: 40px 0 0 20px;
}


/*== special f/x == */
.datewidget {
	font-size: 1em;
	text-align: center;
	width: 4em;
	background-color: #f8f8ff;
	padding: 0;
	border: 1px solid;
	border-color: #eee  #ccc  #ccc  #eee;
}
	.datewidget .day {
		display: block;
		font-size: 2em;
		padding: 0.2em 0;
		font-family: Georgia, "Times New Roman", Times, serif;
	}

	.datewidget .month {
		display: block;
		font-size: 0.8em;
	}

	.datewidget .year {
		display: block;
		font-size: 0.8em;
		background-color: #244F9C;
		color: #F7ECAE;
	}

p.datewidget {
	float: left;
	margin: 1.3em 1em 2em 0;
}

p.pdf, a.pdf {
    background: transparent url(/style/icon-pdf.gif) no-repeat 0px 0.1em;
    padding: 2px 0px 2px 25px;
    margin: 0;
}

p.posted {
    font-style: oblique;
}

.alert {
    border: 1px solid #d40;
    background: #ffffd0 url(/style/clock.gif) no-repeat 1em 1em;
    padding: 1em 1em 1em 3em;
    font-size: 0.85em;
}

.alert h1, .alert h2, .alert h3 {
    font-size: 0.85em;
    font-weight: bold;
}

.alert p, .alert ul, .alert li, .alert h3{
    padding: 0 0 1em 0;
    margin: 0 !important;
}

/*== kundenliste, logos */
#s-kunden .kundenliste {
    _width: 460px; /* too cool for id */
}

#s-kunden .kundenliste .article {
    width: 225px;
    float: left;
    height: 240px ;
    margin: 0;
}

    #s-kunden .kundenliste .article h3 {
        padding: 0;
        height: 3em;
    }

/*== section "galerie", Fotos */
#s-galerie .gallery {
    width: 100%; /* too cool for ie */
}



#s-galerie .gallery a {
    border: 1px solid #ccc;
    padding: 4px 4px 20px 4px; margin: 0 10px 10px 0;
    display: block; float: left;
    height: 110px;
    background: transparent url(/style/magnifier.gif) no-repeat right bottom;
}

    #s-galerie .gallery a:hover {
        border-color: #9C2435;
        background-color: #f7ecae;
    }

        #s-galerie .gallery a img {
        border: none;
        padding: 0; margin: 0;
        }

#s-galerie h2, #s-galerie h3 { clear: both; padding-top: 1em; }
#s-galerie p { clear: both; }

/*== terminübersicht homepage */
#termine {
    padding-top: 1em;
    border-top: 1px solid #E1BEC3;
}
#termine .article {
	overflow: auto; /* clear floats */
}

/*== newsübersicht homepage */
#news {
    padding-top: 1em;
    border-top: 1px solid #E1BEC3;
}

#news .article {
    width: 45%; float: left; padding-right: 1em;
}

#news h2 {
    font-size: 0.85em;
    font-weight: bold;
}

#news p {
    font-size: 0.85em;
    overflow: auto;
    clear: both;
}

#news blockquote {
    font-size: 1em;
    font-style: normal;
    line-height: 1.6em;
}

/*== News-Archiv */
#s-archiv .article p {
	margin-left: 1.5em;
}

#s-archiv .article h2 {
	margin-top: 3em;
}

#s-archiv .article .excerpt {
	font-size: 0.85em;
	line-height: 1.7em;
	margin: 0 10em 3em 4em;
}

/*== module */
div#address h2  {
	background: transparent url(/style/home.gif) 0 0.3em no-repeat;
}

div#address p  {
    padding: 0 0 0.1em 0; margin: 0;
}

div#address a, #address a:link, #address a:visited, #address a:hover, #address a:active  {
    text-decoration: none;
}

div#testimonials h2 {
	background: transparent url(/style/bubble.gif) 0 0.3em no-repeat;
}

h2#tipp {
	background: transparent url(/style/info-icon.gif) no-repeat 0 0.3em;
}

h2#clubbing {
	background: transparent url(/style/person-icon.gif) no-repeat 0 0.3em;
}

/*==forms */
#zemSubmit {
    margin: 1em 0;
}

#zemContactForm small {
	color: #666;
}

#zemContactForm p  {
	padding: 0.3em 0;
    margin: 0;
}

#zemContactForm input#emailadresse, input#ihrname, #zemContactForm input#nachricht, #left input#q {
	width: 95%;
	border: 1px solid #dddddd;
	padding: 0.3em;
	margin-top: 0.3em;
}

#zemContactForm input#emailadresse:hover, input#ihrname:hover, #zemContactForm input#nachricht:hover, #left input#q:hover {
	border-color: #9C2435;
}

	ul.zemError {
		margin: 0;
		background: #ffffd0 url(/style/exclamation.gif) no-repeat 3px 0.4em;
		border: 1px solid #FF0000;
		list-style-type: none;
		padding: 5px 5px 5px 20px;

	}

		ul.zemError li {
			padding:0;
			margin: 0;
			list-style-type: none;
		}

        #center ul.zemError li { margin-left: 30px; }


/*== image styling */
.article img {  /* Artikelbild, Spalte links, mit Dropshadow */
	margin: 5px 0 0 5px;
 	position: relative;
	margin: 0;
	padding: 4px;
	background-color: #fafafa;
	border-width: 1px;
	border-style: solid;
	border-left-color: #d2dCd6;
	border-top-color: #d2dCd6;
	border-right-color: #a0a89d;
}

.articleimg, .articlethumb { float: right; margin: 0 0 1em 1em; } /* kleine deko zum artikel */

dl.plugins-list dd { color: #666; font-size: 0.8em; }

/* ==comment == */

ol.comments  {
    list-style-image: url(/style/bubble.gif);
    list-style-type: none;
    clear: both;
    padding-top: 1.5em;
}

ol.comments li {
    border-bottom: 1px solid #FDF9E7;
    padding-bottom: 2em;
}

#txpCommentInputForm {
    clear: both;
}

#txpCommentInputForm fieldset {
	border: none;
	background-color: #FDF9E7;
	width: 465px;
	margin: 0;
	padding: 1em; padding-right: 0;
}

#txpCommentInputForm .row {
	margin-bottom: 0.6em;
}

#txpCommentInputForm label {
	display: block;
	color: #666;
	font-size: 0.8em;
}

#txpCommentInputForm #r-remember label {
	display: inline;
}

#txpCommentInputForm #r-remember input{
	border: none;
}

#txpCommentInputForm #web,
#txpCommentInputForm #name,
#txpCommentInputForm #email,
#txpCommentInputForm #message {
	width: 350px;
	border: 1px solid #dddddd;
	padding: 0.3em;
	margin-top: 0.3em;
}

#txpCommentInputForm #help ul {
	color: #666;
	font-size: 0.8em;
	padding: 2em;
}

#txpCommentInputForm #web:hover,
#txpCommentInputForm #name:hover,
#txpCommentInputForm #email:hover,
#txpCommentInputForm #message:hover {
	border-color: #9C2435;
}

#txpCommentInputForm .row:hover label {
	cursor: pointer;
}

/* ==jquery.twitter badge == */

.twitted {
	width: 100%;
	margin-bottom: 1.5em;
	/*border: 1px solid #F7ECAE;*/
}

#left .twitted h2 {
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 0.8em;
	color: #F7ECAE;
	background-color: #9C2435;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("/style/loader.gif") 1em center no-repeat;
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #E1BEC3;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
font-size: 0.8em;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #9C2435;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #9C2435;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #F7ECAE;
	background-color: #9C2435;
}

.twitted p.profileLink a {
	color: #F7ECAE;
	font-size: 0.8em
}

@media print {
body{ background: none; }
#left, #right, #nav, #header, ul#articles, #txpCommentInputForm { display: none; }
#viewport { width: 90%; }
#center { padding: 0 1em 0 1em;height: auto; min-height: 0; }
a, a:visited { color: black; text-decoration: none; }
}