/*
Theme Name: Praxis
Description:  CMS Theme für WordPress 
Author: sabine brings
Author URI: http://brings-online.com

*/

html { overflow-y:scroll;}
body { margin:0; padding:0; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:94%; color:#454545; background:#2F486D url(images/body.png) top left repeat; text-rendering: optimizeLegibility; }

html { height: 100%;}

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

img { border:none;}
h1,h2,h3,h4,h5,h6,p,ul,li,form { margin:0; padding:0;}
ul, li { list-style:none;}
.clear { clear:both;}

.clearfix:before,  
.clearfix:after {content: " "; display: table; }  
.clearfix:after {clear: both; }  
.clearfix {*zoom: 1;}  
.clear { clear:both;}


/* =================== font =================== */ 

h1 { font-size:1.6em; line-height:1.8em; margin:0; padding:0; font-weight:normal; }
h2 { font-size:1.2em; line-height:1.5em; margin:0; padding:5px 0; font-weight:normal;}
h1 a, h2 a, h3 a, h4 a { color:#c00; border-bottom:1px dotted #c00; text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {border-bottom:1px solid #c00;}
h3 { font-size:1.255em;; line-height:1.6em; margin:0; padding:0; font-weight:bold; }
h4 { font-size:1.1em; line-height:1.6em; margin:0; padding:0; font-weight:bold;}

p { padding:5px 10px 10px 0; margin:0; font-size:.955em; line-height:1.6em;}
p a { color:#c00; border-bottom:1px dotted #c00; text-decoration:none;}
p a:hover {border-bottom:1px solid #c00;}

h1.logo-title {font-family: 'Philosopher', sans-serif; font-size:3em; line-height:1em; margin:0; padding:20px 0 0 0;}
h1.logo-title a { color:#fff; text-decoration:none; border:none;}
h1.logo-title a:hover {border:none; text-decoration:none;}
h2.logo-subtitle {color:#fff; margin:0 0 0 2px; padding:0; font-size:.855em;}

h1.page-title {font-size:1.5em; line-height:1.8em; margin:0; padding:0; font-weight:normal;}


/* =================== structure =================== */ 

#topline {margin:2px 0 0 0; padding:0; width:100%; text-align:center;  height:60px; border-bottom:1px solid #fff; background: #f6f6f6;
background: -moz-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ebebeb));
background: -webkit-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%);
background: -o-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%);
background: -ms-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%);
background: linear-gradient(to bottom, #f6f6f6 0%,#ebebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ebebeb',GradientType=0 )}
#topline-content {max-width:840px; margin:0 auto; padding:0 10px;  text-align:left; }

#header {margin:0; padding:0; width:100%; text-align:center; min-height:140px; }
#header-content {max-width:840px; margin:0 auto; padding:0 10px;  text-align:left; }

#wrapper { margin:0; padding:0; width:100%; text-align:center; background:#fff;}



#page {max-width:840px; margin:0 auto; padding:0 10px;  text-align:left;  }
#content {padding:0; margin:0 0 2px 0; background:#fff; min-height:400px; }
#fullpage-entry { padding:10px 5px 15px 0; margin:0; }

#page-entry { padding:10px 15px 15px 0; margin:5px 0; width:67.555%; float:left; display:inline-block; border-right:3px double #ebebeb; box-sizing:border-box;}
#sidebar { padding:15px 0; width:28%; float:right; display:inline-block;}


/* =================== main menu ===================  */

#main-menu {margin:0; text-align:right; color:#444; text-transform:uppercase; padding:0;  width:auto; }
#main-menu ul {list-style:none; margin:0; }
#main-menu ul li {height:60px; line-height:60px; display:inline-block; padding:0; margin:0; font-size:.9em; font-weight:normal; border-left:1px solid #e9e9e9; border-right:1px solid #fff; } 
#main-menu ul li a { color:#454545; text-decoration:none; display:inline-block; padding:0 15px; margin:0; }
#main-menu ul li a:hover {background:#f6f6f6;  }
#main-menu ul li.current-menu-item a {color:#c00;}

#main-menu ul li:first-child, #footer ul li:first-child {border-left:none;}
#main-menu ul li:last-child, #footer ul li:last-child {border-right:none;}



/* =================== header =================== */

#logo {margin:0; padding:0; width:60%; float:left;}
#address-box { width:30%;  float:right; margin:10px 0; padding:10px 15px; text-align:right; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#2F486D;}
#address-box p { font-size:.9em; line-height:1.5em; margin:0; padding:0; color:#eee;}
#address-box p a {color:#eee; text-decoration:none; border-bottom:none;}

/* =================== homepage =================== */

#infobox { padding:25px 0 0 0; margin:0; width:100%;  }

.info-image {float:left; width:58%; max-width:440px; height:280px; margin:0 3.5% 0 0; padding:15px; background:#f2f2f2; border:1px solid #e3e3e3; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; position:relative; box-sizing:border-box;}

.cycle-slideshow img { width:100%; height:auto; display: block; position:absolute; top:0; left:0;}
.cycle-slideshow img:first-child { position: static; z-index: 100;}

.info-button { float:right; width:38%; max-width:340px; }
.info-button a { height:auto; margin:0 0 15px 0; padding:11px 10px 12px 15px; border:1px solid #e3e3e3; -moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px; display:block; font-size:.855em; font-weight:bold; text-decoration:none; line-height:1.6em; color:#676C77; 
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #ebebeb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#ebebeb));
background: -webkit-linear-gradient(top, #f8f8f8 0%,#ebebeb 100%);
background: -o-linear-gradient(top, #f8f8f8 0%,#ebebeb 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%,#ebebeb 100%);
background: linear-gradient(to bottom, #f8f8f8 0%,#ebebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ebebeb',GradientType=0 );
} 

.info-button a:hover {color:#333; background:#f2f2f2; box-shadow:0 0 6px #ddd;}
.info-button a img { float:left; margin:0 20px 0 0;}

#textbox { margin:0; padding:10px 0 40px 0; }
.signature {font-family: 'Montez', cursive; font-size:3em; float:right; margin:10px 50px 0 0;}


/* =================== footer =================== */

#footer {margin:0; width:100%; padding:0; text-align:center; 
background: #f6f6f6;
background: -moz-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ebebeb));
background: -webkit-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%);
background: -o-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%);
background: -ms-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%);
background: linear-gradient(to bottom, #f6f6f6 0%,#ebebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ebebeb',GradientType=0 ) }

#footer-content {margin:0 auto; max-width:840px; padding:0 10px; text-align:left; }

#footermenu { float:left; width:70%; font-size:.9em; padding:0; margin:0; text-align:left; display:inline; }
#footer ul { list-style:none; margin:0; padding:0;}
#footer ul li { line-height:46px; height:46px; display:inline-block; border-left:1px solid #e9e9e9; border-right:1px solid #fff; } 
#footer ul li a { color:#000; text-decoration:none; padding:0 12px; display:inline-block; }
#footer ul li a:hover { color:#c00; background:#f6f6f6; }
#footer ul li.current_page_item a { color:#c00; text-decoration:none;}


/* =================== search =================== */

#search { float:right; width:30%; padding:5px 0 0 0; margin:0; display:inline;}
#search form { padding:0; margin:0;}
input#searchinput { width:190px; border:1px solid #e3e3e3; background:#fff; padding:5px 3px; font-family:Arial, Helvetica, sans-serif; font-size:.7em; font-style:italic; color:#858C99;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:left; margin:4px 0 0 0; box-shadow:0 0 2px #ebebeb inset;}
input#searchinput:focus {border:1px solid #838383; }
input#searchsubmit { float:right; background:url(images/zoom.png) top left no-repeat; border:none; width:36px; height:30px; display:inline-block; cursor:pointer; margin:1px 0 0 0;}


/* =================== pages  =================== */ 

#page-entry p { padding-right:25px; font-size:.955em;}
#fullpage-entry {font-size:1em;}

#content ul { margin:10px 0 25px 15px; padding:0; font-size:.9em; }
#content ul li { margin:5px 0; padding:0; list-style-type: square; }
#content ol { margin:10px 0 25px 25px; padding:0; font-size:.9em;}
#content ol li { margin:5px 0; padding:0; list-style-type:decimal; }

#content .separator {background:#f6f6f6; border-bottom:1px dotted #ccc; height:1px; margin:10px 0; display:block; }

#content table { width:90%; background:#fff; margin:5px 0 25px 0; padding:0; border:1px solid #e5e5e5;  border-radius:2px;  -moz-border-radius:2px; -webkit-border-radius:2px; box-sizing:border-box;}
#content table td { color:#777; border-bottom:1px solid #e5e5e5; font-size:.8em; border-top:1px solid #fff; border-right:1px solid #ccc; border-left:1px solid #fff; padding:6px; margin:0;}
#content table td:last-child { border-right:none;}
#content table td:first-child { border-left:none;}
#content table th {padding:6px; font-size:.9em; line-height:1.5em; color:#4f4f4f; font-weight:normal; border-bottom:1px solid #e5e5e5; text-align:left; }
#content table tr:last-child td { border-bottom:none;}
#content table tr:nth-child(even) { background:#f5f5f5;}

.alignright { float:right;}
.alignleft { float:left;}

img.alignright {float:right; margin:0 0 0 20px; padding:5px; background:#f6f6f6;  border:1px solid #e3e3e3; border-radius:3px; box-shadow:#ccc 0px 0px 2px; -moz-border-radius:3px; -moz-box-shadow:#ccc 0px 0px 2px; -webkit-border-radius:3px; -webkit-box-shadow:#ccc 0px 0px 2px; border:2px solid #fff; }
img.alignleft { float:left; margin:0 20px 0 0; padding:5px; background:#f6f6f6;  border:1px solid #e3e3e3; border-radius:3px; box-shadow:#ccc 0px 0px 2px; -moz-border-radius:3px; -moz-box-shadow:#ccc 0px 0px 2px; -webkit-border-radius:3px; -webkit-box-shadow:#ccc 0px 0px 2px; border:2px solid #fff; }

.post-nav { margin:20px 0; padding:3px 0; font-size:.7555em;}
.nav-previous { float:left; width:120px;}
.nav-next { float:right; width:120px; }
.post-nav a {color:#777; text-decoration:none;}

blockquote { background:url(images/quotes.png) top left no-repeat; padding:0 0 0 40px; margin:25px 30px 25px 20px;}
blockquote p { padding:0; margin:0; line-height:1.7em; font-style: italic;}

/* =================== team page - galleries =================== */

#team-imgbox {margin:25px 0;}

.timg {float:left; max-width:230px; height:auto; padding:10px; margin:0 15px 15px 0; background:#f6f6f6; border-radius:3px; box-shadow:#ccc 0px 0px 2px; -moz-border-radius:3px; -moz-box-shadow:#ccc 0px 0px 2px; -webkit-border-radius:3px; -webkit-box-shadow:#ccc 0px 0px 2px; border:2px solid #fff; font-size:.855em; color:#444;}

.timg img {width:100%; height:auto;}
.timg span {margin:2px 0;}

.gallery {margin:0; padding:10px 0; width:100%; }
.gallery-item { float:left; margin:10px 10px 10px 0; text-align:center; width:29.555%; padding:3px; background:#f6f6f6;  border:1px solid #e3e3e3; border-radius:3px; box-shadow:#ccc 0px 0px 2px; -moz-border-radius:3px; -moz-box-shadow:#ccc 0px 0px 2px; -webkit-border-radius:3px; -webkit-box-shadow:#ccc 0px 0px 2px; }
.gallery-item:nth-child(3n+3) {margin:10px 0 10px 0;}
.gallery img {width:100%; height:auto; }

.gallery-caption {font-size:.8225em; color:#777;}



/* ===================  Google Maps  ======================== */

.sidebarbox .map iframe { width:92%; height:auto; background:#eee; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.sidebarbox .map a { color:#777; text-decoration:none; margin:0 0 0 3px; font-size:9px; font-style:italic;}
.sidebarbox .map a:hover {color:#c00;}

#page-entry .map { max-width:540px; margin:5px 0 10px 0; height:auto; background:#eee; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#page-entry .map iframe {width:100%; height:auto; min-height:250px;}
#page-entry .map a { color:#454545; text-decoration:none; margin:0 0 0 5px; padding:0; font-size:9px; font-style:italic;}
#page-entry .map a:hover {color:#c00;}



/* =================== contactform =================== */ 

p.thanks { background: #f2f2f2; border: 1px solid #e3e3e3; padding:6px; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;}
.contactform { margin:10px 0; padding:0;  }
.contactform label { font-size:.7em; display:block; margin:7px 0 0 0;}
.contactform input {width:100%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:.8em; box-sizing:border-box;}
.contactform select {width:100%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; margin:0 0 10px 0; box-sizing:border-box;}
.contactform textarea { width:97%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; font-size:.9em; box-sizing:border-box;}
.contactform input:focus, .contactform textarea:focus { border:1px solid #999;}

.formcolumn {width:47%; margin-right:3%; float:left;}
.contactForm .error { position:relative;}
.contactform .error {display:block; color:#c00;}

.contactform button { cursor:pointer; margin-top:15px; border:1px solid #e3e3e3; font-size:12px;  padding:6px 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  color:#000;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );}
.contactform button:hover {color:#c00; }

.mailCopy { padding:5px; margin:5px 0; width:480px; border:1px solid #e3e3e3;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
form#contactForm .error { position:relative;}


/* =================== sidebar =================== */ 

.sidebarbox { margin:0 0 25px 0;}

#content .sidebarbox h3 {color:#454545; text-transform:uppercase; margin:0 0 10px 0; font-size:14px; border-bottom:3px double #f2f2f2; padding-bottom:2px; }
#content .sidebarbox ul { margin:0; padding:0; list-style:none; font-size:.8555em;  }
#content .sidebarbox li { margin:0; padding:0; border-bottom:1px solid #f2f2f2; line-height:1.6em;  list-style:none;}
#content .sidebarbox ul li a { text-decoration:none; display:block; padding:5px 0 5px 5px; color:#444; }
#content .sidebarbox ul li:hover {background:#f6f6f6;  }
#content .sidebarbox ul li:hover a { color:#c00;}
#content .sidebarbox ul li ul li a { color:#444;}
#content .sidebarbox ul li ul li a:hover {  color:#c00;}

.sidebarbox p {font-size:.8555em;}
.sidebarbox p a {color:#c00; text-decoration:none;}
.sidebarbox p a:hover { text-decoration:underline;}
.sidebarbox .tagcloud a {color:#7d7d7d; text-decoration:none;}
.sidebarbox .tagcloud a:hover {color:#333; text-decoration:underline;}

.sidebarbox li.current-menu-item a, .sidebarbox li.current-cat a, .sidebarbox li.current-menu-parent a {color:#c00;}
.sidebarbox li.current-menu-item a:hover, .sidebarbox li.current-cat a:hover {}

.sidebarbox ul li ul { display:none; margin:0 0 10px 15px;}
.sidebarbox ul li ul li { border-bottom:none;}
.sidebarbox ul li.current-menu-item ul { display:block; margin:0 0 10px 15px;}
.sidebarbox ul li.current-menu-ancestor ul, .sidebarbox ul li.current_page_parent ul { display:block; margin:0 0 10px 15px;}

.sidebarbox ul li.current-menu-item ul li a {color:#444; }
.sidebarbox ul li.current-menu-item ul li a:hover {  color:#c00;  }


/* ============================  */ 

@media screen and (max-width: 800px) { 
#main-menu ul li {font-size:1em;}
.info-image {max-width:400px; height:auto; padding:15px;}
.info-button { max-width:300px; }
.info-button a {margin:0 0 13px 0; padding:9px 7px 9px 10px; font-size:.8em; }
} 

@media screen and (max-width: 768px) { 
#main-menu ul li {font-size:1em;}
.info-image {max-width:380px; height:auto; padding:15px;}
.info-button { max-width:300px; }
.info-button a {margin:0 0 13px 0; padding:9px 7px 9px 10px; font-size:.8em; }
.info-button a img {  margin:0 15px 0 0;}
input#searchinput { width:160px;}
#content table td {font-size:.7em;}
#content table th {font-size:.8em}
.timg {max-width:200px;}
} 

@media screen and (max-width: 600px) { 
#main-menu ul li {font-size:1em;}
.info-image {max-width:300px; height:auto; padding:10px; width:52%; margin:0 2.5% 0 0; }
.info-button { max-width:240px; }
.info-button a {margin:0 0 10px 0; padding:5px 5px 6px 8px; font-size:.755em; line-height:1.4em;}
.info-button a img {  margin:0 10px 0 0;}
h1.logo-title {font-size:2.3em;}
#footermenu {  font-size:11px; }
#footer ul li a { padding:0 7px; }
input#searchinput { width:120px; font-size:10px;}
.gallery-item { float:left; margin:10px 5px 10px 0; text-align:center; width:29.555%; padding:1px;}
} 


@media screen and (max-width: 480px) { 
#topline {height:40px; }
#main-menu ul li {height:40px; line-height:40px; font-size:10px; } 
#main-menu ul li a {padding:0 5px;  }
#logo {margin:0; padding:0; width:100%; float:none !important;}
h2.logo-subtitle {font-size:.755em;}
#address-box { width:90%;  float:none !important;}
#footermenu {  width:100%;  float:none !important; font-size:.7em; }
#footer ul li a { padding:0 5px; }
#search { width:100%;  float:none !important;}
#search form { padding:0 0 10px 0; margin:0;}
.info-image {width:100%; max-width:420px; height:auto; float:none !important; padding:10px; margin:0 0 20px 0;}
.info-button { width:100%; max-width:440px; float:none !important;}
.info-button a { margin:0 0 10px 0; padding:8px 5px 9px 8px; font-size:.855em; line-height:1.5em; min-height:40px;}
.info-button a img {  margin:0 15px 0 0;}
input#searchinput { width:250px;}
#page-entry { width:100%; float:none !important; border-right:none !important;}
#sidebar { padding:15px 0; width:100%; float:none !important;}
.signature, h1.logo-title {font-size:2em;}
#content table td {font-size:.7em;}
#content table th {font-size:.8em}
.formcolumn {width:100%; margin-right:0; float:none;}
} 

@media screen and (max-width: 320px) {
h2.logo-subtitle {font-size:.7em;}
.info-image { max-width:280px; }
.info-button { max-width:280px; }
.info-button a {  font-size:.8em;}
#footermenu {  font-size:10px; }
input#searchinput { width:220px;}
 }